@icvdeveloper/common-module 0.0.32 → 0.0.33
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/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -145,6 +145,11 @@ const module = defineNuxtModule({
|
|
|
145
145
|
extensions: ["vue"],
|
|
146
146
|
prefix: "Common"
|
|
147
147
|
});
|
|
148
|
+
addComponentsDir({
|
|
149
|
+
path: join(runtimeDir, "components/support"),
|
|
150
|
+
extensions: ["vue"],
|
|
151
|
+
prefix: "Common"
|
|
152
|
+
});
|
|
148
153
|
nuxt.hook("app:resolve", async (nuxt2) => {
|
|
149
154
|
let index = 0;
|
|
150
155
|
const piniaRuntime = nuxt2.plugins.find((object, i) => {
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import { ref } from "vue";
|
|
3
|
+
|
|
4
|
+
const expanded = ref<boolean>(false);
|
|
5
|
+
|
|
6
|
+
// methods
|
|
7
|
+
const toggle = () => {
|
|
8
|
+
expanded.value = !expanded.value;
|
|
9
|
+
};
|
|
10
|
+
</script>
|
|
11
|
+
|
|
12
|
+
<template>
|
|
13
|
+
<div>
|
|
14
|
+
<div class="font-bold mt-2 mb-4">
|
|
15
|
+
<button class="outline-none hover:underline" @click="toggle">
|
|
16
|
+
<slot name="question" />
|
|
17
|
+
</button>
|
|
18
|
+
|
|
19
|
+
<button class="outline-none" @click="toggle">
|
|
20
|
+
<div
|
|
21
|
+
class="inline-block font-bold px-2 chevron"
|
|
22
|
+
:class="{ normal: !expanded, down: expanded }"
|
|
23
|
+
>
|
|
24
|
+
>
|
|
25
|
+
</div>
|
|
26
|
+
</button>
|
|
27
|
+
</div>
|
|
28
|
+
|
|
29
|
+
<transition name="slide" mode="out-in">
|
|
30
|
+
<div v-show="expanded">
|
|
31
|
+
<div class="rounded px-4 pt-3 pb-1 bg-grey-lighter">
|
|
32
|
+
<slot name="answer" />
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</transition>
|
|
36
|
+
</div>
|
|
37
|
+
</template>
|
|
38
|
+
|
|
39
|
+
<style lang="scss" scoped>
|
|
40
|
+
.slide-enter-active,
|
|
41
|
+
.slide-leave-active {
|
|
42
|
+
overflow: hidden;
|
|
43
|
+
transition: all 0.4s ease;
|
|
44
|
+
}
|
|
45
|
+
.slide-enter,
|
|
46
|
+
.slide-leave-to {
|
|
47
|
+
transform-origin: top;
|
|
48
|
+
transform: translateY(-10px);
|
|
49
|
+
opacity: 0;
|
|
50
|
+
height: -10px;
|
|
51
|
+
}
|
|
52
|
+
.chevron {
|
|
53
|
+
transition: 0.3s all cubic-bezier(1, 0.25, 0.25, 0.8);
|
|
54
|
+
will-change: transform;
|
|
55
|
+
&.down {
|
|
56
|
+
transform: rotate(90deg);
|
|
57
|
+
}
|
|
58
|
+
&.normal {
|
|
59
|
+
transform: rotate(0deg);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
.outline-none {
|
|
63
|
+
outline: none;
|
|
64
|
+
}
|
|
65
|
+
</style>
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import { toRefs, unref } from "vue";
|
|
3
|
+
|
|
4
|
+
type Props = {
|
|
5
|
+
streamTestEnabled?: boolean;
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
const props = withDefaults(defineProps<Props>(), {
|
|
9
|
+
streamTestEnabled: false,
|
|
10
|
+
});
|
|
11
|
+
</script>
|
|
12
|
+
|
|
13
|
+
<template>
|
|
14
|
+
<section>
|
|
15
|
+
<CommonAccordion v-if="props.streamTestEnabled">
|
|
16
|
+
<template #question>
|
|
17
|
+
<span class="font-bold"
|
|
18
|
+
>Q: Have you run the pre-event streaming test?</span
|
|
19
|
+
>
|
|
20
|
+
</template>
|
|
21
|
+
<template #answer>
|
|
22
|
+
<p>
|
|
23
|
+
The most important step is to visit our
|
|
24
|
+
<a href="/stream-test">Pre-Event Test Stream</a> using the computer or
|
|
25
|
+
device you will use for the live web event, and connecting with the
|
|
26
|
+
same network connection you will use for the live web event. We begin
|
|
27
|
+
webcasting a pre-event test stream one week prior to the event.
|
|
28
|
+
</p>
|
|
29
|
+
<p>
|
|
30
|
+
If you can see video, hear the sound, and see the test slide, you will
|
|
31
|
+
most likely be ready for the web event.
|
|
32
|
+
</p>
|
|
33
|
+
</template>
|
|
34
|
+
</CommonAccordion>
|
|
35
|
+
</section>
|
|
36
|
+
</template>
|