@icvdeveloper/common-module 0.0.89 → 0.0.91

package/dist/runtime/components/media/components/ContentAccordion.vue

@@ -1,65 +1,65 @@
-<template>
-  <div>
-    <accordion :content-object="currentPresentation" v-for="item in tabArray" :tab-content="item">
-      <div class="content flex flex-1 accordion-slot overflow-x-hidden">
-        <overview-panel v-if="item.type == 'overview'"></overview-panel>
-        <presenters-panel v-if="item.type == 'presenters'" layout-format="PresenterItemCard" item-width="90"></presenters-panel>
-        <documents-panel v-if="item.type == 'documents'"></documents-panel>
-        <sponsors-panel v-if="item.type == 'sponsors'"></sponsors-panel>
-        <chat v-if="item.type == 'chatroom'"></chat>
-        <dynamic-html v-if="item.type == 'html'" :template="item.content"></dynamic-html>
-      </div>
-    </accordion>
-  </div>
-</template>
-
+<template>
+  <div>
+    <accordion :content-object="currentPresentation" v-for="item in tabArray" :tab-content="item">
+      <div class="content flex flex-1 accordion-slot overflow-x-hidden">
+        <overview-panel v-if="item.type == 'overview'"></overview-panel>
+        <presenters-panel v-if="item.type == 'presenters'" layout-format="PresenterItemCard" item-width="90"></presenters-panel>
+        <documents-panel v-if="item.type == 'documents'"></documents-panel>
+        <sponsors-panel v-if="item.type == 'sponsors'"></sponsors-panel>
+        <chat v-if="item.type == 'chatroom'"></chat>
+        <dynamic-html v-if="item.type == 'html'" :template="item.content"></dynamic-html>
+      </div>
+    </accordion>
+  </div>
+</template>
+
 <script>
-import { mapState } from "vuex";
-
-import Accordion from '@/components/common/Accordion';
-import OverviewPanel from "./OverviewPanel";
-import PresentersPanel from "./PresentersPanel";
-import DocumentsPanel from "./DocumentsPanel";
-import SponsorsPanel from "./SponsorsPanel";
-import Chat from "@/components/common/Chat";
-
-export default {
-  components: {
-    Accordion,
-    OverviewPanel,
-    PresentersPanel,
-    DocumentsPanel,
-    SponsorsPanel,
-    Chat
-  },
-  data() {
-    return {};
-  },
-  props: {
-    currentPresentation: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    tabArray: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    }
-  },
-  computed: {
-    ...mapState("playerConfig", ["selectedContent"])
-  },
-  methods: {
-  }
+import { mapState } from "vuex";
+
+import Accordion from '@/components/common/Accordion';
+import OverviewPanel from "./OverviewPanel";
+import PresentersPanel from "./PresentersPanel";
+import DocumentsPanel from "./DocumentsPanel";
+import SponsorsPanel from "./SponsorsPanel";
+import Chat from "@/components/common/Chat";
+
+export default {
+  components: {
+    Accordion,
+    OverviewPanel,
+    PresentersPanel,
+    DocumentsPanel,
+    SponsorsPanel,
+    Chat
+  },
+  data() {
+    return {};
+  },
+  props: {
+    currentPresentation: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    tabArray: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    }
+  },
+  computed: {
+    ...mapState("playerConfig", ["selectedContent"])
+  },
+  methods: {
+  }
 };
-</script>
-
-<style>
-  .accordion-slot {
-    max-height: 32rem;
-    overflow-y: scroll;
-  }
-</style>
+</script>
+
+<style>
+  .accordion-slot {
+    max-height: 32rem;
+    overflow-y: scroll;
+  }
+</style>

package/dist/runtime/components/media/components/ContentAccordion.vue.d.ts

@@ -21,7 +21,9 @@ declare namespace _default {
             export { _default_1 as default };
         }
     }
-    const computed: any;
+    namespace computed {
+        const selectedContent: import("vuex").Computed;
+    }
     const methods: {};
 }
 export default _default;

package/dist/runtime/components/media/components/ContentArea.vue

