@explorer-1/vue 0.2.4 → 0.2.6
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/components.d.ts +3 -1
- package/dist/explorer-1-vue.js +4677 -4526
- package/dist/explorer-1-vue.umd.cjs +12 -12
- package/dist/src/components/BlockHeading/BlockHeading.vue.d.ts +25 -2
- package/dist/src/components/DetailHeadline/DetailHeadline.stories.d.ts +29 -1
- package/dist/src/components/DetailHeadline/DetailHeadline.vue.d.ts +26 -0
- package/dist/src/components/NavDesktop/NavDesktop.stories.d.ts +3 -0
- package/dist/src/components/NavDesktop/NavDesktop.vue.d.ts +1 -0
- package/dist/src/components/NavDesktop/NavDesktopDropdown.vue.d.ts +1 -0
- package/dist/src/components/NavDesktopEdu/NavDesktopEdu.stories.d.ts +1 -0
- package/dist/src/components/NavDropdownToggle/NavDropdownToggle.vue.d.ts +19 -6
- package/dist/src/components/NavJumpMenu/NavJumpMenu.stories.d.ts +31 -0
- package/dist/src/components/NavMobile/NavMobile.stories.d.ts +30 -3
- package/dist/src/components/NavMobile/NavMobile.vue.d.ts +1 -0
- package/dist/src/components/NavMobile/NavMobileDropdown.vue.d.ts +9 -1
- package/dist/src/components/NavMobile/NavMobileEdu.stories.d.ts +3 -0
- package/dist/src/components/NavMobile/NavMobileSecondaryDropdown.vue.d.ts +7 -0
- package/dist/src/components/NavSecondary/NavSecondary.stories.d.ts +8 -0
- package/dist/src/components/NavSecondary/NavSecondary.vue.d.ts +23 -1
- package/dist/src/components/NavSecondary/NavSecondaryDropdown.vue.d.ts +33 -2
- package/dist/src/components/NavSecondary/NavSecondaryDropdownContent.vue.d.ts +11 -1
- package/dist/src/components/NavSecondary/NavSecondaryLink.vue.d.ts +21 -3
- package/dist/src/interfaces.d.ts +7 -1
- package/dist/src/store/header.d.ts +2 -0
- package/dist/src/templates/edu/{PageEduResourceArticle/PageEduResourceArticle.stories.d.ts → PageEduExplainerArticle/PageEduExplainerArticle.stories.d.ts} +3 -2
- package/dist/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.stories.d.ts +1004 -6
- package/dist/src/utils/eventBus.d.ts +1 -0
- package/dist/src/utils/getHeadingId.d.ts +1 -0
- package/dist/src/utils/mixins.d.ts +1 -1
- package/dist/style.css +1 -1
- package/package.json +3 -2
- package/src/components/BaseAudio/BaseAudio.vue +3 -4
- package/src/components/BaseLink/BaseLink.vue +2 -0
- package/src/components/BaseTag/BaseTag.vue +4 -4
- package/src/components/BlockHeading/BlockHeading.vue +28 -0
- package/src/components/BlockStreamfield/BlockStreamfield.vue +5 -1
- package/src/components/DetailHeadline/DetailHeadline.stories.js +27 -2
- package/src/components/DetailHeadline/DetailHeadline.vue +76 -33
- package/src/components/NavDesktop/NavDesktopDropdown.vue +3 -5
- package/src/components/NavDesktopEdu/NavDesktopEdu.stories.js +6 -15
- package/src/components/NavDesktopEdu/NavDesktopEdu.vue +24 -8
- package/src/components/NavDropdownToggle/NavDropdownToggle.vue +8 -3
- package/src/components/NavHeading/NavHeading.stories.js +1 -1
- package/src/components/NavHeading/NavHeading.vue +1 -1
- package/src/components/NavJumpMenu/NavJumpMenu.stories.js +47 -0
- package/src/components/NavJumpMenu/NavJumpMenu.vue +141 -0
- package/src/components/NavJumpMenu/NavJumpMenuContent.vue +74 -0
- package/src/components/NavLinkList/NavLinkList.vue +1 -1
- package/src/components/NavMobile/NavMobile.vue +19 -5
- package/src/components/NavMobile/NavMobileDropdown.vue +8 -4
- package/src/components/NavMobile/NavMobileSecondaryDropdown.vue +4 -1
- package/src/components/NavSecondary/NavSecondary.stories.js +8 -3
- package/src/components/NavSecondary/NavSecondary.vue +26 -6
- package/src/components/NavSecondary/NavSecondaryDropdown.vue +52 -17
- package/src/components/NavSecondary/NavSecondaryDropdownContent.vue +5 -1
- package/src/components/NavSecondary/NavSecondaryLink.vue +38 -11
- package/src/components/TheFooter/TheFooter.vue +15 -1
- package/src/interfaces.ts +7 -1
- package/src/store/header.ts +6 -1
- package/src/templates/edu/PageEduEventDetail/PageEduEventDetail.vue +2 -2
- package/src/templates/edu/{PageEduResourceArticle/PageEduResourceArticle.stories.js → PageEduExplainerArticle/PageEduExplainerArticle.stories.js} +6 -6
- package/src/templates/edu/{PageEduResourceArticle/PageEduResourceArticle.vue → PageEduExplainerArticle/PageEduExplainerArticle.vue} +4 -2
- package/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.stories.js +6 -4
- package/src/templates/edu/PageEduNewsDetail/PageEduNewsDetail.vue +16 -2
- package/src/utils/eventBus.ts +3 -0
- package/src/utils/getHeadingId.ts +5 -0
- package/src/utils/mixins.ts +5 -1
|
@@ -3,10 +3,33 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
3
3
|
type: ObjectConstructor;
|
|
4
4
|
required: false;
|
|
5
5
|
};
|
|
6
|
-
|
|
6
|
+
index: {
|
|
7
|
+
type: NumberConstructor;
|
|
8
|
+
required: false;
|
|
9
|
+
default: undefined;
|
|
10
|
+
};
|
|
11
|
+
generateId: {
|
|
12
|
+
type: BooleanConstructor;
|
|
13
|
+
default: boolean;
|
|
14
|
+
};
|
|
15
|
+
}, unknown, unknown, {
|
|
16
|
+
getId(): string | undefined;
|
|
17
|
+
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
7
18
|
data: {
|
|
8
19
|
type: ObjectConstructor;
|
|
9
20
|
required: false;
|
|
10
21
|
};
|
|
11
|
-
|
|
22
|
+
index: {
|
|
23
|
+
type: NumberConstructor;
|
|
24
|
+
required: false;
|
|
25
|
+
default: undefined;
|
|
26
|
+
};
|
|
27
|
+
generateId: {
|
|
28
|
+
type: BooleanConstructor;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
31
|
+
}>>, {
|
|
32
|
+
index: number;
|
|
33
|
+
generateId: boolean;
|
|
34
|
+
}, {}>;
|
|
12
35
|
export default _default;
|
|
@@ -1,8 +1,30 @@
|
|
|
1
|
-
import { default as DetailHeadline } from './DetailHeadline.vue';
|
|
1
|
+
import { default as DetailHeadline, pillColorVariants } from './DetailHeadline.vue';
|
|
2
2
|
declare namespace _default {
|
|
3
3
|
export let title: string;
|
|
4
4
|
export { DetailHeadline as component };
|
|
5
5
|
export let excludeStories: RegExp;
|
|
6
|
+
export namespace argTypes {
|
|
7
|
+
namespace ariaLabel {
|
|
8
|
+
let type: string;
|
|
9
|
+
let description: string;
|
|
10
|
+
}
|
|
11
|
+
namespace pillColor {
|
|
12
|
+
let type_1: string;
|
|
13
|
+
export { type_1 as type };
|
|
14
|
+
let description_1: string;
|
|
15
|
+
export { description_1 as description };
|
|
16
|
+
export namespace control {
|
|
17
|
+
let type_2: string;
|
|
18
|
+
export { type_2 as type };
|
|
19
|
+
}
|
|
20
|
+
export { pillColorVariants as options };
|
|
21
|
+
export namespace table {
|
|
22
|
+
namespace defaultValue {
|
|
23
|
+
let summary: string;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
6
28
|
}
|
|
7
29
|
export default _default;
|
|
8
30
|
export namespace DetailHeadlineData {
|
|
@@ -47,3 +69,9 @@ export namespace NoAuthor {
|
|
|
47
69
|
}
|
|
48
70
|
export { args_1 as args };
|
|
49
71
|
}
|
|
72
|
+
export namespace Pill {
|
|
73
|
+
export namespace args_2 {
|
|
74
|
+
let pill: boolean;
|
|
75
|
+
}
|
|
76
|
+
export { args_2 as args };
|
|
77
|
+
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { Topic, AuthorObject } from './../../interfaces';
|
|
3
3
|
|
|
4
|
+
export declare const pillColorVariants: string[];
|
|
4
5
|
declare const _default: import('vue').DefineComponent<{
|
|
5
6
|
title: {
|
|
6
7
|
type: StringConstructor;
|
|
@@ -42,16 +43,30 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
42
43
|
required: false;
|
|
43
44
|
default: undefined;
|
|
44
45
|
};
|
|
46
|
+
pill: {
|
|
47
|
+
type: BooleanConstructor;
|
|
48
|
+
default: boolean;
|
|
49
|
+
};
|
|
50
|
+
pillColor: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
default: string;
|
|
53
|
+
validator: (prop: string) => boolean;
|
|
54
|
+
};
|
|
45
55
|
schema: {
|
|
46
56
|
type: BooleanConstructor;
|
|
47
57
|
default: boolean;
|
|
48
58
|
};
|
|
49
59
|
}, unknown, unknown, {
|
|
60
|
+
hasTag(): boolean;
|
|
61
|
+
hasEyebrow(): boolean;
|
|
62
|
+
hasByline(): boolean;
|
|
63
|
+
hasData(): boolean;
|
|
50
64
|
pubDatetime(): string | undefined;
|
|
51
65
|
authors(): {
|
|
52
66
|
name: string;
|
|
53
67
|
organization: string;
|
|
54
68
|
}[] | undefined;
|
|
69
|
+
pillLabel(): string | undefined;
|
|
55
70
|
themeStore: () => import('pinia').Store<"theme", import('../../store/theme').State, {
|
|
56
71
|
isEdu(state: {
|
|
57
72
|
theme: import('./../../interfaces').Explorer1Theme | null;
|
|
@@ -100,6 +115,15 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
100
115
|
required: false;
|
|
101
116
|
default: undefined;
|
|
102
117
|
};
|
|
118
|
+
pill: {
|
|
119
|
+
type: BooleanConstructor;
|
|
120
|
+
default: boolean;
|
|
121
|
+
};
|
|
122
|
+
pillColor: {
|
|
123
|
+
type: StringConstructor;
|
|
124
|
+
default: string;
|
|
125
|
+
validator: (prop: string) => boolean;
|
|
126
|
+
};
|
|
103
127
|
schema: {
|
|
104
128
|
type: BooleanConstructor;
|
|
105
129
|
default: boolean;
|
|
@@ -113,6 +137,8 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
113
137
|
readTime: string;
|
|
114
138
|
topics: Topic[];
|
|
115
139
|
labelLink: string;
|
|
140
|
+
pill: boolean;
|
|
141
|
+
pillColor: string;
|
|
116
142
|
schema: boolean;
|
|
117
143
|
}, {}>;
|
|
118
144
|
export default _default;
|
|
@@ -283,6 +283,7 @@ export namespace BaseStory {
|
|
|
283
283
|
updateHighlightPrimary(value: boolean): void;
|
|
284
284
|
updateGlobalChildren(value: any): void;
|
|
285
285
|
updateSecondary(value: any): void;
|
|
286
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
286
287
|
}>;
|
|
287
288
|
}, {
|
|
288
289
|
getUrlKey(item: import("../../utils/mixins").LinkObject): string | null;
|
|
@@ -395,6 +396,7 @@ export namespace NavInverted {
|
|
|
395
396
|
updateHighlightPrimary(value: boolean): void;
|
|
396
397
|
updateGlobalChildren(value: any): void;
|
|
397
398
|
updateSecondary(value: any): void;
|
|
399
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
398
400
|
}>;
|
|
399
401
|
}, {
|
|
400
402
|
getUrlKey(item: import("../../utils/mixins").LinkObject): string | null;
|
|
@@ -502,6 +504,7 @@ export namespace Dropdown {
|
|
|
502
504
|
updateHighlightPrimary(value: boolean): void;
|
|
503
505
|
updateGlobalChildren(value: any): void;
|
|
504
506
|
updateSecondary(value: any): void;
|
|
507
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
505
508
|
}>;
|
|
506
509
|
}, {
|
|
507
510
|
toggleDropdown(): void;
|
|
@@ -43,6 +43,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
43
43
|
updateHighlightPrimary(value: boolean): void;
|
|
44
44
|
updateGlobalChildren(value: any): void;
|
|
45
45
|
updateSecondary(value: any): void;
|
|
46
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
46
47
|
}>;
|
|
47
48
|
}, {
|
|
48
49
|
getUrlKey(item: LinkObject): string | null;
|
|
@@ -13,6 +13,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
13
13
|
updateHighlightPrimary(value: boolean): void;
|
|
14
14
|
updateGlobalChildren(value: any): void;
|
|
15
15
|
updateSecondary(value: any): void;
|
|
16
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
16
17
|
}>;
|
|
17
18
|
}, {
|
|
18
19
|
toggleDropdown(): void;
|
|
@@ -233,6 +233,7 @@ export namespace BaseStory {
|
|
|
233
233
|
updateHighlightPrimary(value: boolean): void;
|
|
234
234
|
updateGlobalChildren(value: any): void;
|
|
235
235
|
updateSecondary(value: any): void;
|
|
236
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
236
237
|
}>;
|
|
237
238
|
}, {
|
|
238
239
|
getUrlKey(item: import("../../utils/mixins").LinkObject): string | null;
|
|
@@ -1,27 +1,40 @@
|
|
|
1
1
|
declare const _default: import('vue').DefineComponent<{
|
|
2
2
|
path: {
|
|
3
3
|
type: StringConstructor;
|
|
4
|
-
|
|
4
|
+
default: undefined;
|
|
5
5
|
};
|
|
6
6
|
ariaExpanded: {
|
|
7
7
|
type: BooleanConstructor;
|
|
8
|
-
|
|
8
|
+
default: boolean;
|
|
9
|
+
};
|
|
10
|
+
invert: {
|
|
11
|
+
type: BooleanConstructor;
|
|
12
|
+
default: boolean;
|
|
9
13
|
};
|
|
10
14
|
}, unknown, unknown, {
|
|
11
15
|
isActivePath(): false | Boolean;
|
|
12
16
|
}, {
|
|
13
17
|
clickEvent(): void;
|
|
14
18
|
escEvent(): void;
|
|
15
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin,
|
|
19
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("closeDropdown" | "toggleClicked")[], "closeDropdown" | "toggleClicked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
16
20
|
path: {
|
|
17
21
|
type: StringConstructor;
|
|
18
|
-
|
|
22
|
+
default: undefined;
|
|
19
23
|
};
|
|
20
24
|
ariaExpanded: {
|
|
21
25
|
type: BooleanConstructor;
|
|
22
|
-
|
|
26
|
+
default: boolean;
|
|
23
27
|
};
|
|
24
|
-
|
|
28
|
+
invert: {
|
|
29
|
+
type: BooleanConstructor;
|
|
30
|
+
default: boolean;
|
|
31
|
+
};
|
|
32
|
+
}>> & {
|
|
33
|
+
onCloseDropdown?: ((...args: any[]) => any) | undefined;
|
|
34
|
+
onToggleClicked?: ((...args: any[]) => any) | undefined;
|
|
35
|
+
}, {
|
|
36
|
+
path: string;
|
|
37
|
+
invert: boolean;
|
|
25
38
|
ariaExpanded: boolean;
|
|
26
39
|
}, {}>;
|
|
27
40
|
export default _default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as NavJumpMenu } from './NavJumpMenu.vue';
|
|
2
|
+
declare namespace _default {
|
|
3
|
+
export let title: string;
|
|
4
|
+
export { NavJumpMenu as component };
|
|
5
|
+
export let tags: string[];
|
|
6
|
+
export let excludeStories: RegExp;
|
|
7
|
+
}
|
|
8
|
+
export default _default;
|
|
9
|
+
export namespace BaseStory {
|
|
10
|
+
let name: string;
|
|
11
|
+
namespace args {
|
|
12
|
+
let title_1: string;
|
|
13
|
+
export { title_1 as title };
|
|
14
|
+
export { JumpLinksData as jumpLinks };
|
|
15
|
+
export let invert: boolean;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
export namespace Light {
|
|
19
|
+
export namespace args_1 {
|
|
20
|
+
let title_2: string;
|
|
21
|
+
export { title_2 as title };
|
|
22
|
+
export { JumpLinksData as jumpLinks };
|
|
23
|
+
let invert_1: boolean;
|
|
24
|
+
export { invert_1 as invert };
|
|
25
|
+
}
|
|
26
|
+
export { args_1 as args };
|
|
27
|
+
}
|
|
28
|
+
declare const JumpLinksData: {
|
|
29
|
+
title: string;
|
|
30
|
+
path: string;
|
|
31
|
+
}[];
|
|
@@ -94,6 +94,7 @@ export namespace BaseStory {
|
|
|
94
94
|
updateHighlightPrimary(value: boolean): void;
|
|
95
95
|
updateGlobalChildren(value: any): void;
|
|
96
96
|
updateSecondary(value: any): void;
|
|
97
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
97
98
|
}>;
|
|
98
99
|
}, {
|
|
99
100
|
toggleMenu(): void;
|
|
@@ -205,6 +206,7 @@ export namespace WithSecondaryNav {
|
|
|
205
206
|
updateHighlightPrimary(value: boolean): void;
|
|
206
207
|
updateGlobalChildren(value: any): void;
|
|
207
208
|
updateSecondary(value: any): void;
|
|
209
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
208
210
|
}>;
|
|
209
211
|
}, {
|
|
210
212
|
toggleMenu(): void;
|
|
@@ -317,6 +319,7 @@ export namespace WithTertiaryNav {
|
|
|
317
319
|
updateHighlightPrimary(value: boolean): void;
|
|
318
320
|
updateGlobalChildren(value: any): void;
|
|
319
321
|
updateSecondary(value: any): void;
|
|
322
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
320
323
|
}>;
|
|
321
324
|
}, {
|
|
322
325
|
toggleMenu(): void;
|
|
@@ -393,7 +396,15 @@ export namespace Dropdown {
|
|
|
393
396
|
}, unknown, {
|
|
394
397
|
dropdownVisible: boolean;
|
|
395
398
|
theDropdown: HTMLElement | null;
|
|
396
|
-
}, {
|
|
399
|
+
}, {
|
|
400
|
+
headerStore: () => import("pinia").Store<"header", import("../../store/header").State, {}, {
|
|
401
|
+
makeTransparent(value: boolean): void;
|
|
402
|
+
updateHighlightPrimary(value: boolean): void;
|
|
403
|
+
updateGlobalChildren(value: any): void;
|
|
404
|
+
updateSecondary(value: any): void;
|
|
405
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
406
|
+
}>;
|
|
407
|
+
}, {
|
|
397
408
|
toggleDropdown(): void;
|
|
398
409
|
closeDropdown(): void;
|
|
399
410
|
openDropdown(): void;
|
|
@@ -451,7 +462,15 @@ export namespace DropdownActive {
|
|
|
451
462
|
}, unknown, {
|
|
452
463
|
dropdownVisible: boolean;
|
|
453
464
|
theDropdown: HTMLElement | null;
|
|
454
|
-
}, {
|
|
465
|
+
}, {
|
|
466
|
+
headerStore: () => import("pinia").Store<"header", import("../../store/header").State, {}, {
|
|
467
|
+
makeTransparent(value: boolean): void;
|
|
468
|
+
updateHighlightPrimary(value: boolean): void;
|
|
469
|
+
updateGlobalChildren(value: any): void;
|
|
470
|
+
updateSecondary(value: any): void;
|
|
471
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
472
|
+
}>;
|
|
473
|
+
}, {
|
|
455
474
|
toggleDropdown(): void;
|
|
456
475
|
closeDropdown(): void;
|
|
457
476
|
openDropdown(): void;
|
|
@@ -509,7 +528,15 @@ export namespace DropdownSecondary {
|
|
|
509
528
|
}, unknown, {
|
|
510
529
|
dropdownVisible: boolean;
|
|
511
530
|
theDropdown: HTMLElement | null;
|
|
512
|
-
}, {
|
|
531
|
+
}, {
|
|
532
|
+
headerStore: () => import("pinia").Store<"header", import("../../store/header").State, {}, {
|
|
533
|
+
makeTransparent(value: boolean): void;
|
|
534
|
+
updateHighlightPrimary(value: boolean): void;
|
|
535
|
+
updateGlobalChildren(value: any): void;
|
|
536
|
+
updateSecondary(value: any): void;
|
|
537
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
538
|
+
}>;
|
|
539
|
+
}, {
|
|
513
540
|
toggleDropdown(): void;
|
|
514
541
|
closeDropdown(): void;
|
|
515
542
|
openDropdown(): void;
|
|
@@ -47,6 +47,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
47
47
|
updateHighlightPrimary(value: boolean): void;
|
|
48
48
|
updateGlobalChildren(value: any): void;
|
|
49
49
|
updateSecondary(value: any): void;
|
|
50
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
50
51
|
}>;
|
|
51
52
|
}, {
|
|
52
53
|
toggleMenu(): void;
|
|
@@ -18,7 +18,15 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
18
18
|
}, unknown, {
|
|
19
19
|
dropdownVisible: boolean;
|
|
20
20
|
theDropdown: HTMLElement | null;
|
|
21
|
-
}, {
|
|
21
|
+
}, {
|
|
22
|
+
headerStore: () => import('pinia').Store<"header", import('../../store/header').State, {}, {
|
|
23
|
+
makeTransparent(value: boolean): void;
|
|
24
|
+
updateHighlightPrimary(value: boolean): void;
|
|
25
|
+
updateGlobalChildren(value: any): void;
|
|
26
|
+
updateSecondary(value: any): void;
|
|
27
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
28
|
+
}>;
|
|
29
|
+
}, {
|
|
22
30
|
toggleDropdown(): void;
|
|
23
31
|
closeDropdown(): void;
|
|
24
32
|
openDropdown(): void;
|
|
@@ -99,6 +99,7 @@ export namespace BaseStory {
|
|
|
99
99
|
updateHighlightPrimary(value: boolean): void;
|
|
100
100
|
updateGlobalChildren(value: any): void;
|
|
101
101
|
updateSecondary(value: any): void;
|
|
102
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
102
103
|
}>;
|
|
103
104
|
}, {
|
|
104
105
|
toggleMenu(): void;
|
|
@@ -210,6 +211,7 @@ export namespace WithSecondaryNav {
|
|
|
210
211
|
updateHighlightPrimary(value: boolean): void;
|
|
211
212
|
updateGlobalChildren(value: any): void;
|
|
212
213
|
updateSecondary(value: any): void;
|
|
214
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
213
215
|
}>;
|
|
214
216
|
}, {
|
|
215
217
|
toggleMenu(): void;
|
|
@@ -322,6 +324,7 @@ export namespace WithTertiaryNav {
|
|
|
322
324
|
updateHighlightPrimary(value: boolean): void;
|
|
323
325
|
updateGlobalChildren(value: any): void;
|
|
324
326
|
updateSecondary(value: any): void;
|
|
327
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
325
328
|
}>;
|
|
326
329
|
}, {
|
|
327
330
|
toggleMenu(): void;
|
|
@@ -11,6 +11,13 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
11
11
|
dropdownVisible: boolean;
|
|
12
12
|
}, {
|
|
13
13
|
startOpen(): Boolean;
|
|
14
|
+
headerStore: () => import('pinia').Store<"header", import('../../store/header').State, {}, {
|
|
15
|
+
makeTransparent(value: boolean): void;
|
|
16
|
+
updateHighlightPrimary(value: boolean): void;
|
|
17
|
+
updateGlobalChildren(value: any): void;
|
|
18
|
+
updateSecondary(value: any): void;
|
|
19
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
20
|
+
}>;
|
|
14
21
|
}, {
|
|
15
22
|
toggleDropdown(): void;
|
|
16
23
|
closeDropdown(): void;
|
|
@@ -22,3 +22,11 @@ export namespace BaseStory {
|
|
|
22
22
|
export { breadcrumb_1 as breadcrumb };
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
+
export namespace Inverted {
|
|
26
|
+
export namespace args_1 {
|
|
27
|
+
import breadcrumb_2 = NavSecondaryData.breadcrumb;
|
|
28
|
+
export { breadcrumb_2 as breadcrumb };
|
|
29
|
+
export let invert: boolean;
|
|
30
|
+
}
|
|
31
|
+
export { args_1 as args };
|
|
32
|
+
}
|
|
@@ -4,22 +4,36 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
4
4
|
breadcrumb: {
|
|
5
5
|
type: StringConstructor;
|
|
6
6
|
required: false;
|
|
7
|
+
default: undefined;
|
|
7
8
|
};
|
|
8
9
|
hasIntro: {
|
|
9
10
|
type: BooleanConstructor;
|
|
10
11
|
required: false;
|
|
11
12
|
default: boolean;
|
|
12
13
|
};
|
|
14
|
+
invert: {
|
|
15
|
+
type: BooleanConstructor;
|
|
16
|
+
required: false;
|
|
17
|
+
default: boolean;
|
|
18
|
+
};
|
|
13
19
|
}, unknown, {
|
|
14
20
|
isSticky: boolean;
|
|
15
21
|
}, {
|
|
16
|
-
theBreadcrumb(): [
|
|
22
|
+
theBreadcrumb(): BreadcrumbPathObject[] | undefined;
|
|
17
23
|
enabled(): Boolean;
|
|
24
|
+
themeStore: () => import('pinia').Store<"theme", import('./../../store/theme').State, {
|
|
25
|
+
isEdu(state: {
|
|
26
|
+
theme: import('./../../interfaces').Explorer1Theme | null;
|
|
27
|
+
} & import('pinia').PiniaCustomStateProperties<import('./../../store/theme').State>): boolean;
|
|
28
|
+
}, {
|
|
29
|
+
setTheme(value: import('./../../interfaces').Explorer1Theme): void;
|
|
30
|
+
}>;
|
|
18
31
|
headerStore: () => import('pinia').Store<"header", import('./../../store/header').State, {}, {
|
|
19
32
|
makeTransparent(value: boolean): void;
|
|
20
33
|
updateHighlightPrimary(value: boolean): void;
|
|
21
34
|
updateGlobalChildren(value: any): void;
|
|
22
35
|
updateSecondary(value: any): void;
|
|
36
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
23
37
|
}>;
|
|
24
38
|
}, {
|
|
25
39
|
isExternal(path: string): boolean;
|
|
@@ -28,13 +42,21 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
28
42
|
breadcrumb: {
|
|
29
43
|
type: StringConstructor;
|
|
30
44
|
required: false;
|
|
45
|
+
default: undefined;
|
|
31
46
|
};
|
|
32
47
|
hasIntro: {
|
|
33
48
|
type: BooleanConstructor;
|
|
34
49
|
required: false;
|
|
35
50
|
default: boolean;
|
|
36
51
|
};
|
|
52
|
+
invert: {
|
|
53
|
+
type: BooleanConstructor;
|
|
54
|
+
required: false;
|
|
55
|
+
default: boolean;
|
|
56
|
+
};
|
|
37
57
|
}>>, {
|
|
58
|
+
invert: boolean;
|
|
59
|
+
breadcrumb: string;
|
|
38
60
|
hasIntro: boolean;
|
|
39
61
|
}, {}>;
|
|
40
62
|
export default _default;
|
|
@@ -2,6 +2,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
2
2
|
index: {
|
|
3
3
|
type: NumberConstructor;
|
|
4
4
|
required: false;
|
|
5
|
+
default: number;
|
|
5
6
|
};
|
|
6
7
|
isLast: {
|
|
7
8
|
type: BooleanConstructor;
|
|
@@ -12,6 +13,11 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
12
13
|
type: ObjectConstructor;
|
|
13
14
|
required: true;
|
|
14
15
|
};
|
|
16
|
+
invert: {
|
|
17
|
+
type: BooleanConstructor;
|
|
18
|
+
required: false;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
15
21
|
}, unknown, {
|
|
16
22
|
dropdownVisible: boolean;
|
|
17
23
|
}, {}, {
|
|
@@ -19,10 +25,25 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
19
25
|
closeDropdown(): void;
|
|
20
26
|
openDropdown(): void;
|
|
21
27
|
isExternal(path: string): boolean;
|
|
22
|
-
|
|
28
|
+
dropdownToggleClasses(index: number): {
|
|
29
|
+
'mr-auto text-white font-semibold secondary-root': boolean;
|
|
30
|
+
'text-white': boolean;
|
|
31
|
+
'-open': boolean;
|
|
32
|
+
'mr-auto text-primary font-semibold secondary-root'?: undefined;
|
|
33
|
+
'text-gray-dark'?: undefined;
|
|
34
|
+
} | {
|
|
35
|
+
'mr-auto text-primary font-semibold secondary-root': boolean;
|
|
36
|
+
'text-gray-dark': boolean;
|
|
37
|
+
'-open': boolean;
|
|
38
|
+
'mr-auto text-white font-semibold secondary-root'?: undefined;
|
|
39
|
+
'text-white'?: undefined;
|
|
40
|
+
};
|
|
41
|
+
dropdownButtonClasses(index: number): "can-hover:group-hover:border-white" | "can-hover:group-hover:border-primary" | "can-hover:group-hover:border-white can-hover:group-hover:text-white" | "can-hover:group-hover:border-gray-mid-dark can-hover:group-hover:text-gray-mid-dark";
|
|
42
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("closeDropdown" | "openDropdown")[], "closeDropdown" | "openDropdown", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
23
43
|
index: {
|
|
24
44
|
type: NumberConstructor;
|
|
25
45
|
required: false;
|
|
46
|
+
default: number;
|
|
26
47
|
};
|
|
27
48
|
isLast: {
|
|
28
49
|
type: BooleanConstructor;
|
|
@@ -33,7 +54,17 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
33
54
|
type: ObjectConstructor;
|
|
34
55
|
required: true;
|
|
35
56
|
};
|
|
36
|
-
|
|
57
|
+
invert: {
|
|
58
|
+
type: BooleanConstructor;
|
|
59
|
+
required: false;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
62
|
+
}>> & {
|
|
63
|
+
onCloseDropdown?: ((...args: any[]) => any) | undefined;
|
|
64
|
+
onOpenDropdown?: ((...args: any[]) => any) | undefined;
|
|
65
|
+
}, {
|
|
66
|
+
index: number;
|
|
67
|
+
invert: boolean;
|
|
37
68
|
isLast: boolean;
|
|
38
69
|
}, {}>;
|
|
39
70
|
export default _default;
|
|
@@ -8,6 +8,10 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
8
8
|
type: ObjectConstructor;
|
|
9
9
|
required: true;
|
|
10
10
|
};
|
|
11
|
+
includeOverview: {
|
|
12
|
+
type: BooleanConstructor;
|
|
13
|
+
default: boolean;
|
|
14
|
+
};
|
|
11
15
|
}, unknown, unknown, {}, {
|
|
12
16
|
linkClass(item?: NavItemObject, isLast?: Boolean): string;
|
|
13
17
|
nestedLinkClass(isLast: Boolean, parentIsLast: Boolean): string;
|
|
@@ -16,5 +20,11 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
16
20
|
type: ObjectConstructor;
|
|
17
21
|
required: true;
|
|
18
22
|
};
|
|
19
|
-
|
|
23
|
+
includeOverview: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
27
|
+
}>>, {
|
|
28
|
+
includeOverview: boolean;
|
|
29
|
+
}, {}>;
|
|
20
30
|
export default _default;
|
|
@@ -1,22 +1,40 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { BasicLinkObject } from './../../interfaces';
|
|
3
|
+
|
|
1
4
|
declare const _default: import('vue').DefineComponent<{
|
|
2
5
|
index: {
|
|
3
6
|
type: NumberConstructor;
|
|
4
7
|
required: false;
|
|
8
|
+
default: undefined;
|
|
5
9
|
};
|
|
6
10
|
item: {
|
|
7
|
-
type:
|
|
11
|
+
type: PropType<BasicLinkObject>;
|
|
8
12
|
required: true;
|
|
9
13
|
};
|
|
14
|
+
invert: {
|
|
15
|
+
type: BooleanConstructor;
|
|
16
|
+
default: boolean;
|
|
17
|
+
};
|
|
10
18
|
}, unknown, unknown, {}, {
|
|
11
19
|
isExternal(path: string): boolean;
|
|
20
|
+
baseLinkClasses(index: number | undefined): string;
|
|
21
|
+
spanClasses(index: number | undefined): "can-hover:group-hover:border-white" | "can-hover:group-hover:border-primary" | "can-hover:group-hover:border-white can-hover:group-hover:text-white" | "can-hover:group-hover:border-gray-mid-dark can-hover:group-hover:text-gray-mid-dark";
|
|
12
22
|
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
13
23
|
index: {
|
|
14
24
|
type: NumberConstructor;
|
|
15
25
|
required: false;
|
|
26
|
+
default: undefined;
|
|
16
27
|
};
|
|
17
28
|
item: {
|
|
18
|
-
type:
|
|
29
|
+
type: PropType<BasicLinkObject>;
|
|
19
30
|
required: true;
|
|
20
31
|
};
|
|
21
|
-
|
|
32
|
+
invert: {
|
|
33
|
+
type: BooleanConstructor;
|
|
34
|
+
default: boolean;
|
|
35
|
+
};
|
|
36
|
+
}>>, {
|
|
37
|
+
index: number;
|
|
38
|
+
invert: boolean;
|
|
39
|
+
}, {}>;
|
|
22
40
|
export default _default;
|
package/dist/src/interfaces.d.ts
CHANGED
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
export interface BreadcrumbPathObject {
|
|
2
2
|
path: string;
|
|
3
3
|
title: string;
|
|
4
|
-
children:
|
|
4
|
+
children: BreadcrumbPathObject[];
|
|
5
|
+
}
|
|
6
|
+
export interface BasicLinkObject {
|
|
7
|
+
title: string;
|
|
8
|
+
path: string;
|
|
5
9
|
}
|
|
6
10
|
export interface BlockData {
|
|
7
11
|
blockType: string;
|
|
8
12
|
field?: string;
|
|
13
|
+
heading?: string;
|
|
14
|
+
level?: string;
|
|
9
15
|
items?: any[];
|
|
10
16
|
}
|
|
11
17
|
export interface ImageSrcObject {
|
|
@@ -9,10 +9,12 @@ export interface State {
|
|
|
9
9
|
highlightPrimary: boolean;
|
|
10
10
|
globalChildren?: any | null;
|
|
11
11
|
secondaryNav?: any | null;
|
|
12
|
+
secondaryNavIsJumpMenu: boolean;
|
|
12
13
|
}
|
|
13
14
|
export declare const useHeaderStore: import('pinia').StoreDefinition<"header", State, {}, {
|
|
14
15
|
makeTransparent(value: boolean): void;
|
|
15
16
|
updateHighlightPrimary(value: boolean): void;
|
|
16
17
|
updateGlobalChildren(value: any): void;
|
|
17
18
|
updateSecondary(value: any): void;
|
|
19
|
+
updateSecondaryNavIsJumpMenu(value: boolean): void;
|
|
18
20
|
}>;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { default as
|
|
1
|
+
import { default as PageEduExplainerArticle } from './PageEduExplainerArticle.vue';
|
|
2
2
|
import { BlockLinkCardCarouselData } from './../../../components/BlockLinkCarousel/BlockLinkCarousel.stories.js';
|
|
3
3
|
declare namespace _default {
|
|
4
4
|
export let title: string;
|
|
5
|
-
export {
|
|
5
|
+
export { PageEduExplainerArticle as component };
|
|
6
6
|
export let decorators: (() => {
|
|
7
7
|
template: string;
|
|
8
8
|
})[];
|
|
9
9
|
export namespace parameters {
|
|
10
|
+
let layout: string;
|
|
10
11
|
namespace html {
|
|
11
12
|
let root: string;
|
|
12
13
|
}
|