@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.
- package/README.md +6 -4
- package/bundles/skyux-tabs.umd.js +147 -181
- package/documentation.json +761 -481
- package/esm2015/index.js +23 -0
- package/esm2015/index.js.map +1 -0
- package/esm2015/lib/modules/sectioned-form/sectioned-form-section.component.js +67 -0
- package/esm2015/lib/modules/sectioned-form/sectioned-form-section.component.js.map +1 -0
- package/esm2015/lib/modules/sectioned-form/sectioned-form.component.js +116 -0
- package/esm2015/lib/modules/sectioned-form/sectioned-form.component.js.map +1 -0
- package/esm2015/lib/modules/sectioned-form/sectioned-form.module.js +35 -0
- package/esm2015/lib/modules/sectioned-form/sectioned-form.module.js.map +1 -0
- package/esm2015/lib/modules/sectioned-form/sectioned-form.service.js +35 -0
- package/esm2015/lib/modules/sectioned-form/sectioned-form.service.js.map +1 -0
- package/esm2015/lib/modules/shared/sky-tabs-resources.module.js +52 -0
- package/esm2015/lib/modules/shared/sky-tabs-resources.module.js.map +1 -0
- package/esm2015/lib/modules/tabs/tab-button.component.js +76 -0
- package/esm2015/lib/modules/tabs/tab-button.component.js.map +1 -0
- package/esm2015/lib/modules/tabs/tab-index.js +2 -0
- package/esm2015/lib/modules/tabs/tab-index.js.map +1 -0
- package/esm2015/lib/modules/tabs/tab.component.js +135 -0
- package/esm2015/lib/modules/tabs/tab.component.js.map +1 -0
- package/esm2015/lib/modules/tabs/tabs.module.js +57 -0
- package/esm2015/lib/modules/tabs/tabs.module.js.map +1 -0
- package/esm2015/lib/modules/tabs/tabset-active-tab-unregistered-args.js +2 -0
- package/esm2015/lib/modules/tabs/tabset-active-tab-unregistered-args.js.map +1 -0
- package/esm2015/lib/modules/tabs/tabset-adapter.service.js +56 -0
- package/esm2015/lib/modules/tabs/tabset-adapter.service.js.map +1 -0
- package/esm2015/lib/modules/tabs/tabset-buttons-display-mode.js +2 -0
- package/esm2015/lib/modules/tabs/tabset-buttons-display-mode.js.map +1 -0
- package/esm2015/lib/modules/tabs/tabset-nav-button.component.js +119 -0
- package/esm2015/lib/modules/tabs/tabset-nav-button.component.js.map +1 -0
- package/esm2015/lib/modules/tabs/tabset-permalink.service.js +126 -0
- package/esm2015/lib/modules/tabs/tabset-permalink.service.js.map +1 -0
- package/esm2015/lib/modules/tabs/tabset-style.js +2 -0
- package/esm2015/lib/modules/tabs/tabset-style.js.map +1 -0
- package/esm2015/lib/modules/tabs/tabset-tab-indexes-change.js +2 -0
- package/esm2015/lib/modules/tabs/tabset-tab-indexes-change.js.map +1 -0
- package/esm2015/lib/modules/tabs/tabset.component.js +405 -0
- package/esm2015/lib/modules/tabs/tabset.component.js.map +1 -0
- package/esm2015/lib/modules/tabs/tabset.service.js +110 -0
- package/esm2015/lib/modules/tabs/tabset.service.js.map +1 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tab-media-query.service.js +72 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tab-media-query.service.js.map +1 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tab.component.js +203 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tab.component.js.map +1 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tabset-adapter.service.js +48 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tabset-adapter.service.js.map +1 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tabset-group.component.js +89 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tabset-group.component.js.map +1 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tabset.component.js +157 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tabset.component.js.map +1 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tabset.module.js +60 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tabset.module.js.map +1 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tabset.service.js +170 -0
- package/esm2015/lib/modules/vertical-tabset/vertical-tabset.service.js.map +1 -0
- package/esm2015/skyux-tabs.js +2 -2
- package/esm2015/skyux-tabs.js.map +1 -0
- package/esm2015/testing/public-api.js +1 -1
- package/esm2015/testing/public-api.js.map +1 -0
- package/esm2015/testing/skyux-tabs-testing.js +1 -1
- package/esm2015/testing/skyux-tabs-testing.js.map +1 -0
- package/esm2015/testing/tabs/tab-fixture-tab.js +1 -1
- package/esm2015/testing/tabs/tab-fixture-tab.js.map +1 -0
- package/esm2015/testing/tabs/tabset-fixture.js +1 -1
- package/esm2015/testing/tabs/tabset-fixture.js.map +1 -0
- package/fesm2015/skyux-tabs-testing.js.map +1 -1
- package/fesm2015/skyux-tabs.js +238 -259
- package/fesm2015/skyux-tabs.js.map +1 -1
- package/index.d.ts +16 -0
- package/{modules → lib/modules}/sectioned-form/sectioned-form-section.component.d.ts +0 -3
- package/{modules → lib/modules}/sectioned-form/sectioned-form.component.d.ts +0 -0
- package/{modules → lib/modules}/sectioned-form/sectioned-form.module.d.ts +0 -0
- package/{modules → lib/modules}/sectioned-form/sectioned-form.service.d.ts +0 -0
- package/{modules → lib/modules}/shared/sky-tabs-resources.module.d.ts +0 -0
- package/{modules → lib/modules}/tabs/tab-button.component.d.ts +2 -2
- package/{modules → lib/modules}/tabs/tab-index.d.ts +0 -0
- package/{modules → lib/modules}/tabs/tab.component.d.ts +0 -0
- package/{modules → lib/modules}/tabs/tabs.module.d.ts +0 -0
- package/{modules → lib/modules}/tabs/tabset-active-tab-unregistered-args.d.ts +0 -0
- package/{modules → lib/modules}/tabs/tabset-adapter.service.d.ts +0 -0
- package/{modules → lib/modules}/tabs/tabset-buttons-display-mode.d.ts +0 -0
- package/{modules → lib/modules}/tabs/tabset-nav-button.component.d.ts +0 -0
- package/{modules → lib/modules}/tabs/tabset-permalink.service.d.ts +0 -0
- package/{modules → lib/modules}/tabs/tabset-style.d.ts +0 -0
- package/{modules → lib/modules}/tabs/tabset-tab-indexes-change.d.ts +0 -0
- package/{modules → lib/modules}/tabs/tabset.component.d.ts +1 -1
- package/{modules → lib/modules}/tabs/tabset.service.d.ts +0 -0
- package/{modules → lib/modules}/vertical-tabset/vertical-tab-media-query.service.d.ts +0 -0
- package/{modules → lib/modules}/vertical-tabset/vertical-tab.component.d.ts +8 -13
- package/{modules → lib/modules}/vertical-tabset/vertical-tabset-adapter.service.d.ts +0 -0
- package/{modules → lib/modules}/vertical-tabset/vertical-tabset-group.component.d.ts +2 -2
- package/{modules → lib/modules}/vertical-tabset/vertical-tabset.component.d.ts +17 -2
- package/{modules → lib/modules}/vertical-tabset/vertical-tabset.module.d.ts +4 -3
- package/{modules → lib/modules}/vertical-tabset/vertical-tabset.service.d.ts +0 -0
- package/package.json +25 -11
- package/skyux-tabs.d.ts +1 -1
- package/LICENSE +0 -21
- package/esm2015/modules/sectioned-form/sectioned-form-section.component.js +0 -70
- package/esm2015/modules/sectioned-form/sectioned-form.component.js +0 -116
- package/esm2015/modules/sectioned-form/sectioned-form.module.js +0 -35
- package/esm2015/modules/sectioned-form/sectioned-form.service.js +0 -35
- package/esm2015/modules/shared/sky-tabs-resources.module.js +0 -52
- package/esm2015/modules/tabs/tab-button.component.js +0 -65
- package/esm2015/modules/tabs/tab-index.js +0 -2
- package/esm2015/modules/tabs/tab.component.js +0 -133
- package/esm2015/modules/tabs/tabs.module.js +0 -57
- package/esm2015/modules/tabs/tabset-active-tab-unregistered-args.js +0 -2
- package/esm2015/modules/tabs/tabset-adapter.service.js +0 -56
- package/esm2015/modules/tabs/tabset-buttons-display-mode.js +0 -2
- package/esm2015/modules/tabs/tabset-nav-button.component.js +0 -117
- package/esm2015/modules/tabs/tabset-permalink.service.js +0 -124
- package/esm2015/modules/tabs/tabset-style.js +0 -2
- package/esm2015/modules/tabs/tabset-tab-indexes-change.js +0 -2
- package/esm2015/modules/tabs/tabset.component.js +0 -405
- package/esm2015/modules/tabs/tabset.service.js +0 -110
- package/esm2015/modules/vertical-tabset/vertical-tab-media-query.service.js +0 -72
- package/esm2015/modules/vertical-tabset/vertical-tab.component.js +0 -192
- package/esm2015/modules/vertical-tabset/vertical-tabset-adapter.service.js +0 -48
- package/esm2015/modules/vertical-tabset/vertical-tabset-group.component.js +0 -134
- package/esm2015/modules/vertical-tabset/vertical-tabset.component.js +0 -149
- package/esm2015/modules/vertical-tabset/vertical-tabset.module.js +0 -56
- package/esm2015/modules/vertical-tabset/vertical-tabset.service.js +0 -170
- package/esm2015/public-api.js +0 -23
- 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;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -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:
|
|
20
|
-
|
|
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
|
|
File without changes
|
|
File without changes
|
|
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
|
|
62
|
+
* @default "tabs"
|
|
63
63
|
*/
|
|
64
64
|
set tabStyle(value: SkyTabsetStyle);
|
|
65
65
|
get tabStyle(): SkyTabsetStyle;
|
|
File without changes
|
|
File without changes
|
|
@@ -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
|
-
|
|
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"; "
|
|
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
|
}
|
|
File without changes
|
|
@@ -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
|
|
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
|
|
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
|
|
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 "
|
|
8
|
-
import * as i7 from "
|
|
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.
|
|
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
|
}
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,21 +1,35 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/tabs",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.5.0-beta.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "^12.2.
|
|
6
|
-
"@angular/core": "^12.2.
|
|
7
|
-
"@angular/router": "^12.2.
|
|
8
|
-
"@skyux/core": "
|
|
9
|
-
"@skyux/i18n": "
|
|
10
|
-
"@skyux/forms": "
|
|
11
|
-
"@skyux/indicators": "
|
|
12
|
-
"@skyux/modals": "
|
|
13
|
-
"@skyux/popovers": "
|
|
14
|
-
"@skyux/theme": "
|
|
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
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbmVkLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFicy9zcmMvbW9kdWxlcy9zZWN0aW9uZWQtZm9ybS9zZWN0aW9uZWQtZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YWJzL3NyYy9tb2R1bGVzL3NlY3Rpb25lZC1mb3JtL3NlY3Rpb25lZC1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBSVQsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBRU4sdUJBQXVCLEVBRXZCLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFMUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUUvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUNMLHdCQUF3QixFQUN4QixZQUFZLEVBQ1osYUFBYSxHQUNkLE1BQU0sOENBQThDLENBQUM7Ozs7QUFFdEQ7O0dBRUc7QUFzQkgsTUFBTSxPQUFPLHlCQUF5QjtJQTRCcEMsWUFDUyxVQUFvQyxFQUNuQyxTQUE0QjtRQUQ3QixlQUFVLEdBQVYsVUFBVSxDQUEwQjtRQUNuQyxjQUFTLEdBQVQsU0FBUyxDQUFtQjtRQTNCdEM7Ozs7V0FJRztRQUVJLDJCQUFzQixHQUFZLEtBQUssQ0FBQztRQUUvQzs7O1dBR0c7UUFFSSxpQkFBWSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBU3ZELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsbUJBQWMsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBS3BDLENBQUM7SUFiSixJQUFXLFFBQVE7UUFDakIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUMvQyxDQUFDO0lBYU0sUUFBUTtRQUNiLElBQUksQ0FBQyxVQUFVLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDO1FBRWpFLElBQUksQ0FBQyxVQUFVLENBQUMsWUFBWTthQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQzthQUNwQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUM5QixJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ2hDLENBQUMsQ0FBQyxDQUFDO1FBRUwsSUFBSSxDQUFDLFVBQVUsQ0FBQyxlQUFlO2FBQzVCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO2FBQ3BDLFNBQVMsQ0FBQyxDQUFDLE1BQWUsRUFBRSxFQUFFO1lBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDaEMsQ0FBQyxDQUFDLENBQUM7UUFFTCxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7WUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyw0QkFBNEIsR0FBRyxhQUFhLENBQUM7WUFDN0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUMvQjtJQUNILENBQUM7SUFFTSxrQkFBa0I7UUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUN2QyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzlCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN2QyxDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNoQyxDQUFDOzt1SEEzRVUseUJBQXlCOzJHQUF6Qix5QkFBeUIsc0pBakJ6QixDQUFDLHdCQUF3QixDQUFDLDRJQ2pDdkMsNHZCQXdCQSxxOEdEV2M7UUFDVixPQUFPLENBQUMsVUFBVSxFQUFFO1lBQ2xCLFVBQVUsQ0FBQyxHQUFHLFlBQVksT0FBTyxhQUFhLEVBQUUsRUFBRTtnQkFDaEQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUM7Z0JBQ3hDLE9BQU8sQ0FBQyxlQUFlLENBQUM7YUFDekIsQ0FBQztTQUNILENBQUM7UUFDRixPQUFPLENBQUMsY0FBYyxFQUFFO1lBQ3RCLFVBQVUsQ0FBQyxHQUFHLFlBQVksT0FBTyxhQUFhLEVBQUUsRUFBRTtnQkFDaEQsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLENBQUM7Z0JBQ3ZDLE9BQU8sQ0FBQyxlQUFlLENBQUM7YUFDekIsQ0FBQztTQUNILENBQUM7S0FDSDs0RkFFVSx5QkFBeUI7a0JBckJyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFdBQVcsRUFBRSxpQ0FBaUM7b0JBQzlDLFNBQVMsRUFBRSxDQUFDLGlDQUFpQyxDQUFDO29CQUM5QyxTQUFTLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLFVBQVUsRUFBRTt3QkFDVixPQUFPLENBQUMsVUFBVSxFQUFFOzRCQUNsQixVQUFVLENBQUMsR0FBRyxZQUFZLE9BQU8sYUFBYSxFQUFFLEVBQUU7Z0NBQ2hELEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDO2dDQUN4QyxPQUFPLENBQUMsZUFBZSxDQUFDOzZCQUN6QixDQUFDO3lCQUNILENBQUM7d0JBQ0YsT0FBTyxDQUFDLGNBQWMsRUFBRTs0QkFDdEIsVUFBVSxDQUFDLEdBQUcsWUFBWSxPQUFPLGFBQWEsRUFBRSxFQUFFO2dDQUNoRCxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsQ0FBQztnQ0FDdkMsT0FBTyxDQUFDLGVBQWUsQ0FBQzs2QkFDekIsQ0FBQzt5QkFDSCxDQUFDO3FCQUNIO2lCQUNGOytJQVVRLHNCQUFzQjtzQkFENUIsS0FBSztnQkFRQyxZQUFZO3NCQURsQixNQUFNO2dCQVFBLE9BQU87c0JBRGIsU0FBUzt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE9uSW5pdCxcbiAgT25EZXN0cm95LFxuICBFbGVtZW50UmVmLFxuICBWaWV3Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxuICBBZnRlclZpZXdDaGVja2VkLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgc3R5bGUsIHRyaWdnZXIsIHRyYW5zaXRpb24sIGFuaW1hdGUgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7XG4gIFNreVZlcnRpY2FsVGFic2V0U2VydmljZSxcbiAgSElEREVOX1NUQVRFLFxuICBWSVNJQkxFX1NUQVRFLFxufSBmcm9tICcuLy4uL3ZlcnRpY2FsLXRhYnNldC92ZXJ0aWNhbC10YWJzZXQuc2VydmljZSc7XG5cbi8qKlxuICogQ3JlYXRlcyBhIGNvbnRhaW5lciBmb3IgdGhlIHNlY3Rpb25lZCBmb3Jtcy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXNlY3Rpb25lZC1mb3JtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb25lZC1mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2VjdGlvbmVkLWZvcm0uY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbU2t5VmVydGljYWxUYWJzZXRTZXJ2aWNlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCd0YWJFbnRlcicsIFtcbiAgICAgIHRyYW5zaXRpb24oYCR7SElEREVOX1NUQVRFfSA9PiAke1ZJU0lCTEVfU1RBVEV9YCwgW1xuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZSgtMTAwJSknIH0pLFxuICAgICAgICBhbmltYXRlKCcxNTBtcyBlYXNlLWluJyksXG4gICAgICBdKSxcbiAgICBdKSxcbiAgICB0cmlnZ2VyKCdjb250ZW50RW50ZXInLCBbXG4gICAgICB0cmFuc2l0aW9uKGAke0hJRERFTl9TVEFURX0gPT4gJHtWSVNJQkxFX1NUQVRFfWAsIFtcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGUoMTAwJSknIH0pLFxuICAgICAgICBhbmltYXRlKCcxNTBtcyBlYXNlLWluJyksXG4gICAgICBdKSxcbiAgICBdKSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5U2VjdGlvbmVkRm9ybUNvbXBvbmVudFxuICBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBBZnRlclZpZXdDaGVja2VkXG57XG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgc2VjdGlvbmVkIGZvcm0gbG9hZHMgc2VjdGlvbiBjb250ZW50IGR1cmluZyBpbml0aWFsaXphdGlvbiBzbyB0aGF0IGl0XG4gICAqIGRpc3BsYXlzIGNvbnRlbnQgd2l0aG91dCBtb3ZpbmcgYXJvdW5kIGVsZW1lbnRzIGluIHRoZSBjb250ZW50IGNvbnRhaW5lci5cbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBtYWludGFpblNlY3Rpb25Db250ZW50OiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEZpcmVzIHdoZW4gdGhlIGFjdGl2ZSB0YWIgY2hhbmdlcyBhbmQgZW1pdHMgdGhlIGluZGV4IG9mIHRoZSBhY3RpdmVcbiAgICogc2VjdGlvbi4gVGhlIGluZGV4IGlzIGJhc2VkIG9uIHRoZSBzZWN0aW9uJ3MgcG9zaXRpb24gd2hlbiB0aGUgZm9ybSBsb2Fkcy5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgaW5kZXhDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgZ2V0IGFyaWFSb2xlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyB1bmRlZmluZWQgOiAndGFibGlzdCc7XG4gIH1cblxuICBAVmlld0NoaWxkKCdza3lTZWN0aW9uU2lkZUNvbnRlbnQnKVxuICBwdWJsaWMgY29udGVudDogRWxlbWVudFJlZjtcblxuICBwcml2YXRlIGlzTW9iaWxlID0gZmFsc2U7XG4gIHByaXZhdGUgX25nVW5zdWJzY3JpYmUgPSBuZXcgU3ViamVjdCgpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyB0YWJTZXJ2aWNlOiBTa3lWZXJ0aWNhbFRhYnNldFNlcnZpY2UsXG4gICAgcHJpdmF0ZSBjaGFuZ2VSZWY6IENoYW5nZURldGVjdG9yUmVmXG4gICkge31cblxuICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgdGhpcy50YWJTZXJ2aWNlLm1haW50YWluVGFiQ29udGVudCA9IHRoaXMubWFpbnRhaW5TZWN0aW9uQ29udGVudDtcblxuICAgIHRoaXMudGFiU2VydmljZS5pbmRleENoYW5nZWRcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLl9uZ1Vuc3Vic2NyaWJlKSlcbiAgICAgIC5zdWJzY3JpYmUoKGluZGV4KSA9PiB7XG4gICAgICAgIHRoaXMuaW5kZXhDaGFuZ2VkLmVtaXQoaW5kZXgpO1xuICAgICAgICB0aGlzLmNoYW5nZVJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuXG4gICAgdGhpcy50YWJTZXJ2aWNlLnN3aXRjaGluZ01vYmlsZVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuX25nVW5zdWJzY3JpYmUpKVxuICAgICAgLnN1YnNjcmliZSgobW9iaWxlOiBib29sZWFuKSA9PiB7XG4gICAgICAgIHRoaXMuaXNNb2JpbGUgPSBtb2JpbGU7XG4gICAgICAgIHRoaXMuY2hhbmdlUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSk7XG5cbiAgICBpZiAodGhpcy50YWJTZXJ2aWNlLmlzTW9iaWxlKCkpIHtcbiAgICAgIHRoaXMuaXNNb2JpbGUgPSB0cnVlO1xuICAgICAgdGhpcy50YWJTZXJ2aWNlLmFuaW1hdGlvbkNvbnRlbnRWaXNpYmxlU3RhdGUgPSBWSVNJQkxFX1NUQVRFO1xuICAgICAgdGhpcy5jaGFuZ2VSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpIHtcbiAgICB0aGlzLnRhYlNlcnZpY2UuY29udGVudCA9IHRoaXMuY29udGVudDtcbiAgICB0aGlzLnRhYlNlcnZpY2UudXBkYXRlQ29udGVudCgpO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuX25nVW5zdWJzY3JpYmUubmV4dCgpO1xuICAgIHRoaXMuX25nVW5zdWJzY3JpYmUuY29tcGxldGUoKTtcbiAgfVxuXG4gIHB1YmxpYyB0YWJzVmlzaWJsZSgpIHtcbiAgICB0aGlzLmNoYW5nZVJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICByZXR1cm4gdGhpcy50YWJTZXJ2aWNlLnRhYnNWaXNpYmxlKCk7XG4gIH1cblxuICBwdWJsaWMgc2hvd1RhYnMoKSB7XG4gICAgdGhpcy50YWJTZXJ2aWNlLnNob3dUYWJzKCk7XG4gICAgdGhpcy5jaGFuZ2VSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgYXJpYS1vcmllbnRhdGlvbj1cInZlcnRpY2FsXCJcbiAgY2xhc3M9XCJza3ktc2VjdGlvbmVkLWZvcm1cIlxuICBbYXR0ci5yb2xlXT1cImFyaWFSb2xlXCJcbiAgKHdpbmRvdzpyZXNpemUpPVwidGFiU2VydmljZS51cGRhdGVDb250ZW50KClcIlxuPlxuICA8ZGl2XG4gICAgKm5nSWY9XCJtYWludGFpblNlY3Rpb25Db250ZW50IHx8IHRhYnNWaXNpYmxlKClcIlxuICAgIGNsYXNzPVwic2t5LXNlY3Rpb25lZC1mb3JtLXRhYnNcIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3NreS1zZWN0aW9uZWQtZm9ybS10YWJzLWhpZGRlbic6ICF0YWJzVmlzaWJsZSgpIH1cIlxuICAgIFtAdGFiRW50ZXJdPVwidGFiU2VydmljZS5hbmltYXRpb25UYWJzVmlzaWJsZVN0YXRlXCJcbiAgPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+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==
|