@skyux/tabs 5.0.4 → 5.5.0-beta.0

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.
Files changed (124) hide show
  1. package/README.md +6 -4
  2. package/bundles/skyux-tabs.umd.js +147 -181
  3. package/documentation.json +761 -481
  4. package/esm2015/index.js +23 -0
  5. package/esm2015/index.js.map +1 -0
  6. package/esm2015/lib/modules/sectioned-form/sectioned-form-section.component.js +67 -0
  7. package/esm2015/lib/modules/sectioned-form/sectioned-form-section.component.js.map +1 -0
  8. package/esm2015/lib/modules/sectioned-form/sectioned-form.component.js +116 -0
  9. package/esm2015/lib/modules/sectioned-form/sectioned-form.component.js.map +1 -0
  10. package/esm2015/lib/modules/sectioned-form/sectioned-form.module.js +35 -0
  11. package/esm2015/lib/modules/sectioned-form/sectioned-form.module.js.map +1 -0
  12. package/esm2015/lib/modules/sectioned-form/sectioned-form.service.js +35 -0
  13. package/esm2015/lib/modules/sectioned-form/sectioned-form.service.js.map +1 -0
  14. package/esm2015/lib/modules/shared/sky-tabs-resources.module.js +52 -0
  15. package/esm2015/lib/modules/shared/sky-tabs-resources.module.js.map +1 -0
  16. package/esm2015/lib/modules/tabs/tab-button.component.js +76 -0
  17. package/esm2015/lib/modules/tabs/tab-button.component.js.map +1 -0
  18. package/esm2015/lib/modules/tabs/tab-index.js +2 -0
  19. package/esm2015/lib/modules/tabs/tab-index.js.map +1 -0
  20. package/esm2015/lib/modules/tabs/tab.component.js +135 -0
  21. package/esm2015/lib/modules/tabs/tab.component.js.map +1 -0
  22. package/esm2015/lib/modules/tabs/tabs.module.js +57 -0
  23. package/esm2015/lib/modules/tabs/tabs.module.js.map +1 -0
  24. package/esm2015/lib/modules/tabs/tabset-active-tab-unregistered-args.js +2 -0
  25. package/esm2015/lib/modules/tabs/tabset-active-tab-unregistered-args.js.map +1 -0
  26. package/esm2015/lib/modules/tabs/tabset-adapter.service.js +56 -0
  27. package/esm2015/lib/modules/tabs/tabset-adapter.service.js.map +1 -0
  28. package/esm2015/lib/modules/tabs/tabset-buttons-display-mode.js +2 -0
  29. package/esm2015/lib/modules/tabs/tabset-buttons-display-mode.js.map +1 -0
  30. package/esm2015/lib/modules/tabs/tabset-nav-button.component.js +119 -0
  31. package/esm2015/lib/modules/tabs/tabset-nav-button.component.js.map +1 -0
  32. package/esm2015/lib/modules/tabs/tabset-permalink.service.js +126 -0
  33. package/esm2015/lib/modules/tabs/tabset-permalink.service.js.map +1 -0
  34. package/esm2015/lib/modules/tabs/tabset-style.js +2 -0
  35. package/esm2015/lib/modules/tabs/tabset-style.js.map +1 -0
  36. package/esm2015/lib/modules/tabs/tabset-tab-indexes-change.js +2 -0
  37. package/esm2015/lib/modules/tabs/tabset-tab-indexes-change.js.map +1 -0
  38. package/esm2015/lib/modules/tabs/tabset.component.js +405 -0
  39. package/esm2015/lib/modules/tabs/tabset.component.js.map +1 -0
  40. package/esm2015/lib/modules/tabs/tabset.service.js +110 -0
  41. package/esm2015/lib/modules/tabs/tabset.service.js.map +1 -0
  42. package/esm2015/lib/modules/vertical-tabset/vertical-tab-media-query.service.js +72 -0
  43. package/esm2015/lib/modules/vertical-tabset/vertical-tab-media-query.service.js.map +1 -0
  44. package/esm2015/lib/modules/vertical-tabset/vertical-tab.component.js +203 -0
  45. package/esm2015/lib/modules/vertical-tabset/vertical-tab.component.js.map +1 -0
  46. package/esm2015/lib/modules/vertical-tabset/vertical-tabset-adapter.service.js +48 -0
  47. package/esm2015/lib/modules/vertical-tabset/vertical-tabset-adapter.service.js.map +1 -0
  48. package/esm2015/lib/modules/vertical-tabset/vertical-tabset-group.component.js +89 -0
  49. package/esm2015/lib/modules/vertical-tabset/vertical-tabset-group.component.js.map +1 -0
  50. package/esm2015/lib/modules/vertical-tabset/vertical-tabset.component.js +157 -0
  51. package/esm2015/lib/modules/vertical-tabset/vertical-tabset.component.js.map +1 -0
  52. package/esm2015/lib/modules/vertical-tabset/vertical-tabset.module.js +60 -0
  53. package/esm2015/lib/modules/vertical-tabset/vertical-tabset.module.js.map +1 -0
  54. package/esm2015/lib/modules/vertical-tabset/vertical-tabset.service.js +170 -0
  55. package/esm2015/lib/modules/vertical-tabset/vertical-tabset.service.js.map +1 -0
  56. package/esm2015/skyux-tabs.js +2 -2
  57. package/esm2015/skyux-tabs.js.map +1 -0
  58. package/esm2015/testing/public-api.js +1 -1
  59. package/esm2015/testing/public-api.js.map +1 -0
  60. package/esm2015/testing/skyux-tabs-testing.js +1 -1
  61. package/esm2015/testing/skyux-tabs-testing.js.map +1 -0
  62. package/esm2015/testing/tabs/tab-fixture-tab.js +1 -1
  63. package/esm2015/testing/tabs/tab-fixture-tab.js.map +1 -0
  64. package/esm2015/testing/tabs/tabset-fixture.js +1 -1
  65. package/esm2015/testing/tabs/tabset-fixture.js.map +1 -0
  66. package/fesm2015/skyux-tabs-testing.js.map +1 -1
  67. package/fesm2015/skyux-tabs.js +238 -259
  68. package/fesm2015/skyux-tabs.js.map +1 -1
  69. package/index.d.ts +16 -0
  70. package/{modules → lib/modules}/sectioned-form/sectioned-form-section.component.d.ts +0 -3
  71. package/{modules → lib/modules}/sectioned-form/sectioned-form.component.d.ts +0 -0
  72. package/{modules → lib/modules}/sectioned-form/sectioned-form.module.d.ts +0 -0
  73. package/{modules → lib/modules}/sectioned-form/sectioned-form.service.d.ts +0 -0
  74. package/{modules → lib/modules}/shared/sky-tabs-resources.module.d.ts +0 -0
  75. package/{modules → lib/modules}/tabs/tab-button.component.d.ts +2 -2
  76. package/{modules → lib/modules}/tabs/tab-index.d.ts +0 -0
  77. package/{modules → lib/modules}/tabs/tab.component.d.ts +0 -0
  78. package/{modules → lib/modules}/tabs/tabs.module.d.ts +0 -0
  79. package/{modules → lib/modules}/tabs/tabset-active-tab-unregistered-args.d.ts +0 -0
  80. package/{modules → lib/modules}/tabs/tabset-adapter.service.d.ts +0 -0
  81. package/{modules → lib/modules}/tabs/tabset-buttons-display-mode.d.ts +0 -0
  82. package/{modules → lib/modules}/tabs/tabset-nav-button.component.d.ts +0 -0
  83. package/{modules → lib/modules}/tabs/tabset-permalink.service.d.ts +0 -0
  84. package/{modules → lib/modules}/tabs/tabset-style.d.ts +0 -0
  85. package/{modules → lib/modules}/tabs/tabset-tab-indexes-change.d.ts +0 -0
  86. package/{modules → lib/modules}/tabs/tabset.component.d.ts +1 -1
  87. package/{modules → lib/modules}/tabs/tabset.service.d.ts +0 -0
  88. package/{modules → lib/modules}/vertical-tabset/vertical-tab-media-query.service.d.ts +0 -0
  89. package/{modules → lib/modules}/vertical-tabset/vertical-tab.component.d.ts +8 -13
  90. package/{modules → lib/modules}/vertical-tabset/vertical-tabset-adapter.service.d.ts +0 -0
  91. package/{modules → lib/modules}/vertical-tabset/vertical-tabset-group.component.d.ts +2 -2
  92. package/{modules → lib/modules}/vertical-tabset/vertical-tabset.component.d.ts +17 -2
  93. package/{modules → lib/modules}/vertical-tabset/vertical-tabset.module.d.ts +4 -3
  94. package/{modules → lib/modules}/vertical-tabset/vertical-tabset.service.d.ts +0 -0
  95. package/package.json +25 -11
  96. package/skyux-tabs.d.ts +1 -1
  97. package/LICENSE +0 -21
  98. package/esm2015/modules/sectioned-form/sectioned-form-section.component.js +0 -70
  99. package/esm2015/modules/sectioned-form/sectioned-form.component.js +0 -116
  100. package/esm2015/modules/sectioned-form/sectioned-form.module.js +0 -35
  101. package/esm2015/modules/sectioned-form/sectioned-form.service.js +0 -35
  102. package/esm2015/modules/shared/sky-tabs-resources.module.js +0 -52
  103. package/esm2015/modules/tabs/tab-button.component.js +0 -65
  104. package/esm2015/modules/tabs/tab-index.js +0 -2
  105. package/esm2015/modules/tabs/tab.component.js +0 -133
  106. package/esm2015/modules/tabs/tabs.module.js +0 -57
  107. package/esm2015/modules/tabs/tabset-active-tab-unregistered-args.js +0 -2
  108. package/esm2015/modules/tabs/tabset-adapter.service.js +0 -56
  109. package/esm2015/modules/tabs/tabset-buttons-display-mode.js +0 -2
  110. package/esm2015/modules/tabs/tabset-nav-button.component.js +0 -117
  111. package/esm2015/modules/tabs/tabset-permalink.service.js +0 -124
  112. package/esm2015/modules/tabs/tabset-style.js +0 -2
  113. package/esm2015/modules/tabs/tabset-tab-indexes-change.js +0 -2
  114. package/esm2015/modules/tabs/tabset.component.js +0 -405
  115. package/esm2015/modules/tabs/tabset.service.js +0 -110
  116. package/esm2015/modules/vertical-tabset/vertical-tab-media-query.service.js +0 -72
  117. package/esm2015/modules/vertical-tabset/vertical-tab.component.js +0 -192
  118. package/esm2015/modules/vertical-tabset/vertical-tabset-adapter.service.js +0 -48
  119. package/esm2015/modules/vertical-tabset/vertical-tabset-group.component.js +0 -134
  120. package/esm2015/modules/vertical-tabset/vertical-tabset.component.js +0 -149
  121. package/esm2015/modules/vertical-tabset/vertical-tabset.module.js +0 -56
  122. package/esm2015/modules/vertical-tabset/vertical-tabset.service.js +0 -170
  123. package/esm2015/public-api.js +0 -23
  124. package/public-api.d.ts +0 -16
