@slicemachine/adapter-nuxt 0.3.18-dev-next-release.5 → 0.3.18-dev-next-release.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/Hero/javascript.vue +219 -0
  2. package/dist/Hero/mocks.json +163 -0
  3. package/dist/Hero/model.json +126 -0
  4. package/dist/Hero/screenshot-default.png +0 -0
  5. package/dist/Hero/screenshot-imageRight.png +0 -0
  6. package/dist/Hero/typescript.vue +226 -0
  7. package/dist/plugin.cjs +15 -0
  8. package/dist/plugin.cjs.map +1 -1
  9. package/dist/plugin.js +16 -1
  10. package/dist/plugin.js.map +1 -1
  11. package/dist/simulator/SliceSimulator.d.ts +1 -1
  12. package/dist/sliceTemplates/Hero/index.cjs +299 -0
  13. package/dist/sliceTemplates/Hero/index.cjs.map +1 -0
  14. package/dist/sliceTemplates/Hero/index.d.ts +8 -0
  15. package/dist/sliceTemplates/Hero/index.js +299 -0
  16. package/dist/sliceTemplates/Hero/index.js.map +1 -0
  17. package/package.json +3 -3
  18. package/src/plugin.ts +23 -0
  19. package/src/sliceTemplates/Hero/index.ts +302 -0
