weg-shared-layout 0.0.23 → 0.0.24
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/LICENSE +21 -21
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/weg-footer_2.cjs.entry.js +121 -58
- package/dist/cjs/weg-shared-layout.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/weg-footer/icons/instagram.svg +5 -5
- package/dist/collection/components/weg-footer/icons/linkedin.svg +3 -3
- package/dist/collection/components/weg-footer/icons/tiktok.svg +3 -3
- package/dist/collection/components/weg-footer/icons/youtube.svg +4 -4
- package/dist/collection/components/weg-footer/weg-footer.css +218 -201
- package/dist/collection/components/weg-footer/weg-footer.js +2 -2
- package/dist/collection/components/weg-header/weg-header.css +473 -365
- package/dist/collection/components/weg-header/weg-header.js +114 -58
- package/dist/collection/constants/breakpoints.js +6 -0
- package/dist/collection/styles/shared.css +72 -78
- package/dist/components/weg-footer.js +1 -1
- package/dist/components/weg-header.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/weg-footer_2.entry.js +121 -58
- package/dist/esm/weg-shared-layout.js +1 -1
- package/dist/types/components/weg-header/weg-header.d.ts +20 -7
- package/dist/types/components.d.ts +0 -42
- package/dist/types/constants/breakpoints.d.ts +6 -0
- package/dist/weg-shared-layout/p-c6ec3888.entry.js +1 -0
- package/dist/weg-shared-layout/weg-shared-layout.esm.js +1 -1
- package/docs/angular-integration-guide.md +1026 -0
- package/docs/angular.md +247 -138
- package/docs/nextjs.md +305 -305
- package/docs/publishing.md +48 -48
- package/docs/react.md +261 -261
- package/docs/vanilla.md +140 -140
- package/package.json +12 -8
- package/readme.md +108 -107
- package/src/assets/dummy-data.json +147 -147
- package/src/constants/breakpoints.ts +7 -0
- package/src/constants/weg-urls.ts +23 -23
- package/dist/cjs/my-component.cjs.entry.js +0 -33
- package/dist/collection/components/my-component/my-component.css +0 -3
- package/dist/collection/components/my-component/my-component.js +0 -95
- package/dist/components/my-component.d.ts +0 -11
- package/dist/components/my-component.js +0 -1
- package/dist/esm/my-component.entry.js +0 -31
- package/dist/types/components/my-component/my-component.d.ts +0 -16
- package/dist/weg-shared-layout/p-80fa529c.entry.js +0 -1
- package/dist/weg-shared-layout/p-d61033bd.entry.js +0 -1
- /package/dist/types/Users/{tan/Documents/code → rakin/Documents/WEG/repos}/weg-shared-layout/.stencil/test-utils/axe.d.ts +0 -0
- /package/dist/types/Users/{tan/Documents/code → rakin/Documents/WEG/repos}/weg-shared-layout/.stencil/test-utils/viewport.d.ts +0 -0
|
@@ -1,147 +1,147 @@
|
|
|
1
|
-
{
|
|
2
|
-
"header": {
|
|
3
|
-
"logoHref": "https://www.warwickemploymentgroup.com/",
|
|
4
|
-
"dropdowns": [
|
|
5
|
-
{
|
|
6
|
-
"label": "Find a job",
|
|
7
|
-
"items": [
|
|
8
|
-
{
|
|
9
|
-
"label": "Professional & operational services",
|
|
10
|
-
"href": "https://www.warwickemploymentgroup.com/find-a-job/professional-and-operational-services"
|
|
11
|
-
},
|
|
12
|
-
{
|
|
13
|
-
"label": "Engineering & technology",
|
|
14
|
-
"href": "https://www.warwickemploymentgroup.com/find-a-job/engineering-and-technology"
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
"label": "Graduates",
|
|
18
|
-
"href": "https://www.warwickemploymentgroup.com/find-a-job/graduates"
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
"label": "Senior & leadership",
|
|
22
|
-
"href": "https://www.warwickemploymentgroup.com/find-a-job/senior-and-leadership"
|
|
23
|
-
}
|
|
24
|
-
]
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"label": "Hire talent",
|
|
28
|
-
"items": [
|
|
29
|
-
{
|
|
30
|
-
"label": "Professional & operational services",
|
|
31
|
-
"href": "https://www.warwickemploymentgroup.com/hire-talent/professional-and-operational-services"
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
"label": "Engineering & technology",
|
|
35
|
-
"href": "https://www.warwickemploymentgroup.com/hire-talent/engineering-and-technology"
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
"label": "Graduates",
|
|
39
|
-
"href": "https://www.warwickemploymentgroup.com/hire-talent/graduates"
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
"label": "Executive search & selection",
|
|
43
|
-
"href": "https://www.warwickemploymentgroup.com/hire-talent/executive-search-and-selection"
|
|
44
|
-
}
|
|
45
|
-
]
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
"label": "HE solutions",
|
|
49
|
-
"items": [
|
|
50
|
-
{
|
|
51
|
-
"label": "Franchise solution",
|
|
52
|
-
"href": "https://www.warwickemploymentgroup.com/he-solutions/unitemps-franchise"
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
"label": "Disability support solution",
|
|
56
|
-
"href": "https://www.warwickemploymentgroup.com/he-solutions/disabillity-support"
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"label": "Payroll bureau",
|
|
60
|
-
"href": "https://www.warwickemploymentgroup.com/he-solutions/payroll-bureau"
|
|
61
|
-
}
|
|
62
|
-
]
|
|
63
|
-
}
|
|
64
|
-
],
|
|
65
|
-
"links": [
|
|
66
|
-
{
|
|
67
|
-
"label": "Career advice",
|
|
68
|
-
"href": "https://www.warwickemploymentgroup.com/career-advice"
|
|
69
|
-
},
|
|
70
|
-
{
|
|
71
|
-
"label": "Register",
|
|
72
|
-
"href": "https://account.warwickemploymentgroup.com/account/register"
|
|
73
|
-
}
|
|
74
|
-
],
|
|
75
|
-
"signIn": {
|
|
76
|
-
"label": "Sign in",
|
|
77
|
-
"href": "https://account.warwickemploymentgroup.com/account/login"
|
|
78
|
-
},
|
|
79
|
-
"signOut": {
|
|
80
|
-
"label": "Sign out",
|
|
81
|
-
"href": "https://account.warwickemploymentgroup.com/account/login"
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
"footer": {
|
|
85
|
-
"social": [
|
|
86
|
-
{ "platform": "LinkedIn", "href": "https://www.linkedin.com/company/warwickemploymentgroup/" },
|
|
87
|
-
{ "platform": "TikTok", "href": "https://www.tiktok.com/@weg_updates" },
|
|
88
|
-
{ "platform": "Instagram", "href": "https://www.instagram.com/warwickemploymentgroup/" },
|
|
89
|
-
{ "platform": "YouTube", "href": "https://www.youtube.com/@WarwickEmploymentGroup" }
|
|
90
|
-
],
|
|
91
|
-
"columns": [
|
|
92
|
-
{
|
|
93
|
-
"links": [
|
|
94
|
-
{ "label": "Find a job", "href": "/jobs" },
|
|
95
|
-
{ "label": "Professional & operational", "href": "/jobs/professional" },
|
|
96
|
-
{ "label": "Engineering & technology", "href": "/jobs/engineering" },
|
|
97
|
-
{ "label": "Graduates", "href": "/jobs/graduates" },
|
|
98
|
-
{ "label": "Senior & leadership", "href": "/jobs/senior" }
|
|
99
|
-
]
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
"links": [
|
|
103
|
-
{ "label": "Hire talent", "href": "/hire" },
|
|
104
|
-
{ "label": "Professional & operational", "href": "/hire/professional" },
|
|
105
|
-
{ "label": "Engineering & technology", "href": "/hire/engineering" },
|
|
106
|
-
{ "label": "Graduates", "href": "/hire/graduates" },
|
|
107
|
-
{ "label": "Executive search & selection", "href": "/hire/executive" }
|
|
108
|
-
]
|
|
109
|
-
},
|
|
110
|
-
{
|
|
111
|
-
"links": [
|
|
112
|
-
{ "label": "HE solutions", "href": "/he-solutions" },
|
|
113
|
-
{ "label": "Franchise solution", "href": "/franchise" },
|
|
114
|
-
{ "label": "Payroll bureau", "href": "/payroll" },
|
|
115
|
-
{ "label": "Disability support", "href": "/disability-support" }
|
|
116
|
-
]
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
"links": [
|
|
120
|
-
{ "label": "Career advice", "href": "/career-advice" },
|
|
121
|
-
{ "label": "News & events", "href": "/news" },
|
|
122
|
-
{ "label": "Insights", "href": "/insights" }
|
|
123
|
-
]
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
"links": [
|
|
127
|
-
{ "label": "About WEG", "href": "/about" },
|
|
128
|
-
{ "label": "Our brands", "href": "/brands" },
|
|
129
|
-
{ "label": "Careers at WEG", "href": "/careers" },
|
|
130
|
-
{ "label": "Contact us", "href": "/contact" }
|
|
131
|
-
]
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
"links": [
|
|
135
|
-
{ "label": "Privacy policy", "href": "/privacy" },
|
|
136
|
-
{ "label": "Terms of use", "href": "/terms" },
|
|
137
|
-
{ "label": "Cookie policy", "href": "/cookies" },
|
|
138
|
-
{ "label": "Accessibility statement", "href": "/accessibility" },
|
|
139
|
-
{ "label": "Diversity & inclusion", "href": "/diversity" },
|
|
140
|
-
{ "label": "Modern slavery", "href": "/modern-slavery" }
|
|
141
|
-
]
|
|
142
|
-
}
|
|
143
|
-
],
|
|
144
|
-
"credits": "Warwick Employment Group is a department of the Campus and Commercial Services Group at the University of Warwick.",
|
|
145
|
-
"copyright": "Copyright © Warwick Employment Group."
|
|
146
|
-
}
|
|
147
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"header": {
|
|
3
|
+
"logoHref": "https://www.warwickemploymentgroup.com/",
|
|
4
|
+
"dropdowns": [
|
|
5
|
+
{
|
|
6
|
+
"label": "Find a job",
|
|
7
|
+
"items": [
|
|
8
|
+
{
|
|
9
|
+
"label": "Professional & operational services",
|
|
10
|
+
"href": "https://www.warwickemploymentgroup.com/find-a-job/professional-and-operational-services"
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
"label": "Engineering & technology",
|
|
14
|
+
"href": "https://www.warwickemploymentgroup.com/find-a-job/engineering-and-technology"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"label": "Graduates",
|
|
18
|
+
"href": "https://www.warwickemploymentgroup.com/find-a-job/graduates"
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"label": "Senior & leadership",
|
|
22
|
+
"href": "https://www.warwickemploymentgroup.com/find-a-job/senior-and-leadership"
|
|
23
|
+
}
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"label": "Hire talent",
|
|
28
|
+
"items": [
|
|
29
|
+
{
|
|
30
|
+
"label": "Professional & operational services",
|
|
31
|
+
"href": "https://www.warwickemploymentgroup.com/hire-talent/professional-and-operational-services"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"label": "Engineering & technology",
|
|
35
|
+
"href": "https://www.warwickemploymentgroup.com/hire-talent/engineering-and-technology"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"label": "Graduates",
|
|
39
|
+
"href": "https://www.warwickemploymentgroup.com/hire-talent/graduates"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"label": "Executive search & selection",
|
|
43
|
+
"href": "https://www.warwickemploymentgroup.com/hire-talent/executive-search-and-selection"
|
|
44
|
+
}
|
|
45
|
+
]
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"label": "HE solutions",
|
|
49
|
+
"items": [
|
|
50
|
+
{
|
|
51
|
+
"label": "Franchise solution",
|
|
52
|
+
"href": "https://www.warwickemploymentgroup.com/he-solutions/unitemps-franchise"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"label": "Disability support solution",
|
|
56
|
+
"href": "https://www.warwickemploymentgroup.com/he-solutions/disabillity-support"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"label": "Payroll bureau",
|
|
60
|
+
"href": "https://www.warwickemploymentgroup.com/he-solutions/payroll-bureau"
|
|
61
|
+
}
|
|
62
|
+
]
|
|
63
|
+
}
|
|
64
|
+
],
|
|
65
|
+
"links": [
|
|
66
|
+
{
|
|
67
|
+
"label": "Career advice",
|
|
68
|
+
"href": "https://www.warwickemploymentgroup.com/career-advice"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"label": "Register",
|
|
72
|
+
"href": "https://account.warwickemploymentgroup.com/account/register"
|
|
73
|
+
}
|
|
74
|
+
],
|
|
75
|
+
"signIn": {
|
|
76
|
+
"label": "Sign in",
|
|
77
|
+
"href": "https://account.warwickemploymentgroup.com/account/login"
|
|
78
|
+
},
|
|
79
|
+
"signOut": {
|
|
80
|
+
"label": "Sign out",
|
|
81
|
+
"href": "https://account.warwickemploymentgroup.com/account/login"
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
"footer": {
|
|
85
|
+
"social": [
|
|
86
|
+
{ "platform": "LinkedIn", "href": "https://www.linkedin.com/company/warwickemploymentgroup/" },
|
|
87
|
+
{ "platform": "TikTok", "href": "https://www.tiktok.com/@weg_updates" },
|
|
88
|
+
{ "platform": "Instagram", "href": "https://www.instagram.com/warwickemploymentgroup/" },
|
|
89
|
+
{ "platform": "YouTube", "href": "https://www.youtube.com/@WarwickEmploymentGroup" }
|
|
90
|
+
],
|
|
91
|
+
"columns": [
|
|
92
|
+
{
|
|
93
|
+
"links": [
|
|
94
|
+
{ "label": "Find a job", "href": "/jobs" },
|
|
95
|
+
{ "label": "Professional & operational", "href": "/jobs/professional" },
|
|
96
|
+
{ "label": "Engineering & technology", "href": "/jobs/engineering" },
|
|
97
|
+
{ "label": "Graduates", "href": "/jobs/graduates" },
|
|
98
|
+
{ "label": "Senior & leadership", "href": "/jobs/senior" }
|
|
99
|
+
]
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"links": [
|
|
103
|
+
{ "label": "Hire talent", "href": "/hire" },
|
|
104
|
+
{ "label": "Professional & operational", "href": "/hire/professional" },
|
|
105
|
+
{ "label": "Engineering & technology", "href": "/hire/engineering" },
|
|
106
|
+
{ "label": "Graduates", "href": "/hire/graduates" },
|
|
107
|
+
{ "label": "Executive search & selection", "href": "/hire/executive" }
|
|
108
|
+
]
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
"links": [
|
|
112
|
+
{ "label": "HE solutions", "href": "/he-solutions" },
|
|
113
|
+
{ "label": "Franchise solution", "href": "/franchise" },
|
|
114
|
+
{ "label": "Payroll bureau", "href": "/payroll" },
|
|
115
|
+
{ "label": "Disability support", "href": "/disability-support" }
|
|
116
|
+
]
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"links": [
|
|
120
|
+
{ "label": "Career advice", "href": "/career-advice" },
|
|
121
|
+
{ "label": "News & events", "href": "/news" },
|
|
122
|
+
{ "label": "Insights", "href": "/insights" }
|
|
123
|
+
]
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"links": [
|
|
127
|
+
{ "label": "About WEG", "href": "/about" },
|
|
128
|
+
{ "label": "Our brands", "href": "/brands" },
|
|
129
|
+
{ "label": "Careers at WEG", "href": "/careers" },
|
|
130
|
+
{ "label": "Contact us", "href": "/contact" }
|
|
131
|
+
]
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"links": [
|
|
135
|
+
{ "label": "Privacy policy", "href": "/privacy" },
|
|
136
|
+
{ "label": "Terms of use", "href": "/terms" },
|
|
137
|
+
{ "label": "Cookie policy", "href": "/cookies" },
|
|
138
|
+
{ "label": "Accessibility statement", "href": "/accessibility" },
|
|
139
|
+
{ "label": "Diversity & inclusion", "href": "/diversity" },
|
|
140
|
+
{ "label": "Modern slavery", "href": "/modern-slavery" }
|
|
141
|
+
]
|
|
142
|
+
}
|
|
143
|
+
],
|
|
144
|
+
"credits": "Warwick Employment Group is a department of the Campus and Commercial Services Group at the University of Warwick.",
|
|
145
|
+
"copyright": "Copyright © Warwick Employment Group."
|
|
146
|
+
}
|
|
147
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* JS media-query strings aligned with `src/styles/breakpoints.css`.
|
|
3
|
+
*/
|
|
4
|
+
export const WEG_MD_MEDIA_QUERY = '(width >= 960px)' as const;
|
|
5
|
+
|
|
6
|
+
/** Primary input can hover (excludes most touch-only profiles). */
|
|
7
|
+
export const WEG_HOVER_CAPABLE_MEDIA_QUERY = '(hover: hover)' as const;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
/** Canonical WEG site and account URLs — single source of truth for components, docs, and host apps. */
|
|
2
|
-
|
|
3
|
-
export const WEG_SITE_ORIGIN = 'https://www.warwickemploymentgroup.com';
|
|
4
|
-
export const ACCOUNT_ORIGIN = 'https://account.warwickemploymentgroup.com';
|
|
5
|
-
|
|
6
|
-
export const DEFAULT_LOGO_HREF = `${WEG_SITE_ORIGIN}/`;
|
|
7
|
-
export const FIND_A_JOB_HREF = `${WEG_SITE_ORIGIN}/find-a-job`;
|
|
8
|
-
export const CAREER_ADVICE_HREF = `${WEG_SITE_ORIGIN}/career-advice`;
|
|
9
|
-
|
|
10
|
-
export const ACCOUNT_LOGIN_HREF = `${ACCOUNT_ORIGIN}/account/login`;
|
|
11
|
-
export const ACCOUNT_REGISTER_HREF = `${ACCOUNT_ORIGIN}/account/register`;
|
|
12
|
-
export const ACCOUNT_DASHBOARD_HREF = `${ACCOUNT_ORIGIN}/dashboard`;
|
|
13
|
-
export const ACCOUNT_MANAGE_HREF = `${ACCOUNT_ORIGIN}/account/manage`;
|
|
14
|
-
|
|
15
|
-
export const HEADER_SIGN_IN = {
|
|
16
|
-
label: 'Sign in',
|
|
17
|
-
href: ACCOUNT_LOGIN_HREF,
|
|
18
|
-
} as const;
|
|
19
|
-
|
|
20
|
-
export const HEADER_SIGN_OUT = {
|
|
21
|
-
label: 'Sign out',
|
|
22
|
-
href: ACCOUNT_LOGIN_HREF,
|
|
23
|
-
} as const;
|
|
1
|
+
/** Canonical WEG site and account URLs — single source of truth for components, docs, and host apps. */
|
|
2
|
+
|
|
3
|
+
export const WEG_SITE_ORIGIN = 'https://www.warwickemploymentgroup.com';
|
|
4
|
+
export const ACCOUNT_ORIGIN = 'https://account.warwickemploymentgroup.com';
|
|
5
|
+
|
|
6
|
+
export const DEFAULT_LOGO_HREF = `${WEG_SITE_ORIGIN}/`;
|
|
7
|
+
export const FIND_A_JOB_HREF = `${WEG_SITE_ORIGIN}/find-a-job`;
|
|
8
|
+
export const CAREER_ADVICE_HREF = `${WEG_SITE_ORIGIN}/career-advice`;
|
|
9
|
+
|
|
10
|
+
export const ACCOUNT_LOGIN_HREF = `${ACCOUNT_ORIGIN}/account/login`;
|
|
11
|
+
export const ACCOUNT_REGISTER_HREF = `${ACCOUNT_ORIGIN}/account/register`;
|
|
12
|
+
export const ACCOUNT_DASHBOARD_HREF = `${ACCOUNT_ORIGIN}/dashboard`;
|
|
13
|
+
export const ACCOUNT_MANAGE_HREF = `${ACCOUNT_ORIGIN}/account/manage`;
|
|
14
|
+
|
|
15
|
+
export const HEADER_SIGN_IN = {
|
|
16
|
+
label: 'Sign in',
|
|
17
|
+
href: ACCOUNT_LOGIN_HREF,
|
|
18
|
+
} as const;
|
|
19
|
+
|
|
20
|
+
export const HEADER_SIGN_OUT = {
|
|
21
|
+
label: 'Sign out',
|
|
22
|
+
href: ACCOUNT_LOGIN_HREF,
|
|
23
|
+
} as const;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var index = require('./index-CC8e1qRm.js');
|
|
4
|
-
var index$1 = require('./index.cjs.js');
|
|
5
|
-
|
|
6
|
-
const myComponentCss = () => `:host{display:block}`;
|
|
7
|
-
|
|
8
|
-
const MyComponent = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
index.registerInstance(this, hostRef);
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* The first name
|
|
14
|
-
*/
|
|
15
|
-
first;
|
|
16
|
-
/**
|
|
17
|
-
* The middle name
|
|
18
|
-
*/
|
|
19
|
-
middle;
|
|
20
|
-
/**
|
|
21
|
-
* The last name
|
|
22
|
-
*/
|
|
23
|
-
last;
|
|
24
|
-
getText() {
|
|
25
|
-
return index$1.format(this.first, this.middle, this.last);
|
|
26
|
-
}
|
|
27
|
-
render() {
|
|
28
|
-
return index.h("div", { key: '5452c3b9c97f8879dbc26b788d1fa79409846ff0' }, "Hello, world! I'm ", this.getText());
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
MyComponent.style = myComponentCss();
|
|
32
|
-
|
|
33
|
-
exports.my_component = MyComponent;
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { h } from "@stencil/core";
|
|
2
|
-
import { format } from "../../utils/utils";
|
|
3
|
-
export class MyComponent {
|
|
4
|
-
/**
|
|
5
|
-
* The first name
|
|
6
|
-
*/
|
|
7
|
-
first;
|
|
8
|
-
/**
|
|
9
|
-
* The middle name
|
|
10
|
-
*/
|
|
11
|
-
middle;
|
|
12
|
-
/**
|
|
13
|
-
* The last name
|
|
14
|
-
*/
|
|
15
|
-
last;
|
|
16
|
-
getText() {
|
|
17
|
-
return format(this.first, this.middle, this.last);
|
|
18
|
-
}
|
|
19
|
-
render() {
|
|
20
|
-
return h("div", { key: '5452c3b9c97f8879dbc26b788d1fa79409846ff0' }, "Hello, world! I'm ", this.getText());
|
|
21
|
-
}
|
|
22
|
-
static get is() { return "my-component"; }
|
|
23
|
-
static get encapsulation() { return "shadow"; }
|
|
24
|
-
static get originalStyleUrls() {
|
|
25
|
-
return {
|
|
26
|
-
"$": ["my-component.css"]
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
static get styleUrls() {
|
|
30
|
-
return {
|
|
31
|
-
"$": ["my-component.css"]
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
static get properties() {
|
|
35
|
-
return {
|
|
36
|
-
"first": {
|
|
37
|
-
"type": "string",
|
|
38
|
-
"mutable": false,
|
|
39
|
-
"complexType": {
|
|
40
|
-
"original": "string",
|
|
41
|
-
"resolved": "string",
|
|
42
|
-
"references": {}
|
|
43
|
-
},
|
|
44
|
-
"required": false,
|
|
45
|
-
"optional": true,
|
|
46
|
-
"docs": {
|
|
47
|
-
"tags": [],
|
|
48
|
-
"text": "The first name"
|
|
49
|
-
},
|
|
50
|
-
"getter": false,
|
|
51
|
-
"setter": false,
|
|
52
|
-
"reflect": false,
|
|
53
|
-
"attribute": "first"
|
|
54
|
-
},
|
|
55
|
-
"middle": {
|
|
56
|
-
"type": "string",
|
|
57
|
-
"mutable": false,
|
|
58
|
-
"complexType": {
|
|
59
|
-
"original": "string",
|
|
60
|
-
"resolved": "string",
|
|
61
|
-
"references": {}
|
|
62
|
-
},
|
|
63
|
-
"required": false,
|
|
64
|
-
"optional": true,
|
|
65
|
-
"docs": {
|
|
66
|
-
"tags": [],
|
|
67
|
-
"text": "The middle name"
|
|
68
|
-
},
|
|
69
|
-
"getter": false,
|
|
70
|
-
"setter": false,
|
|
71
|
-
"reflect": false,
|
|
72
|
-
"attribute": "middle"
|
|
73
|
-
},
|
|
74
|
-
"last": {
|
|
75
|
-
"type": "string",
|
|
76
|
-
"mutable": false,
|
|
77
|
-
"complexType": {
|
|
78
|
-
"original": "string",
|
|
79
|
-
"resolved": "string",
|
|
80
|
-
"references": {}
|
|
81
|
-
},
|
|
82
|
-
"required": false,
|
|
83
|
-
"optional": true,
|
|
84
|
-
"docs": {
|
|
85
|
-
"tags": [],
|
|
86
|
-
"text": "The last name"
|
|
87
|
-
},
|
|
88
|
-
"getter": false,
|
|
89
|
-
"setter": false,
|
|
90
|
-
"reflect": false,
|
|
91
|
-
"attribute": "last"
|
|
92
|
-
}
|
|
93
|
-
};
|
|
94
|
-
}
|
|
95
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface MyComponent extends Components.MyComponent, HTMLElement {}
|
|
4
|
-
export const MyComponent: {
|
|
5
|
-
prototype: MyComponent;
|
|
6
|
-
new (): MyComponent;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t,p as s,H as e,h as o}from"./p-CtYuWNO6.js";import{format as n}from"./index.js";const m=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}first;middle;last;getText(){return n(this.first,this.middle,this.last)}render(){return o("div",{key:"5452c3b9c97f8879dbc26b788d1fa79409846ff0"},"Hello, world! I'm ",this.getText())}static get style(){return":host{display:block}"}},[513,"my-component",{first:[1],middle:[1],last:[1]}]);function r(){"undefined"!=typeof customElements&&["my-component"].forEach((s=>{"my-component"===s&&(customElements.get(t(s))||customElements.define(t(s),m))}))}r();const i=m,c=r;export{i as MyComponent,c as defineCustomElement}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-D8pmhPiH.js';
|
|
2
|
-
import { format } from './index.js';
|
|
3
|
-
|
|
4
|
-
const myComponentCss = () => `:host{display:block}`;
|
|
5
|
-
|
|
6
|
-
const MyComponent = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* The first name
|
|
12
|
-
*/
|
|
13
|
-
first;
|
|
14
|
-
/**
|
|
15
|
-
* The middle name
|
|
16
|
-
*/
|
|
17
|
-
middle;
|
|
18
|
-
/**
|
|
19
|
-
* The last name
|
|
20
|
-
*/
|
|
21
|
-
last;
|
|
22
|
-
getText() {
|
|
23
|
-
return format(this.first, this.middle, this.last);
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
return h("div", { key: '5452c3b9c97f8879dbc26b788d1fa79409846ff0' }, "Hello, world! I'm ", this.getText());
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
MyComponent.style = myComponentCss();
|
|
30
|
-
|
|
31
|
-
export { MyComponent as my_component };
|