package/index.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ export * from './lib/modules/sectioned-form/sectioned-form.module';
2
+ export * from './lib/modules/sectioned-form/sectioned-form.service';
3
+ export * from './lib/modules/tabs/tab-index';
4
+ export * from './lib/modules/tabs/tabset-buttons-display-mode';
5
+ export * from './lib/modules/tabs/tabset-style';
6
+ export * from './lib/modules/tabs/tabset-tab-indexes-change';
7
+ export * from './lib/modules/tabs/tabs.module';
8
+ export * from './lib/modules/vertical-tabset/vertical-tabset.module';
9
+ export * from './lib/modules/sectioned-form/sectioned-form.component';
10
+ export { SkyTabComponent as λ1 } from './lib/modules/tabs/tab.component';
11
+ export { SkyTabsetComponent as λ2 } from './lib/modules/tabs/tabset.component';
12
+ export { SkyTabsetNavButtonComponent as λ3 } from './lib/modules/tabs/tabset-nav-button.component';
13
+ export { SkyVerticalTabComponent as λ4 } from './lib/modules/vertical-tabset/vertical-tab.component';
14
+ export { SkySectionedFormSectionComponent as λ5 } from './lib/modules/sectioned-form/sectioned-form-section.component';
15
+ export { SkyVerticalTabsetComponent as λ6 } from './lib/modules/vertical-tabset/vertical-tabset.component';
16
+ export { SkyVerticalTabsetGroupComponent as λ7 } from './lib/modules/vertical-tabset/vertical-tabset-group.component';
@@ -27,12 +27,9 @@ export declare class SkySectionedFormSectionComponent implements OnInit, OnDestr
27
27
  * @default false
28
28
  */
29
29
  active: boolean;
30
- get ariaRole(): string;
31
- get ariaLabelledby(): string;
32
30
  fieldRequired: boolean;
33
31
  fieldInvalid: boolean;
34
32
  tab: SkyVerticalTabComponent;
35
- private isMobile;
36
33
  private _ngUnsubscribe;
37
34
  constructor(sectionedFormService: SkySectionedFormService, tabsetService: SkyVerticalTabsetService, changeRef: ChangeDetectorRef);
38
35
  ngOnInit(): void;