package/dist/Hero/javascript.vue ADDED
@@ -0,0 +1,219 @@
1
+ <script setup>
2
+ import { isFilled } from "@prismicio/client";
3
+
4
+ defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
5
+ </script>
6
+
7
+ <template>
8
+ <section
9
+ :data-slice-type="slice.slice_type"
10
+ :data-slice-variation="slice.variation"
11
+ class="es-bounded es-fullpage-hero es-bounded__content es-fullpage-hero__content"
12
+ :class="
13
+ slice.variation === 'imageRight'
14
+ ? 'es-fullpage-hero__image--right'
15
+ : 'es-fullpage-hero__image--left'
16
+ "
17
+ >
18
+ <div>
19
+ <PrismicImage
20
+ v-if="isFilled.image(slice.primary.image)"
21
+ :field="slice.primary.image"
22
+ class="es-fullpage-hero__image"
23
+ />
24
+ </div>
25
+ <div class="es-fullpage-hero__content-right">
26
+ <div class="es-fullpage-hero__content__intro">
27
+ <p
28
+ v-if="isFilled.keyText(slice.primary.eyebrowHeadline)"
29
+ class="es-fullpage-hero__content__intro__eyebrow"
30
+ >
31
+ {{ slice.primary.eyebrowHeadline }}
32
+ </p>
33
+ <PrismicRichText
34
+ v-if="isFilled.richText(slice.primary.title)"
35
+ class="es-fullpage-hero__content__intro__headline"
36
+ :field="slice.primary.title"
37
+ />
38
+ </div>
39
+ <PrismicRichText
40
+ v-if="isFilled.richText(slice.primary.description)"
41
+ class="es-fullpage-hero__content__intro__description"
42
+ :field="slice.primary.description"
43
+ />
44
+ </div>
45
+ </section>
46
+ </template>
47
+
48
+ <style>
49
+ .es-bounded {
50
+ margin: 0px;
51
+ min-width: 0px;
52
+ position: relative;
53
+ }
54
+
55
+ .es-bounded__content {
56
+ min-width: 0px;
57
+ max-width: 90%;
58
+ margin: 0px auto;
59
+ }
60
+
61
+ .es-fullpage-hero {
62
+ font-family: system-ui, sans-serif;
63
+ background-color: #fff;
64
+ color: #333;
65
+ }
66
+
67
+ .es-fullpage-hero__image {
68
+ max-width: 100%;
69
+ height: auto;
70
+ align-self: center;
71
+ }
72
+
73
+ .es-fullpage-hero__image--left > div:first-child {
74
+ order: 1;
75
+ }
76
+
77
+ .es-fullpage-hero__image--left > div:nth-child(2) {
78
+ order: 2;
79
+ }
80
+
81
+ .es-fullpage-hero__image--right > div:first-child {
82
+ order: 2;
83
+ }
84
+
85
+ .es-fullpage-hero__image--right > div:nth-child(2) {
86
+ order: 1;
87
+ }
88
+
89
+ .es-fullpage-hero__content {
90
+ display: flex;
91
+ flex-direction: column;
92
+ gap: 2rem;
93
+ }
94
+
95
+ .es-fullpage-hero__content-right {
96
+ display: flex;
97
+ flex-direction: column;
98
+ justify-content: space-around;
99
+ padding: 1.5rem;
100
+ }
101
+
102
+ @media (min-width: 1080px) {
103
+ .es-fullpage-hero__content {
104
+ flex-direction: row;
105
+ }
106
+
107
+ .es-fullpage-hero__content > div {
108
+ width: 50%;
109
+ }
110
+ }
111
+
112
+ .es-fullpage-hero__content__intro {
113
+ display: grid;
114
+ gap: 1rem;
115
+ }
116
+
117
+ .es-fullpage-hero__content__intro__eyebrow {
118
+ color: #47c1af;
119
+ font-size: 1.15rem;
120
+ font-weight: 500;
121
+ margin: 0;
122
+ }
123
+
124
+ .es-fullpage-hero__content__intro__headline {
125
+ font-size: 1.625rem;
126
+ font-weight: 700;
127
+ }
128
+
129
+ .es-fullpage-hero__content__intro__headline > * {
130
+ margin: 0;
131
+ }
132
+
133
+ @media (min-width: 640px) {
134
+ .es-fullpage-hero__content__intro__headline {
135
+ font-size: 2rem;
136
+ }
137
+ }
138
+
139
+ @media (min-width: 1024px) {
140
+ .es-fullpage-hero__content__intro__headline {
141
+ font-size: 2.5rem;
142
+ }
143
+ }
144
+
145
+ @media (min-width: 1200px) {
146
+ .es-fullpage-hero__content__intro__headline {
147
+ font-size: 2.75rem;
148
+ }
149
+ }
150
+
151
+ .es-fullpage-hero__content__intro__description {
152
+ font-size: 1.15rem;
153
+ max-width: 38rem;
154
+ }
155
+
156
+ .es-fullpage-hero__content__intro__description > p {
157
+ margin: 0;
158
+ }
159
+
160
+ @media (min-width: 1200px) {
161
+ .es-fullpage-hero__content__intro__description {
162
+ font-size: 1.4rem;
163
+ }
164
+ }
165
+
166
+ .es-fullpage-hero__content__items {
167
+ display: grid;
168
+ gap: 2rem;
169
+ }
170
+
171
+ @media (min-width: 640px) {
172
+ .es-fullpage-hero__content__items {
173
+ grid-template-columns: repeat(2, 1fr);
174
+ }
175
+ }
176
+
177
+ .es-fullpage-hero__item {
178
+ display: grid;
179
+ align-content: start;
180
+ }
181
+
182
+ .es-fullpage-hero__item__icon {
183
+ max-height: 3rem;
184
+ }
185
+
186
+ .es-fullpage-hero__item__heading {
187
+ font-weight: 700;
188
+ font-size: 1.17rem;
189
+ margin-top: 0;
190
+ margin-bottom: 0.5rem;
191
+ }
192
+
193
+ .es-fullpage-hero__item__heading > * {
194
+ margin: 0;
195
+ }
196
+
197
+ .es-fullpage-hero__item__description {
198
+ font-size: 0.9rem;
199
+ }
200
+
201
+ .es-fullpage-hero__item__description > * {
202
+ margin: 0;
203
+ }
204
+
205
+ .es-call-to-action__link {
206
+ justify-self: flex-start;
207
+ border-radius: 0.25rem;
208
+ font-size: 0.875rem;
209
+ line-height: 1.3;
210
+ padding: 1rem 2.625rem;
211
+ transition: background-color 100ms linear;
212
+ background-color: #16745f;
213
+ color: #fff;
214
+ }
215
+
216
+ .es-call-to-action__link:hover {
217
+ background-color: #0d5e4c;
218
+ }
219
+ </style>
package/dist/Hero/mocks.json ADDED
@@ -0,0 +1,163 @@
1
+ [
2
+ {
3
+ "__TYPE__": "SharedSliceContent",
4
+ "variation": "default",
5
+ "primary": {
6
+ "title": {
7
+ "__TYPE__": "StructuredTextContent",
8
+ "value": [
9
+ {
10
+ "type": "heading2",
11
+ "content": {
12
+ "text": "Build a website that keeps getting better",
13
+ "spans": []
14
+ },
15
+ "direction": "ltr"
16
+ }
17
+ ]
18
+ },
19
+ "eyebrowHeadline": {
20
+ "__TYPE__": "FieldContent",
21
+ "type": "Text",
22
+ "value": "Hero"
23
+ },
24
+ "description": {
25
+ "__TYPE__": "StructuredTextContent",
26
+ "value": [
27
+ {
28
+ "type": "paragraph",
29
+ "content": {
30
+ "text": "Learn how prismic.io helps thousands of businesses around the world with some of our customers’ use-cases",
31
+ "spans": []
32
+ },
33
+ "direction": "ltr"
34
+ }
35
+ ]
36
+ },
37
+ "image": {
38
+ "url": "https://images.unsplash.com/photo-1584559582128-b8be739912e1?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMzc0NjN8MHwxfHNlYXJjaHw5fHxmcnVpdHxlbnwwfHx8fDE2OTQ0NDI5NzZ8MA&ixlib=rb-4.0.3&q=85",
39
+ "origin": {
40
+ "id": "h5yMpgOI5nI",
41
+ "url": "https://images.unsplash.com/photo-1584559582128-b8be739912e1?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMzc0NjN8MHwxfHNlYXJjaHw5fHxmcnVpdHxlbnwwfHx8fDE2OTQ0NDI5NzZ8MA&ixlib=rb-4.0.3&q=85",
42
+ "width": 3710,
43
+ "height": 3710
44
+ },
45
+ "width": 3710,
46
+ "height": 3710,
47
+ "edit": {
48
+ "background": "transparent",
49
+ "zoom": 1,
50
+ "crop": {
51
+ "x": 0,
52
+ "y": 0
53
+ }
54
+ },
55
+ "credits": null,
56
+ "alt": "Image Content",
57
+ "__TYPE__": "ImageContent",
58
+ "thumbnails": {}
59
+ },
60
+ "callToActionLabel": {
61
+ "__TYPE__": "FieldContent",
62
+ "type": "Text",
63
+ "value": "Call to Action"
64
+ },
65
+ "callToActionLink": {
66
+ "__TYPE__": "LinkContent",
67
+ "value": {
68
+ "__TYPE__": "ExternalLink",
69
+ "url": "https://prismic.io",
70
+ "target": ""
71
+ }
72
+ }
73
+ },
74
+ "items": []
75
+ },
76
+ {
77
+ "__TYPE__": "SharedSliceContent",
78
+ "variation": "imageRight",
79
+ "primary": {
80
+ "eyebrowHeadline": {
81
+ "__TYPE__": "FieldContent",
82
+ "type": "Text",
83
+ "value": "Image Right"
84
+ },
85
+ "title": {
86
+ "__TYPE__": "StructuredTextContent",
87
+ "value": [
88
+ {
89
+ "type": "heading1",
90
+ "content": {
91
+ "text": "Build a website",
92
+ "spans": []
93
+ },
94
+ "direction": "ltr"
95
+ }
96
+ ]
97
+ },
98
+ "description": {
99
+ "__TYPE__": "StructuredTextContent",
100
+ "value": [
101
+ {
102
+ "type": "paragraph",
103
+ "content": {
104
+ "text": "Learn how prismic.io helps thousands of businesses around the world with some of our customers’ use-cases, including Image Right slice variations!",
105
+ "spans": []
106
+ },
107
+ "direction": "ltr"
108
+ },
109
+ {
110
+ "type": "paragraph",
111
+ "content": {
112
+ "text": "\nBy the way: this RichText field supports multi-paragraph!",
113
+ "spans": []
114
+ },
115
+ "direction": "ltr"
116
+ }
117
+ ]
118
+ },
119
+ "image": {
120
+ "origin": {
121
+ "id": "euqiHwS38Rw",
122
+ "url": "https://images.unsplash.com/photo-1595475207225-428b62bda831?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMzc0NjN8MHwxfHNlYXJjaHwyMHx8ZnJ1aXR8ZW58MHx8fHwxNjk0NDQyOTc2fDA&ixlib=rb-4.0.3&q=85",
123
+ "width": 2500,
124
+ "height": 2500
125
+ },
126
+ "url": "https://images.unsplash.com/photo-1595475207225-428b62bda831?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMzc0NjN8MHwxfHNlYXJjaHwyMHx8ZnJ1aXR8ZW58MHx8fHwxNjk0NDQyOTc2fDA&ixlib=rb-4.0.3&q=85",
127
+ "width": 2500,
128
+ "height": 2500,
129
+ "edit": {
130
+ "background": "transparent",
131
+ "zoom": 1,
132
+ "crop": {
133
+ "x": 0,
134
+ "y": 0
135
+ }
136
+ },
137
+ "credits": null,
138
+ "alt": "Image Content",
139
+ "__TYPE__": "ImageContent",
140
+ "thumbnails": {}
141
+ },
142
+ "callToActionLabel": {
143
+ "__TYPE__": "FieldContent",
144
+ "type": "Text",
145
+ "value": "Call to Action"
146
+ },
147
+ "callToActionLink": {
148
+ "__TYPE__": "LinkContent",
149
+ "value": {
150
+ "__TYPE__": "ExternalLink",
151
+ "url": "https://prismic.io",
152
+ "target": ""
153
+ }
154
+ }
155
+ },
156
+ "items": [
157
+ {
158
+ "__TYPE__": "GroupItemContent",
159
+ "value": []
160
+ }
161
+ ]
162
+ }
163
+ ]
package/dist/Hero/model.json ADDED
@@ -0,0 +1,126 @@
1
+ {
2
+ "id": "hero",
3
+ "type": "SharedSlice",
4
+ "name": "Hero",
5
+ "description": "Hero",
6
+ "variations": [
7
+ {
8
+ "id": "default",
9
+ "name": "Default",
10
+ "docURL": "...",
11
+ "version": "initial",
12
+ "description": "Default",
13
+ "imageUrl": "",
14
+ "primary": {
15
+ "eyebrowHeadline": {
16
+ "type": "Text",
17
+ "config": {
18
+ "label": "eyebrowHeadline",
19
+ "placeholder": "Eyebrow"
20
+ }
21
+ },
22
+ "title": {
23
+ "type": "StructuredText",
24
+ "config": {
25
+ "label": "title",
26
+ "placeholder": "",
27
+ "allowTargetBlank": true,
28
+ "single": "heading1,heading2,heading3,heading4,heading5,heading6,strong,em"
29
+ }
30
+ },
31
+ "description": {
32
+ "type": "StructuredText",
33
+ "config": {
34
+ "label": "description",
35
+ "placeholder": "",
36
+ "allowTargetBlank": true,
37
+ "multi": "paragraph,preformatted,hyperlink,embed,rtl,strong,em,list-item,o-list-item"
38
+ }
39
+ },
40
+ "image": {
41
+ "type": "Image",
42
+ "config": {
43
+ "label": "image",
44
+ "constraint": {},
45
+ "thumbnails": []
46
+ }
47
+ },
48
+ "callToActionLabel": {
49
+ "type": "Text",
50
+ "config": {
51
+ "label": "callToActionLabel",
52
+ "placeholder": ""
53
+ }
54
+ },
55
+ "callToActionLink": {
56
+ "type": "Link",
57
+ "config": {
58
+ "label": "callToActionLink",
59
+ "placeholder": "",
60
+ "select": null
61
+ }
62
+ }
63
+ },
64
+ "items": {}
65
+ },
66
+ {
67
+ "id": "imageRight",
68
+ "name": "Image Right",
69
+ "docURL": "...",
70
+ "version": "initial",
71
+ "description": "Default",
72
+ "imageUrl": "",
73
+ "primary": {
74
+ "eyebrowHeadline": {
75
+ "type": "Text",
76
+ "config": {
77
+ "label": "eyebrowHeadline",
78
+ "placeholder": "Eyebrow"
79
+ }
80
+ },
81
+ "title": {
82
+ "type": "StructuredText",
83
+ "config": {
84
+ "label": "title",
85
+ "placeholder": "",
86
+ "allowTargetBlank": true,
87
+ "single": "heading1,heading2,heading3,heading4,heading5,heading6,strong,em"
88
+ }
89
+ },
90
+ "description": {
91
+ "type": "StructuredText",
92
+ "config": {
93
+ "label": "description",
94
+ "placeholder": "",
95
+ "allowTargetBlank": true,
96
+ "multi": "paragraph,preformatted,hyperlink,embed,rtl,strong,em,list-item,o-list-item"
97
+ }
98
+ },
99
+ "image": {
100
+ "type": "Image",
101
+ "config": {
102
+ "label": "image",
103
+ "constraint": {},
104
+ "thumbnails": []
105
+ }
106
+ },
107
+ "callToActionLabel": {
108
+ "type": "Text",
109
+ "config": {
110
+ "label": "callToActionLabel",
111
+ "placeholder": ""
112
+ }
113
+ },
114
+ "callToActionLink": {
115
+ "type": "Link",
116
+ "config": {
117
+ "label": "callToActionLink",
118
+ "placeholder": "",
119
+ "select": null
120
+ }
121
+ }
122
+ },
123
+ "items": {}
124
+ }
125
+ ]
126
+ }
package/dist/Hero/screenshot-default.png ADDED
Binary file