@@ -1,160 +1,160 @@
-<script lang="ts" setup>
-import { toRefs, onMounted, computed, ref } from "vue";
-import { storeToRefs } from "pinia";
-import { get, filter } from "lodash-es";
-import { SelectedContent } from "../../../enums/general";
-import {
-  ContentAreaClassObj,
-  ContentAreaCompObj,
-  OverviewPanelClassObj,
-  AgendaPanelClassObj,
-} from "../../../@types/components";
-import { Conference, Presentation, Sponsor } from "../../../models/conference";
-import { useClassBinding } from "../../../composables/useClassBinding";
-import { useTemplateConfigsStore } from "../../../store";
-
-type Props = {
-  selectedContent?: { label: string; type: SelectedContent; content: string };
-  expandEnabled?: boolean;
-  presentation: Presentation;
-  webcastConference: Conference;
-  classObject?: ContentAreaClassObj;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  selectedContent: () => {
-    return { label: "Overview", type: SelectedContent.OVERVIEW, content: "" };
-  },
-  expandEnabled: false,
-  classObject: () => {
-    return {
-      container: "",
-      htmlElement: "",
-      trackHtmlElement: "",
-      noTrackHtmlElement: "",
-      noTrackHtmlText: "",
-      components: ref<ContentAreaCompObj>({
-        overviewPanel: ref<OverviewPanelClassObj>({}),
-        agendaPanel: ref<AgendaPanelClassObj>({}),
-      }),
-    };
-  },
-});
-
-const { expandEnabled, presentation, webcastConference } = toRefs(props);
-
-const { classBinding } = useClassBinding();
-
-const { pagesConfigValue } = storeToRefs(useTemplateConfigsStore());
-
-// reactive data
-let sponsors = ref<Array<Sponsor>>([]);
-
-// computed
-const trackEmbedHtml = computed((): string | null => {
-  get(presentation, "tracks[0].embed_html", null);
-});
-
-// methods
-const getFeaturedSponsors = () => {
-  const featuredSponsorLevel = get(
-    pagesConfigValue,
-    "webcast.featured_sponsor_level.value",
-    0
-  );
-  if (featuredSponsorLevel != 0) {
-    const url = `conferences/${webcastConference.value.id}/affiliates?filters[level]=${featuredSponsorLevel}`;
-    fetch(url)
-      .then((response) => {
-        return response.json();
-      })
-      .then((data) => {
-        sponsors = filter(data, { role: "sponsor" });
-      });
-  }
-};
-
-// mounted
-onMounted(() => {
-  getFeaturedSponsors();
-});
-</script>
-
-<template>
-  <div :class="classBinding(classObject, 'container', 'flex flex-col')">
-    <CommonComponentsOverviewPanel
-      v-if="selectedContent.type == 'overview'"
-      :class="
-        classBinding(
-          classObject.components.overviewPanel,
-          'container',
-          'overflow-y-scroll no-scrollbar h-full'
-        )
-      "
-      :presentation="presentation"
-      :class-object="classObject.components.overviewPanel"
-    ></CommonComponentsOverviewPanel>
-    <CommonComponentsAgendaPanel
-      v-if="selectedContent.type == 'agenda'"
-      :class="
-        classBinding(
-          classObject.components.agendaPanel,
-          'container',
-          'overflow-y-scroll no-scrollbar h-full'
-        )
-      "
-      :conference="webcastConference"
-      :class-object="classObject.components.agendaPanel"
-    ></CommonComponentsAgendaPanel>
-    <span
-      v-if="selectedContent.type == 'html'"
-      :class="
-        classBinding(
-          classObject,
-          'htmlElement',
-          'overflow-y-scroll no-scrollbar h-full'
-        )
-      "
-      v-html="selectedContent.content"
-    ></span>
-    <template v-if="selectedContent.type == 'track_html'">
-      <span
-        v-if="trackEmbedHtml != null"
-        :class="
-          classBinding(
-            classObject,
-            'trackHtmlElement',
-            'overflow-y-scroll no-scrollbar h-full'
-          )
-        "
-        v-html="trackEmbedHtml"
-      ></span>
-      <div
-        v-if="trackEmbedHtml === null"
-        :class="
-          classBinding(
-            classObject,
-            'noTrackHtmlElement',
-            'text-grey-800 px-2 py-4'
-          )
-        "
-      >
-        <p
-          :class="
-            classBinding(
-              classObject,
-              'noTrackHtmlText',
-              'text-base leading-normal font-light'
-            )
-          "
-        >
-          There is no additional content for this track.
-        </p>
-      </div>
-    </template>
-  </div>
-</template>
-
+<script lang="ts" setup>
+import { toRefs, onMounted, computed, ref } from "vue";
+import { storeToRefs } from "pinia";
+import { get, filter } from "lodash-es";
+import { SelectedContent } from "../../../enums/general";
+import {
+  ContentAreaClassObj,
+  ContentAreaCompObj,
+  OverviewPanelClassObj,
+  AgendaPanelClassObj,
+} from "../../../@types/components";
+import { Conference, Presentation, Sponsor } from "../../../models/conference";
+import { useClassBinding } from "../../../composables/useClassBinding";
+import { useTemplateConfigsStore } from "../../../store";
+
+type Props = {
+  selectedContent?: { label: string; type: SelectedContent; content: string };
+  expandEnabled?: boolean;
+  presentation: Presentation;
+  webcastConference: Conference;
+  classObject?: ContentAreaClassObj;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  selectedContent: () => {
+    return { label: "Overview", type: SelectedContent.OVERVIEW, content: "" };
+  },
+  expandEnabled: false,
+  classObject: () => {
+    return {
+      container: "",
+      htmlElement: "",
+      trackHtmlElement: "",
+      noTrackHtmlElement: "",
+      noTrackHtmlText: "",
+      components: ref<ContentAreaCompObj>({
+        overviewPanel: ref<OverviewPanelClassObj>({}),
+        agendaPanel: ref<AgendaPanelClassObj>({}),
+      }),
+    };
+  },
+});
+
+const { expandEnabled, presentation, webcastConference } = toRefs(props);
+
+const { classBinding } = useClassBinding();
+
+const { pagesConfigValue } = storeToRefs(useTemplateConfigsStore());
+
+// reactive data
+let sponsors = ref<Array<Sponsor>>([]);
+
+// computed
+const trackEmbedHtml = computed((): string | null => {
+  get(presentation, "tracks[0].embed_html", null);
+});
+
+// methods
+const getFeaturedSponsors = () => {
+  const featuredSponsorLevel = get(
+    pagesConfigValue,
+    "webcast.featured_sponsor_level.value",
+    0
+  );
+  if (featuredSponsorLevel != 0) {
+    const url = `conferences/${webcastConference.value.id}/affiliates?filters[level]=${featuredSponsorLevel}`;
+    fetch(url)
+      .then((response) => {
+        return response.json();
+      })
+      .then((data) => {
+        sponsors = filter(data, { role: "sponsor" });
+      });
+  }
+};
+
+// mounted
+onMounted(() => {
+  getFeaturedSponsors();
+});
+</script>
+
+<template>
+  <div :class="classBinding(classObject, 'container', 'flex flex-col')">
+    <CommonComponentsOverviewPanel
+      v-if="selectedContent.type == 'overview'"
+      :class="
+        classBinding(
+          classObject.components.overviewPanel,
+          'container',
+          'overflow-y-scroll no-scrollbar h-full'
+        )
+      "
+      :presentation="presentation"
+      :class-object="classObject.components.overviewPanel"
+    ></CommonComponentsOverviewPanel>
+    <CommonComponentsAgendaPanel
+      v-if="selectedContent.type == 'agenda'"
+      :class="
+        classBinding(
+          classObject.components.agendaPanel,
+          'container',
+          'overflow-y-scroll no-scrollbar h-full'
+        )
+      "
+      :conference="webcastConference"
+      :class-object="classObject.components.agendaPanel"
+    ></CommonComponentsAgendaPanel>
+    <span
+      v-if="selectedContent.type == 'html'"
+      :class="
+        classBinding(
+          classObject,
+          'htmlElement',
+          'overflow-y-scroll no-scrollbar h-full'
+        )
+      "
+      v-html="selectedContent.content"
+    ></span>
+    <template v-if="selectedContent.type == 'track_html'">
+      <span
+        v-if="trackEmbedHtml != null"
+        :class="
+          classBinding(
+            classObject,
+            'trackHtmlElement',
+            'overflow-y-scroll no-scrollbar h-full'
+          )
+        "
+        v-html="trackEmbedHtml"
+      ></span>
+      <div
+        v-if="trackEmbedHtml === null"
+        :class="
+          classBinding(
+            classObject,
+            'noTrackHtmlElement',
+            'text-grey-800 px-2 py-4'
+          )
+        "
+      >
+        <p
+          :class="
+            classBinding(
+              classObject,
+              'noTrackHtmlText',
+              'text-base leading-normal font-light'
+            )
+          "
+        >
+          There is no additional content for this track.
+        </p>
+      </div>
+    </template>
+  </div>
+</template>
+
 <style scoped>
 .content {
   position: relative;
@@ -172,4 +172,4 @@ onMounted(() => {
 .content-expand-overlay:hover {
   opacity: 0.7;
 }
-</style>
+</style>