@@ -16,8 +16,8 @@ export declare class SkyTabButtonComponent {
16
16
  tabStyle: SkyTabsetStyle;
17
17
  buttonClick: EventEmitter<void>;
18
18
  closeClick: EventEmitter<void>;
19
- onButtonClick(event: MouseEvent): void;
20
- onButtonEnterKeyDown(event: any): void;
19
+ onButtonClick(event: any): void;
20
+ onTabButtonKeyDown(event: KeyboardEvent): void;
21
21
  onCloseClick(event: any): void;
22
22
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabButtonComponent, never>;
23
23
  static ɵcmp: i0.ɵɵComponentDeclaration<SkyTabButtonComponent, "sky-tab-button", never, { "active": "active"; "ariaControls": "ariaControls"; "buttonHref": "buttonHref"; "buttonId": "buttonId"; "buttonText": "buttonText"; "buttonTextCount": "buttonTextCount"; "closeable": "closeable"; "disabled": "disabled"; "tabStyle": "tabStyle"; }, { "buttonClick": "buttonClick"; "closeClick": "closeClick"; }, never, never>;
File without changes
File without changes
File without changes
File without changes
@@ -59,7 +59,7 @@ export declare class SkyTabsetComponent implements AfterViewInit, OnDestroy {
59
59
  * @deprecated The property was designed to create wizards by setting tabStyle="wizard" on tabsets in modals,
60
60
  * but this wizard implementation was replaced by the
61
61
  * [progress indicator component](https://developer.blackbaud.com/skyux/components/progress-indicator).
62
- * @default 'tabs'
62
+ * @default "tabs"
63
63
  */
64
64
  set tabStyle(value: SkyTabsetStyle);
65
65
  get tabStyle(): SkyTabsetStyle;
@@ -16,17 +16,9 @@ export declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
16
16
  * Specifies the HTML element ID (without the leading `#`) of the element that contains
17
17
  * the content that the vertical tab displays, which corresponds to the `tabId`. This property
18
18
  * [supports accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure).
19
+ * @deprecated Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.
19
20
  */
20
- get ariaControls(): string;
21
- set ariaControls(value: string);
22
- /**
23
- * @internal
24
- */
25
- ariaInvalid: boolean;
26
- /**
27
- * @internal
28
- */
29
- ariaRequired: boolean;
21
+ ariaControls: string;
30
22
  /**
31
23
  * Specifies an ARIA role for the vertical tab
32
24
  * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
@@ -34,6 +26,8 @@ export declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
34
26
  * an ARIA role indicates what an item represents on a web page, see the
35
27
  * [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).
36
28
  * @default "tab"
29
+ * @deprecated Any other value than `tab` could lead to a poor user experience for users with assistive technology.
30
+ * In the next major version, this property will be automatically set to `tab`.
37
31
  */
38
32
  get ariaRole(): string;
39
33
  set ariaRole(value: string);
@@ -63,14 +57,14 @@ export declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
63
57
  set showTabRightArrow(value: boolean);
64
58
  /**
65
59
  * Specifies an ID for the tab.
60
+ * @deprecated Now that the vertical tabs provide aria labels automatically, this input is no longer necessary.
66
61
  */
67
62
  tabId: string;
68
63
  set contentRendered(value: boolean);
69
64
  get contentRendered(): boolean;
70
65
  index: number;
66
+ isMobile: boolean;
71
67
  tabContent: ElementRef;
72
- private isMobile;
73
- private _ariaControls;
74
68
  private _ariaRole;
75
69
  private _contentRendered;
76
70
  private _mobileSubscription;
@@ -81,9 +75,10 @@ export declare class SkyVerticalTabComponent implements OnInit, OnDestroy {
81
75
  ngOnDestroy(): void;
82
76
  tabIndex(): number;
83
77
  activateTab(): void;
78
+ onTabButtonKeyUp(event: KeyboardEvent): void;
84
79
  onWindowResize(): void;
85
80
  tabDeactivated(): void;
86
81
  private updateBreakpointAndResponsiveClass;
87
82
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabComponent, never>;
88
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabComponent, "sky-vertical-tab", never, { "active": "active"; "ariaControls": "ariaControls"; "ariaInvalid": "ariaInvalid"; "ariaRequired": "ariaRequired"; "ariaRole": "ariaRole"; "disabled": "disabled"; "errorIndicator": "errorIndicator"; "tabHeaderCount": "tabHeaderCount"; "tabHeading": "tabHeading"; "showTabRightArrow": "showTabRightArrow"; "tabId": "tabId"; }, {}, never, ["*"]>;
83
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabComponent, "sky-vertical-tab", never, { "active": "active"; "ariaControls": "ariaControls"; "ariaRole": "ariaRole"; "disabled": "disabled"; "errorIndicator": "errorIndicator"; "tabHeaderCount": "tabHeaderCount"; "tabHeading": "tabHeading"; "showTabRightArrow": "showTabRightArrow"; "tabId": "tabId"; }, {}, never, ["*"]>;
89
84
  }
@@ -6,7 +6,7 @@ export declare class SkyVerticalTabsetGroupComponent implements OnInit, OnDestro
6
6
  private changeRef;
7
7
  /**
8
8
  * Indicates whether to disable the ability to expand and collapse the group.
9
- * @default "false"
9
+ * @default false
10
10
  */
11
11
  disabled: boolean;
12
12
  /**
@@ -15,7 +15,7 @@ export declare class SkyVerticalTabsetGroupComponent implements OnInit, OnDestro
15
15
  groupHeading: string;
16
16
  /**
17
17
  * Indicates whether the collapsible group is expanded.
18
- * @default "false"
18
+ * @default false
19
19
  */
20
20
  set open(value: boolean);
21
21
  get open(): boolean;
@@ -12,6 +12,19 @@ export declare class SkyVerticalTabsetComponent implements OnInit, AfterViewChec
12
12
  * Specifies the text to display on the show tabs button on mobile devices.
13
13
  */
14
14
  showTabsText: string;
15
+ /**
16
+ * Specifies an ARIA label for the tabset. This sets the tabset's `aria-label` attribute
17
+ * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
18
+ * If the tabset includes a visible label, use `ariaLabelledBy` instead.
19
+ */
20
+ ariaLabel: string;
21
+ /**
22
+ * Specifies the HTML element ID (without the leading `#`) of the element that labels
23
+ * the tabset. This sets the tabset's `aria-labelledby` attribute
24
+ * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
25
+ * If the tabset does not include a visible label, use `ariaLabel` instead.
26
+ */
27
+ ariaLabelledBy: string;
15
28
  /**
16
29
  * Specifies an ARIA role for the vertical tabset
17
30
  * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
@@ -19,13 +32,15 @@ export declare class SkyVerticalTabsetComponent implements OnInit, AfterViewChec
19
32
  * an ARIA role indicates what an item represents on a web page, see the
20
33
  * [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).
21
34
  * @default "tablist"
35
+ * @deprecated Any other value than `tablist` could lead to a poor user experience for users with assistive technology.
36
+ * In the next major version, this property will be automatically set to `tablist`.
22
37
  */
23
38
  get ariaRole(): string;
24
39
  set ariaRole(value: string);
25
40
  /**
26
41
  * Indicates whether the vertical tabset loads tab content during initialization so that it
27
42
  * displays content without moving around elements in the content container.
28
- * @default 'false'
43
+ * @default false
29
44
  */
30
45
  maintainTabContent: boolean;
31
46
  /**
@@ -44,5 +59,5 @@ export declare class SkyVerticalTabsetComponent implements OnInit, AfterViewChec
44
59
  ngAfterViewChecked(): void;
45
60
  ngOnDestroy(): void;
46
61
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetComponent, never>;
47
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabsetComponent, "sky-vertical-tabset", never, { "showTabsText": "showTabsText"; "ariaRole": "ariaRole"; "maintainTabContent": "maintainTabContent"; }, { "activeChange": "activeChange"; }, never, ["*"]>;
62
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyVerticalTabsetComponent, "sky-vertical-tabset", never, { "showTabsText": "showTabsText"; "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "ariaRole": "ariaRole"; "maintainTabContent": "maintainTabContent"; }, { "activeChange": "activeChange"; }, never, ["*"]>;
48
63
  }
@@ -4,10 +4,11 @@ import * as i2 from "./vertical-tabset-group.component";
4
4
  import * as i3 from "./vertical-tab.component";
5
5
  import * as i4 from "@angular/common";
6
6
  import * as i5 from "@skyux/indicators";
7
- import * as i6 from "../shared/sky-tabs-resources.module";
8
- import * as i7 from "@skyux/theme";
7
+ import * as i6 from "@skyux/core";
8
+ import * as i7 from "../shared/sky-tabs-resources.module";
9
+ import * as i8 from "@skyux/theme";
9
10
  export declare class SkyVerticalTabsetModule {
10
11
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetModule, never>;
11
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkyVerticalTabsetModule, [typeof i1.SkyVerticalTabsetComponent, typeof i2.SkyVerticalTabsetGroupComponent, typeof i3.SkyVerticalTabComponent], [typeof i4.CommonModule, typeof i5.SkyChevronModule, typeof i5.SkyIconModule, typeof i5.SkyStatusIndicatorModule, typeof i6.SkyTabsResourcesModule, typeof i7.SkyThemeModule], [typeof i1.SkyVerticalTabsetComponent, typeof i2.SkyVerticalTabsetGroupComponent, typeof i3.SkyVerticalTabComponent]>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyVerticalTabsetModule, [typeof i1.SkyVerticalTabsetComponent, typeof i2.SkyVerticalTabsetGroupComponent, typeof i3.SkyVerticalTabComponent], [typeof i4.CommonModule, typeof i5.SkyIconModule, typeof i6.SkyIdModule, typeof i5.SkyExpansionIndicatorModule, typeof i5.SkyStatusIndicatorModule, typeof i7.SkyTabsResourcesModule, typeof i8.SkyThemeModule], [typeof i1.SkyVerticalTabsetComponent, typeof i2.SkyVerticalTabsetGroupComponent, typeof i3.SkyVerticalTabComponent]>;
12
13
  static ɵinj: i0.ɵɵInjectorDeclaration<SkyVerticalTabsetModule>;
13
14
  }
package/package.json CHANGED
@@ -1,21 +1,35 @@
1
1
  {
2
2
  "name": "@skyux/tabs",
3
- "version": "5.0.4",
3
+ "version": "5.5.0-beta.0",
4
4
  "peerDependencies": {
5
- "@angular/common": "^12.2.15",
6
- "@angular/core": "^12.2.15",
7
- "@angular/router": "^12.2.15",
8
- "@skyux/core": "^5.2.2",
9
- "@skyux/i18n": "^5.0.1",
10
- "@skyux/forms": "^5.0.2",
11
- "@skyux/indicators": "^5.1.2",
12
- "@skyux/modals": "^5.0.3",
13
- "@skyux/popovers": "^5.0.2",
14
- "@skyux/theme": "^5.0.4"
5
+ "@angular/common": "^12.2.16",
6
+ "@angular/core": "^12.2.16",
7
+ "@angular/router": "^12.2.16",
8
+ "@skyux/core": "5.5.0-beta.0",
9
+ "@skyux/i18n": "5.5.0-beta.0",
10
+ "@skyux/forms": "5.5.0-beta.0",
11
+ "@skyux/indicators": "5.5.0-beta.0",
12
+ "@skyux/modals": "5.5.0-beta.0",
13
+ "@skyux/popovers": "5.5.0-beta.0",
14
+ "@skyux/theme": "5.5.0-beta.0"
15
15
  },
16
16
  "dependencies": {
17
17
  "tslib": "^2.3.1"
18
18
  },
19
+ "author": "Blackbaud, Inc.",
20
+ "keywords": [
21
+ "blackbaud",
22
+ "skyux"
23
+ ],
24
+ "license": "MIT",
25
+ "repository": {
26
+ "type": "git",
27
+ "url": "git+https://github.com/blackbaud/skyux.git"
28
+ },
29
+ "bugs": {
30
+ "url": "https://github.com/blackbaud/skyux/issues"
31
+ },
32
+ "homepage": "https://github.com/blackbaud/skyux#readme",
19
33
  "main": "bundles/skyux-tabs.umd.js",
20
34
  "module": "fesm2015/skyux-tabs.js",
21
35
  "es2015": "fesm2015/skyux-tabs.js",
package/skyux-tabs.d.ts CHANGED
@@ -2,4 +2,4 @@
2
2
  * Generated bundle index. Do not edit.
3
3
  */
4
4
  /// <amd-module name="@skyux/tabs" />
5
- export * from './public-api';
5
+ export * from './index';
package/LICENSE DELETED
@@ -1,21 +0,0 @@
1
- The MIT License (MIT)
2
-
3
- Copyright (c) 2020 Blackbaud
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
@@ -1,70 +0,0 @@
1
- import { Component, Input, ViewChild, } from '@angular/core';
2
- import { Subject } from 'rxjs';
3
- import { takeUntil } from 'rxjs/operators';
4
- import { SkyVerticalTabComponent } from './../vertical-tabset/vertical-tab.component';
5
- import { SkySectionedFormService } from './sectioned-form.service';
6
- import * as i0 from "@angular/core";
7
- import * as i1 from "./sectioned-form.service";
8
- import * as i2 from "../vertical-tabset/vertical-tabset.service";
9
- import * as i3 from "../vertical-tabset/vertical-tab.component";
10
- import * as i4 from "@angular/common";
11
- let nextId = 0;
12
- /**
13
- * Creates an individual form to display as a section within the sectioned form.
14
- */
15
- export class SkySectionedFormSectionComponent {
16
- constructor(sectionedFormService, tabsetService, changeRef) {
17
- this.sectionedFormService = sectionedFormService;
18
- this.tabsetService = tabsetService;
19
- this.changeRef = changeRef;
20
- this.sectionTabId = `sky-sectioned-form-tab-${++nextId}`;
21
- this.sectionContentId = `sky-sectioned-form-section-${++nextId}`;
22
- this.isMobile = false;
23
- this._ngUnsubscribe = new Subject();
24
- }
25
- get ariaRole() {
26
- return this.isMobile ? undefined : 'tabpanel';
27
- }
28
- get ariaLabelledby() {
29
- return this.isMobile ? undefined : this.sectionTabId;
30
- }
31
- ngOnInit() {
32
- this.isMobile = this.tabsetService.isMobile();
33
- this.changeRef.detectChanges();
34
- this.tabsetService.switchingMobile.subscribe((mobile) => {
35
- this.isMobile = mobile;
36
- this.changeRef.detectChanges();
37
- });
38
- this.sectionedFormService.requiredChange
39
- .pipe(takeUntil(this._ngUnsubscribe))
40
- .subscribe((required) => (this.fieldRequired = required));
41
- this.sectionedFormService.invalidChange
42
- .pipe(takeUntil(this._ngUnsubscribe))
43
- .subscribe((invalid) => (this.fieldInvalid = invalid));
44
- }
45
- ngOnDestroy() {
46
- this._ngUnsubscribe.next();
47
- this._ngUnsubscribe.complete();
48
- }
49
- }
50
- SkySectionedFormSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkySectionedFormSectionComponent, deps: [{ token: i1.SkySectionedFormService }, { token: i2.SkyVerticalTabsetService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
51
- SkySectionedFormSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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>\n <div\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.role]=\"ariaRole\"\n [id]=\"sectionContentId\"\n #tabContent\n >\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"] }] });
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkySectionedFormSectionComponent, decorators: [{
53
- type: Component,
54
- args: [{
55
- selector: 'sky-sectioned-form-section',
56
- templateUrl: './sectioned-form-section.component.html',
57
- providers: [SkySectionedFormService],
58
- styleUrls: ['./sectioned-form-section.component.scss'],
59
- }]
60
- }], ctorParameters: function () { return [{ type: i1.SkySectionedFormService }, { type: i2.SkyVerticalTabsetService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { heading: [{
61
- type: Input
62
- }], itemCount: [{
63
- type: Input
64
- }], active: [{
65
- type: Input
66
- }], tab: [{
67
- type: ViewChild,
68
- args: [SkyVerticalTabComponent]
69
- }] } });
70
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbmVkLWZvcm0tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YWJzL3NyYy9tb2R1bGVzL3NlY3Rpb25lZC1mb3JtL3NlY3Rpb25lZC1mb3JtLXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFicy9zcmMvbW9kdWxlcy9zZWN0aW9uZWQtZm9ybS9zZWN0aW9uZWQtZm9ybS1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFNBQVMsR0FJVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7O0FBR25FLElBQUksTUFBTSxHQUFHLENBQUMsQ0FBQztBQUVmOztHQUVHO0FBT0gsTUFBTSxPQUFPLGdDQUFnQztJQTBDM0MsWUFDVSxvQkFBNkMsRUFDN0MsYUFBdUMsRUFDdkMsU0FBNEI7UUFGNUIseUJBQW9CLEdBQXBCLG9CQUFvQixDQUF5QjtRQUM3QyxrQkFBYSxHQUFiLGFBQWEsQ0FBMEI7UUFDdkMsY0FBUyxHQUFULFNBQVMsQ0FBbUI7UUE1Qy9CLGlCQUFZLEdBQUcsMEJBQTBCLEVBQUUsTUFBTSxFQUFFLENBQUM7UUFDcEQscUJBQWdCLEdBQUcsOEJBQThCLEVBQUUsTUFBTSxFQUFFLENBQUM7UUFxQzNELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsbUJBQWMsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBTXBDLENBQUM7SUFyQkosSUFBVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUM7SUFDaEQsQ0FBQztJQUVELElBQVcsY0FBYztRQUN2QixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztJQUN2RCxDQUFDO0lBaUJNLFFBQVE7UUFDYixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDOUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUUvQixJQUFJLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFlLEVBQUUsRUFBRTtZQUMvRCxJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQztZQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ2pDLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLG9CQUFvQixDQUFDLGNBQWM7YUFDckMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7YUFDcEMsU0FBUyxDQUFDLENBQUMsUUFBaUIsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUM7UUFFckUsSUFBSSxDQUFDLG9CQUFvQixDQUFDLGFBQWE7YUFDcEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7YUFDcEMsU0FBUyxDQUFDLENBQUMsT0FBZ0IsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxHQUFHLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2pDLENBQUM7OzhIQXJFVSxnQ0FBZ0M7a0hBQWhDLGdDQUFnQywrSEFIaEMsQ0FBQyx1QkFBdUIsQ0FBQywrREF1Q3pCLHVCQUF1QixnRENoRXBDLHdrQkF1QkE7NEZES2EsZ0NBQWdDO2tCQU41QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw0QkFBNEI7b0JBQ3RDLFdBQVcsRUFBRSx5Q0FBeUM7b0JBQ3RELFNBQVMsRUFBRSxDQUFDLHVCQUF1QixDQUFDO29CQUNwQyxTQUFTLEVBQUUsQ0FBQyx5Q0FBeUMsQ0FBQztpQkFDdkQ7cUxBVVEsT0FBTztzQkFEYixLQUFLO2dCQVFDLFNBQVM7c0JBRGYsS0FBSztnQkFRQyxNQUFNO3NCQURaLEtBQUs7Z0JBZUMsR0FBRztzQkFEVCxTQUFTO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbiAgT25Jbml0LFxuICBPbkRlc3Ryb3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IFNreVZlcnRpY2FsVGFiQ29tcG9uZW50IH0gZnJvbSAnLi8uLi92ZXJ0aWNhbC10YWJzZXQvdmVydGljYWwtdGFiLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lTZWN0aW9uZWRGb3JtU2VydmljZSB9IGZyb20gJy4vc2VjdGlvbmVkLWZvcm0uc2VydmljZSc7XG5pbXBvcnQgeyBTa3lWZXJ0aWNhbFRhYnNldFNlcnZpY2UgfSBmcm9tICcuLi92ZXJ0aWNhbC10YWJzZXQvdmVydGljYWwtdGFic2V0LnNlcnZpY2UnO1xuXG5sZXQgbmV4dElkID0gMDtcblxuLyoqXG4gKiBDcmVhdGVzIGFuIGluZGl2aWR1YWwgZm9ybSB0byBkaXNwbGF5IGFzIGEgc2VjdGlvbiB3aXRoaW4gdGhlIHNlY3Rpb25lZCBmb3JtLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktc2VjdGlvbmVkLWZvcm0tc2VjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWN0aW9uZWQtZm9ybS1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgcHJvdmlkZXJzOiBbU2t5U2VjdGlvbmVkRm9ybVNlcnZpY2VdLFxuICBzdHlsZVVybHM6IFsnLi9zZWN0aW9uZWQtZm9ybS1zZWN0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreVNlY3Rpb25lZEZvcm1TZWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwdWJsaWMgc2VjdGlvblRhYklkID0gYHNreS1zZWN0aW9uZWQtZm9ybS10YWItJHsrK25leHRJZH1gO1xuICBwdWJsaWMgc2VjdGlvbkNvbnRlbnRJZCA9IGBza3ktc2VjdGlvbmVkLWZvcm0tc2VjdGlvbi0keysrbmV4dElkfWA7XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2VjdGlvbiBoZWFkZXIuXG4gICAqIEByZXF1aXJlZFxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGhlYWRpbmc6IHN0cmluZztcblxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoZSBudW1iZXIgb2YgaXRlbXMgd2l0aGluIHRoZSBzZWN0aW9uIGFuZCBkaXNwbGF5cyBhXG4gICAqIGNvdW50ZXIgYWxvbmdzaWRlIHRoZSBzZWN0aW9uIGhlYWRlci5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpdGVtQ291bnQ6IG51bWJlcjtcblxuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIHNlY3Rpb24gaXMgYWN0aXZlIHdoZW4gdGhlIGZvcm0gbG9hZHMuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYWN0aXZlOiBib29sZWFuO1xuXG4gIHB1YmxpYyBnZXQgYXJpYVJvbGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5pc01vYmlsZSA/IHVuZGVmaW5lZCA6ICd0YWJwYW5lbCc7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGFyaWFMYWJlbGxlZGJ5KCkge1xuICAgIHJldHVybiB0aGlzLmlzTW9iaWxlID8gdW5kZWZpbmVkIDogdGhpcy5zZWN0aW9uVGFiSWQ7XG4gIH1cblxuICBwdWJsaWMgZmllbGRSZXF1aXJlZDogYm9vbGVhbjtcbiAgcHVibGljIGZpZWxkSW52YWxpZDogYm9vbGVhbjtcblxuICBAVmlld0NoaWxkKFNreVZlcnRpY2FsVGFiQ29tcG9uZW50KVxuICBwdWJsaWMgdGFiOiBTa3lWZXJ0aWNhbFRhYkNvbXBvbmVudDtcblxuICBwcml2YXRlIGlzTW9iaWxlID0gZmFsc2U7XG4gIHByaXZhdGUgX25nVW5zdWJzY3JpYmUgPSBuZXcgU3ViamVjdCgpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgc2VjdGlvbmVkRm9ybVNlcnZpY2U6IFNreVNlY3Rpb25lZEZvcm1TZXJ2aWNlLFxuICAgIHByaXZhdGUgdGFic2V0U2VydmljZTogU2t5VmVydGljYWxUYWJzZXRTZXJ2aWNlLFxuICAgIHByaXZhdGUgY2hhbmdlUmVmOiBDaGFuZ2VEZXRlY3RvclJlZlxuICApIHt9XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaXNNb2JpbGUgPSB0aGlzLnRhYnNldFNlcnZpY2UuaXNNb2JpbGUoKTtcbiAgICB0aGlzLmNoYW5nZVJlZi5kZXRlY3RDaGFuZ2VzKCk7XG5cbiAgICB0aGlzLnRhYnNldFNlcnZpY2Uuc3dpdGNoaW5nTW9iaWxlLnN1YnNjcmliZSgobW9iaWxlOiBib29sZWFuKSA9PiB7XG4gICAgICB0aGlzLmlzTW9iaWxlID0gbW9iaWxlO1xuICAgICAgdGhpcy5jaGFuZ2VSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH0pO1xuXG4gICAgdGhpcy5zZWN0aW9uZWRGb3JtU2VydmljZS5yZXF1aXJlZENoYW5nZVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuX25nVW5zdWJzY3JpYmUpKVxuICAgICAgLnN1YnNjcmliZSgocmVxdWlyZWQ6IGJvb2xlYW4pID0+ICh0aGlzLmZpZWxkUmVxdWlyZWQgPSByZXF1aXJlZCkpO1xuXG4gICAgdGhpcy5zZWN0aW9uZWRGb3JtU2VydmljZS5pbnZhbGlkQ2hhbmdlXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5fbmdVbnN1YnNjcmliZSkpXG4gICAgICAuc3Vic2NyaWJlKChpbnZhbGlkOiBib29sZWFuKSA9PiAodGhpcy5maWVsZEludmFsaWQgPSBpbnZhbGlkKSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5fbmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy5fbmdVbnN1YnNjcmliZS5jb21wbGV0ZSgpO1xuICB9XG59XG4iLCI8c2t5LXZlcnRpY2FsLXRhYlxuICBbYWN0aXZlXT1cImFjdGl2ZVwiXG4gIFthcmlhQ29udHJvbHNdPVwic2VjdGlvbkNvbnRlbnRJZFwiXG4gIFthcmlhSW52YWxpZF09XCJmaWVsZEludmFsaWRcIlxuICBbYXJpYVJlcXVpcmVkXT1cImZpZWxkUmVxdWlyZWRcIlxuICBbZXJyb3JJbmRpY2F0b3JdPVwiZmllbGRJbnZhbGlkXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdza3ktdGFiLWZpZWxkLXJlcXVpcmVkJzogZmllbGRSZXF1aXJlZFxuICB9XCJcbiAgW3Nob3dUYWJSaWdodEFycm93XT1cInRydWVcIlxuICBbdGFiSGVhZGVyQ291bnRdPVwiaXRlbUNvdW50XCJcbiAgW3RhYkhlYWRpbmddPVwiaGVhZGluZ1wiXG4gIFt0YWJJZF09XCJzZWN0aW9uVGFiSWRcIlxuPlxuICA8ZGl2XG4gICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImFyaWFMYWJlbGxlZGJ5XCJcbiAgICBbYXR0ci5yb2xlXT1cImFyaWFSb2xlXCJcbiAgICBbaWRdPVwic2VjdGlvbkNvbnRlbnRJZFwiXG4gICAgI3RhYkNvbnRlbnRcbiAgPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L3NreS12ZXJ0aWNhbC10YWI+XG4iXX0=
@@ -1,116 +0,0 @@
1
- import { Component, ViewChild, EventEmitter, Output, ChangeDetectionStrategy, Input, } from '@angular/core';
2
- import { style, trigger, transition, animate } from '@angular/animations';
3
- import { Subject } from 'rxjs';
4
- import { takeUntil } from 'rxjs/operators';
5
- import { SkyVerticalTabsetService, HIDDEN_STATE, VISIBLE_STATE, } from './../vertical-tabset/vertical-tabset.service';
6
- import * as i0 from "@angular/core";
7
- import * as i1 from "./../vertical-tabset/vertical-tabset.service";
8
- import * as i2 from "@angular/common";
9
- /**
10
- * Creates a container for the sectioned forms.
11
- */
12
- export class SkySectionedFormComponent {
13
- constructor(tabService, changeRef) {
14
- this.tabService = tabService;
15
- this.changeRef = changeRef;
16
- /**
17
- * Indicates whether the sectioned form loads section content during initialization so that it
18
- * displays content without moving around elements in the content container.
19
- * @default false
20
- */
21
- this.maintainSectionContent = false;
22
- /**
23
- * Fires when the active tab changes and emits the index of the active
24
- * section. The index is based on the section's position when the form loads.
25
- */
26
- this.indexChanged = new EventEmitter();
27
- this.isMobile = false;
28
- this._ngUnsubscribe = new Subject();
29
- }
30
- get ariaRole() {
31
- return this.isMobile ? undefined : 'tablist';
32
- }
33
- ngOnInit() {
34
- this.tabService.maintainTabContent = this.maintainSectionContent;
35
- this.tabService.indexChanged
36
- .pipe(takeUntil(this._ngUnsubscribe))
37
- .subscribe((index) => {
38
- this.indexChanged.emit(index);
39
- this.changeRef.markForCheck();
40
- });
41
- this.tabService.switchingMobile
42
- .pipe(takeUntil(this._ngUnsubscribe))
43
- .subscribe((mobile) => {
44
- this.isMobile = mobile;
45
- this.changeRef.markForCheck();
46
- });
47
- if (this.tabService.isMobile()) {
48
- this.isMobile = true;
49
- this.tabService.animationContentVisibleState = VISIBLE_STATE;
50
- this.changeRef.markForCheck();
51
- }
52
- }
53
- ngAfterViewChecked() {
54
- this.tabService.content = this.content;
55
- this.tabService.updateContent();
56
- }
57
- ngOnDestroy() {
58
- this._ngUnsubscribe.next();
59
- this._ngUnsubscribe.complete();
60
- }
61
- tabsVisible() {
62
- this.changeRef.markForCheck();
63
- return this.tabService.tabsVisible();
64
- }
65
- showTabs() {
66
- this.tabService.showTabs();
67
- this.changeRef.markForCheck();
68
- }
69
- }
70
- SkySectionedFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", 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.15", 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]=\"{\n 'sky-sectioned-form-content-hidden': !tabService.contentVisible()\n }\"\n [@contentEnter]=\"tabService.animationContentVisibleState\"\n #skySectionSideContent\n ></div>\n</div>\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
- trigger('tabEnter', [
73
- transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [
74
- style({ transform: 'translate(-100%)' }),
75
- animate('150ms ease-in'),
76
- ]),
77
- ]),
78
- trigger('contentEnter', [
79
- transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [
80
- style({ transform: 'translate(100%)' }),
81
- animate('150ms ease-in'),
82
- ]),
83
- ]),
84
- ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
85
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkySectionedFormComponent, decorators: [{
86
- type: Component,
87
- args: [{
88
- selector: 'sky-sectioned-form',
89
- templateUrl: './sectioned-form.component.html',
90
- styleUrls: ['./sectioned-form.component.scss'],
91
- providers: [SkyVerticalTabsetService],
92
- changeDetection: ChangeDetectionStrategy.OnPush,
93
- animations: [
94
- trigger('tabEnter', [
95
- transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [
96
- style({ transform: 'translate(-100%)' }),
97
- animate('150ms ease-in'),
98
- ]),
99
- ]),
100
- trigger('contentEnter', [
101
- transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [
102
- style({ transform: 'translate(100%)' }),
103
- animate('150ms ease-in'),
104
- ]),
105
- ]),
106
- ],
107
- }]
108
- }], ctorParameters: function () { return [{ type: i1.SkyVerticalTabsetService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { maintainSectionContent: [{
109
- type: Input
110
- }], indexChanged: [{
111
- type: Output
112
- }], content: [{
113
- type: ViewChild,
114
- args: ['skySectionSideContent']
115
- }] } });
116
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbmVkLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFicy9zcmMvbW9kdWxlcy9zZWN0aW9uZWQtZm9ybS9zZWN0aW9uZWQtZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YWJzL3NyYy9tb2R1bGVzL3NlY3Rpb25lZC1mb3JtL3NlY3Rpb25lZC1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBSVQsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBRU4sdUJBQXVCLEVBRXZCLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFMUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUUvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUNMLHdCQUF3QixFQUN4QixZQUFZLEVBQ1osYUFBYSxHQUNkLE1BQU0sOENBQThDLENBQUM7Ozs7QUFFdEQ7O0dBRUc7QUFzQkgsTUFBTSxPQUFPLHlCQUF5QjtJQTRCcEMsWUFDUyxVQUFvQyxFQUNuQyxTQUE0QjtRQUQ3QixlQUFVLEdBQVYsVUFBVSxDQUEwQjtRQUNuQyxjQUFTLEdBQVQsU0FBUyxDQUFtQjtRQTNCdEM7Ozs7V0FJRztRQUVJLDJCQUFzQixHQUFZLEtBQUssQ0FBQztRQUUvQzs7O1dBR0c7UUFFSSxpQkFBWSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBU3ZELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsbUJBQWMsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBS3BDLENBQUM7SUFiSixJQUFXLFFBQVE7UUFDakIs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QUFDLE1BQU07b0JBQy9DLFVBQVUsRUFBRTt3QkFDVixPQUFPLENBQUMsVUFBVSxFQUFFOzRCQUNsQixVQUFVLENBQUMsR0FBRyxZQUFZLE9BQU8sYUFBYSxFQUFFLEVBQUU7Z0NBQ2hELEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO2dDQUN4QyxPQUFPLENBQUMsZUFBZSxDQUFDOzZCQUN6QixDQUFDO3lCQUNILENBQUM7d0JBQ0YsT0FBTyxDQUFDLGNBQWMsRUFBRTs0QkFDdEIsVUFBVSxDQUFDLEdBQUcsWUFBWSxPQUFPLGFBQWEsRUFBRSxFQUFFO2dDQUNoRCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsQ0FBQztnQ0FDdkMsT0FBTyxDQUFDLGVBQWUsQ0FBQzs2QkFDekIsQ0FBQzt5QkFDSCxDQUFDO3FCQUNIO2lCQUNGOytJQVVRLHNCQUFzQjtzQkFENUIsS0FBSztnQkFRQyxZQUFZO3NCQURsQixNQUFNO2dCQVFBLE9BQU87c0JBRGIsU0FBUzt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE9uSW5pdCxcbiAgT25EZXN0cm95LFxuICBFbGVtZW50UmVmLFxuICBWaWV3Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxuICBBZnRlclZpZXdDaGVja2VkLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgc3R5bGUsIHRyaWdnZXIsIHRyYW5zaXRpb24sIGFuaW1hdGUgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7XG4gIFNreVZlcnRpY2FsVGFic2V0U2VydmljZSxcbiAgSElEREVOX1NUQVRFLFxuICBWSVNJQkxFX1NUQVRFLFxufSBmcm9tICcuLy4uL3ZlcnRpY2FsLXRhYnNldC92ZXJ0aWNhbC10YWJzZXQuc2VydmljZSc7XG5cbi8qKlxuICogQ3JlYXRlcyBhIGNvbnRhaW5lciBmb3IgdGhlIHNlY3Rpb25lZCBmb3Jtcy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXNlY3Rpb25lZC1mb3JtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb25lZC1mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2VjdGlvbmVkLWZvcm0uY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbU2t5VmVydGljYWxUYWJzZXRTZXJ2aWNlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCd0YWJFbnRlcicsIFtcbiAgICAgIHRyYW5zaXRpb24oYCR7SElEREVOX1NUQVRFfSA9PiAke1ZJU0lCTEVfU1RBVEV9YCwgW1xuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZSgtMTAwJSknIH0pLFxuICAgICAgICBhbmltYXRlKCcxNTBtcyBlYXNlLWluJyksXG4gICAgICBdKSxcbiAgICBdKSxcbiAgICB0cmlnZ2VyKCdjb250ZW50RW50ZXInLCBbXG4gICAgICB0cmFuc2l0aW9uKGAke0hJRERFTl9TVEFURX0gPT4gJHtWSVNJQkxFX1NUQVRFfWAsIFtcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUoMTAwJSknIH0pLFxuICAgICAgICBhbmltYXRlKCcxNTBtcyBlYXNlLWluJyksXG4gICAgICBdKSxcbiAgICBdKSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5U2VjdGlvbmVkRm9ybUNvbXBvbmVudFxuICBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBBZnRlclZpZXdDaGVja2VkXG57XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgc2VjdGlvbmVkIGZvcm0gbG9hZHMgc2VjdGlvbiBjb250ZW50IGR1cmluZyBpbml0aWFsaXphdGlvbiBzbyB0aGF0IGl0XG4gICAqIGRpc3BsYXlzIGNvbnRlbnQgd2l0aG91dCBtb3ZpbmcgYXJvdW5kIGVsZW1lbnRzIGluIHRoZSBjb250ZW50IGNvbnRhaW5lci5cbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBtYWludGFpblNlY3Rpb25Db250ZW50OiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEZpcmVzIHdoZW4gdGhlIGFjdGl2ZSB0YWIgY2hhbmdlcyBhbmQgZW1pdHMgdGhlIGluZGV4IG9mIHRoZSBhY3RpdmVcbiAgICogc2VjdGlvbi4gVGhlIGluZGV4IGlzIGJhc2VkIG9uIHRoZSBzZWN0aW9uJ3MgcG9zaXRpb24gd2hlbiB0aGUgZm9ybSBsb2Fkcy5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgaW5kZXhDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgZ2V0IGFyaWFSb2xlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyB1bmRlZmluZWQgOiAndGFibGlzdCc7XG4gIH1cblxuICBAVmlld0NoaWxkKCdza3lTZWN0aW9uU2lkZUNvbnRlbnQnKVxuICBwdWJsaWMgY29udGVudDogRWxlbWVudFJlZjtcblxuICBwcml2YXRlIGlzTW9iaWxlID0gZmFsc2U7XG4gIHByaXZhdGUgX25nVW5zdWJzY3JpYmUgPSBuZXcgU3ViamVjdCgpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyB0YWJTZXJ2aWNlOiBTa3lWZXJ0aWNhbFRhYnNldFNlcnZpY2UsXG4gICAgcHJpdmF0ZSBjaGFuZ2VSZWY6IENoYW5nZURldGVjdG9yUmVmXG4gICkge31cblxuICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgdGhpcy50YWJTZXJ2aWNlLm1haW50YWluVGFiQ29udGVudCA9IHRoaXMubWFpbnRhaW5TZWN0aW9uQ29udGVudDtcblxuICAgIHRoaXMudGFiU2VydmljZS5pbmRleENoYW5nZWRcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLl9uZ1Vuc3Vic2NyaWJlKSlcbiAgICAgIC5zdWJzY3JpYmUoKGluZGV4KSA9PiB7XG4gICAgICAgIHRoaXMuaW5kZXhDaGFuZ2VkLmVtaXQoaW5kZXgpO1xuICAgICAgICB0aGlzLmNoYW5nZVJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuXG4gICAgdGhpcy50YWJTZXJ2aWNlLnN3aXRjaGluZ01vYmlsZVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuX25nVW5zdWJzY3JpYmUpKVxuICAgICAgLnN1YnNjcmliZSgobW9iaWxlOiBib29sZWFuKSA9PiB7XG4gICAgICAgIHRoaXMuaXNNb2JpbGUgPSBtb2JpbGU7XG4gICAgICAgIHRoaXMuY2hhbmdlUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSk7XG5cbiAgICBpZiAodGhpcy50YWJTZXJ2aWNlLmlzTW9iaWxlKCkpIHtcbiAgICAgIHRoaXMuaXNNb2JpbGUgPSB0cnVlO1xuICAgICAgdGhpcy50YWJTZXJ2aWNlLmFuaW1hdGlvbkNvbnRlbnRWaXNpYmxlU3RhdGUgPSBWSVNJQkxFX1NUQVRFO1xuICAgICAgdGhpcy5jaGFuZ2VSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpIHtcbiAgICB0aGlzLnRhYlNlcnZpY2UuY29udGVudCA9IHRoaXMuY29udGVudDtcbiAgICB0aGlzLnRhYlNlcnZpY2UudXBkYXRlQ29udGVudCgpO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuX25nVW5zdWJzY3JpYmUubmV4dCgpO1xuICAgIHRoaXMuX25nVW5zdWJzY3JpYmUuY29tcGxldGUoKTtcbiAgfVxuXG4gIHB1YmxpYyB0YWJzVmlzaWJsZSgpIHtcbiAgICB0aGlzLmNoYW5nZVJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICByZXR1cm4gdGhpcy50YWJTZXJ2aWNlLnRhYnNWaXNpYmxlKCk7XG4gIH1cblxuICBwdWJsaWMgc2hvd1RhYnMoKSB7XG4gICAgdGhpcy50YWJTZXJ2aWNlLnNob3dUYWJzKCk7XG4gICAgdGhpcy5jaGFuZ2VSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgYXJpYS1vcmllbnRhdGlvbj1cInZlcnRpY2FsXCJcbiAgY2xhc3M9XCJza3ktc2VjdGlvbmVkLWZvcm1cIlxuICBbYXR0ci5yb2xlXT1cImFyaWFSb2xlXCJcbiAgKHdpbmRvdzpyZXNpemUpPVwidGFiU2VydmljZS51cGRhdGVDb250ZW50KClcIlxuPlxuICA8ZGl2XG4gICAgKm5nSWY9XCJtYWludGFpblNlY3Rpb25Db250ZW50IHx8IHRhYnNWaXNpYmxlKClcIlxuICAgIGNsYXNzPVwic2t5LXNlY3Rpb25lZC1mb3JtLXRhYnNcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NreS1zZWN0aW9uZWQtZm9ybS10YWJzLWhpZGRlbic6ICF0YWJzVmlzaWJsZSgpIH1cIlxuICAgIFtAdGFiRW50ZXJdPVwidGFiU2VydmljZS5hbmltYXRpb25UYWJzVmlzaWJsZVN0YXRlXCJcbiAgPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICAqbmdJZj1cIm1haW50YWluU2VjdGlvbkNvbnRlbnQgfHwgdGFiU2VydmljZS5jb250ZW50VmlzaWJsZSgpXCJcbiAgICBjbGFzcz1cInNreS1zZWN0aW9uZWQtZm9ybS1jb250ZW50XCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc2t5LXNlY3Rpb25lZC1mb3JtLWNvbnRlbnQtaGlkZGVuJzogIXRhYlNlcnZpY2UuY29udGVudFZpc2libGUoKVxuICAgIH1cIlxuICAgIFtAY29udGVudEVudGVyXT1cInRhYlNlcnZpY2UuYW5pbWF0aW9uQ29udGVudFZpc2libGVTdGF0ZVwiXG4gICAgI3NreVNlY3Rpb25TaWRlQ29udGVudFxuICA+PC9kaXY+XG48L2Rpdj5cbiJdfQ==
@@ -1,35 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
3
- import { SkySectionedFormComponent } from './sectioned-form.component';
4
- import { SkySectionedFormSectionComponent } from './sectioned-form-section.component';
5
- import { SkyThemeModule } from '@skyux/theme';
6
- import { SkyVerticalTabsetModule } from '../vertical-tabset/vertical-tabset.module';
7
- import { SkyCheckboxModule } from '@skyux/forms';
8
- import * as i0 from "@angular/core";
9
- export class SkySectionedFormModule {
10
- }
11
- SkySectionedFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkySectionedFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
- SkySectionedFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkySectionedFormModule, declarations: [SkySectionedFormComponent, SkySectionedFormSectionComponent], imports: [CommonModule,
13
- SkyCheckboxModule,
14
- SkyThemeModule,
15
- SkyVerticalTabsetModule], exports: [SkySectionedFormComponent, SkySectionedFormSectionComponent] });
16
- SkySectionedFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkySectionedFormModule, imports: [[
17
- CommonModule,
18
- SkyCheckboxModule,
19
- SkyThemeModule,
20
- SkyVerticalTabsetModule,
21
- ]] });
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkySectionedFormModule, decorators: [{
23
- type: NgModule,
24
- args: [{
25
- declarations: [SkySectionedFormComponent, SkySectionedFormSectionComponent],
26
- imports: [
27
- CommonModule,
28
- SkyCheckboxModule,
29
- SkyThemeModule,
30
- SkyVerticalTabsetModule,
31
- ],
32
- exports: [SkySectionedFormComponent, SkySectionedFormSectionComponent],
33
- }]
34
- }] });
35
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbmVkLWZvcm0ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFicy9zcmMvbW9kdWxlcy9zZWN0aW9uZWQtZm9ybS9zZWN0aW9uZWQtZm9ybS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUM5QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNwRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBWWpELE1BQU0sT0FBTyxzQkFBc0I7O29IQUF0QixzQkFBc0I7cUhBQXRCLHNCQUFzQixpQkFUbEIseUJBQXlCLEVBQUUsZ0NBQWdDLGFBRXhFLFlBQVk7UUFDWixpQkFBaUI7UUFDakIsY0FBYztRQUNkLHVCQUF1QixhQUVmLHlCQUF5QixFQUFFLGdDQUFnQztxSEFFMUQsc0JBQXNCLFlBUnhCO1lBQ1AsWUFBWTtZQUNaLGlCQUFpQjtZQUNqQixjQUFjO1lBQ2QsdUJBQXVCO1NBQ3hCOzRGQUdVLHNCQUFzQjtrQkFWbEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSxnQ0FBZ0MsQ0FBQztvQkFDM0UsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLHVCQUF1QjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMseUJBQXlCLEVBQUUsZ0NBQWdDLENBQUM7aUJBQ3ZFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTa3lTZWN0aW9uZWRGb3JtQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uZWQtZm9ybS5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5U2VjdGlvbmVkRm9ybVNlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb25lZC1mb3JtLXNlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFNreVRoZW1lTW9kdWxlIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcbmltcG9ydCB7IFNreVZlcnRpY2FsVGFic2V0TW9kdWxlIH0gZnJvbSAnLi4vdmVydGljYWwtdGFic2V0L3ZlcnRpY2FsLXRhYnNldC5tb2R1bGUnO1xuaW1wb3J0IHsgU2t5Q2hlY2tib3hNb2R1bGUgfSBmcm9tICdAc2t5dXgvZm9ybXMnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lTZWN0aW9uZWRGb3JtQ29tcG9uZW50LCBTa3lTZWN0aW9uZWRGb3JtU2VjdGlvbkNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2t5Q2hlY2tib3hNb2R1bGUsXG4gICAgU2t5VGhlbWVNb2R1bGUsXG4gICAgU2t5VmVydGljYWxUYWJzZXRNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtTa3lTZWN0aW9uZWRGb3JtQ29tcG9uZW50LCBTa3lTZWN0aW9uZWRGb3JtU2VjdGlvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreVNlY3Rpb25lZEZvcm1Nb2R1bGUge31cbiJdfQ==