@icvdeveloper/common-module 0.0.122 → 0.0.124

package/dist/runtime/components/agenda/components/PresentationLink.vue

@@ -1,137 +1,137 @@
-<script lang="ts" setup>
-import { toRefs, computed } from "vue";
-import { useAgenda } from "../../../composables/useAgenda";
-import { useConferenceHelpers } from "../../../composables/useConferenceHelpers";
-import { usePresentation } from "../../../composables/usePresentation";
-import {
-  Conference,
-  Presentation,
-  Track,
-  TrackGroup,
-} from "../../../models/conference";
-import InfoLink from "./InfoLink.vue";
-import PlayIcon from "./PlayIcon.vue";
-
-type Props = {
-  conference: Conference;
-  presentation: Presentation;
-  track: Track | TrackGroup;
-  showInfoLink?: boolean;
-  simpleLayout?: boolean;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  showInfoLink: true,
-  simpleLayout: false,
-});
-
-const { conference, track, presentation } = toRefs(props);
-
-// Methods
-const { conferenceIsLiveOrMixed, conferenceIsArchived } =
-  useConferenceHelpers(conference);
-const { isSmallGroupedTrack } = useAgenda(conference);
-const {
-  getPresentationLinkTarget,
-  getLivePresentationLinkDestination,
-  showPresentationLinkIcon,
-  getPresentationLinkText,
-  presentationIsLiveOrMixed,
-  getArchivePresentationLinkDestination,
-} = usePresentation(conference);
-
-// Computed
-const presentationNameClass = computed(() => {
-  return isSmallGroupedTrack(track.value) ? "text-base" : "text-lg";
-});
-</script>
-
-<template>
-  <div>
-    <div v-if="!simpleLayout">
-      <!-- LIVE AGENDA GO TO WEBCAST PAGE -->
-      <div>
-        <h2 class="flex flex-initial flex-row" :class="presentationNameClass">
-          <!-- zoom text & icon link -->
-          <CommonZoomModal
-            v-if="
-              isAgenda &&
-              conferenceIsLiveOrMixed(conference) &&
-              presentation.type == 'zoom'
-            "
-            :presentation-id="presentation.id"
-            modal-size="full"
-          >
-            <template #modal-link>
-              <span class="font-semibold no-underline heading-link"
-                >{{ presentation.name }}
-                <PlayIcon
-                  :presentation="presentation"
-                  :conference="conference"
-                  :class="'justify-center md:justify-start'"
-                  icon="zoom"
-                ></PlayIcon>
-              </span>
-            </template>
-          </CommonZoomModal>
-
-          <!-- live/archive stream text & icon link -->
-          <a
-            v-else-if="
-              (isAgenda && conferenceIsLiveOrMixed(conference)) ||
-              (conferenceIsArchived(conference) && presentation.type != 'zoom')
-            "
-            class="font-semibold no-underline heading-link"
-            :href="getLivePresentationLinkDestination(presentation, track)"
-            :target="getPresentationLinkTarget(presentation)"
-            @click="playPresentation(track, presentation, conference)"
-          >
-            {{ presentation.name
-            }}<transition name="fade">
-              <PlayIcon
-                v-if="presentationIsLiveOrMixed(presentation)"
-                :presentation="presentation"
-                :conference="conference"
-                :class="'justify-center md:justify-start'"
-                icon="playarrow"
-              ></PlayIcon>
-            </transition>
-          </a>
-
-          <!-- text only catchall -->
-          <span v-else class="font-semibold" :class="presentationNameClass"
-            >{{ presentation.name }}</span
-          >
-
-          <!-- session details -->
-          <InfoLink
-            v-if="showInfoLink && presentation.description"
-            :presentation="presentation"
-            :use-icon="useIcon"
-            :link-text="infoLinkText"
-            :new-line="isSmallGroupedTrack"
-            class="ml-2"
-          />
-
-          <!-- favorites -->
-          <favorite
-            v-if="allowFavorites && currentUser.token"
-            class="ml-1"
-            :presentation="presentation"
-            @click="handleFavoriteClick"
-          />
-        </h2>
-      </div>
-    </div>
-
-    <!-- SIMPLE LAYOUT -->
-    <div v-else>
-      <a
-        class="underline cursor-pointer"
-        @click="playPresentation(track, presentation, conference)"
-      >
-        {{ presentation.name }}
-      </a>
-    </div>
-  </div>
-</template>
+<script lang="ts" setup>
+import { toRefs, computed } from "vue";
+import { useAgenda } from "../../../composables/useAgenda";
+import { useConferenceHelpers } from "../../../composables/useConferenceHelpers";
+import { usePresentation } from "../../../composables/usePresentation";
+import {
+  Conference,
+  Presentation,
+  Track,
+  TrackGroup,
+} from "../../../models/conference";
+import InfoLink from "./InfoLink.vue";
+import PlayIcon from "./PlayIcon.vue";
+
+type Props = {
+  conference: Conference;
+  presentation: Presentation;
+  track: Track | TrackGroup;
+  showInfoLink?: boolean;
+  simpleLayout?: boolean;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  showInfoLink: true,
+  simpleLayout: false,
+});
+
+const { conference, track, presentation } = toRefs(props);
+
+// Methods
+const { conferenceIsLiveOrMixed, conferenceIsArchived } =
+  useConferenceHelpers(conference);
+const { isSmallGroupedTrack } = useAgenda(conference);
+const {
+  getPresentationLinkTarget,
+  getLivePresentationLinkDestination,
+  showPresentationLinkIcon,
+  getPresentationLinkText,
+  presentationIsLiveOrMixed,
+  getArchivePresentationLinkDestination,
+} = usePresentation(conference);
+
+// Computed
+const presentationNameClass = computed(() => {
+  return isSmallGroupedTrack(track.value) ? "text-base" : "text-lg";
+});
+</script>
+
+<template>
+  <div>
+    <div v-if="!simpleLayout">
+      <!-- LIVE AGENDA GO TO WEBCAST PAGE -->
+      <div>
+        <h2 class="flex flex-initial flex-row" :class="presentationNameClass">
+          <!-- zoom text & icon link -->
+          <CommonZoomModal
+            v-if="
+              isAgenda &&
+              conferenceIsLiveOrMixed(conference) &&
+              presentation.type == 'zoom'
+            "
+            :presentation-id="presentation.id"
+            modal-size="full"
+          >
+            <template #modal-link>
+              <span class="font-semibold no-underline heading-link"
+                >{{ presentation.name }}
+                <PlayIcon
+                  :presentation="presentation"
+                  :conference="conference"
+                  :class="'justify-center md:justify-start'"
+                  icon="zoom"
+                ></PlayIcon>
+              </span>
+            </template>
+          </CommonZoomModal>
+
+          <!-- live/archive stream text & icon link -->
+          <a
+            v-else-if="
+              (isAgenda && conferenceIsLiveOrMixed(conference)) ||
+              (conferenceIsArchived(conference) && presentation.type != 'zoom')
+            "
+            class="font-semibold no-underline heading-link"
+            :href="getLivePresentationLinkDestination(presentation, track)"
+            :target="getPresentationLinkTarget(presentation)"
+            @click="playPresentation(track, presentation, conference)"
+          >
+            {{ presentation.name
+            }}<transition name="fade">
+              <PlayIcon
+                v-if="presentationIsLiveOrMixed(presentation)"
+                :presentation="presentation"
+                :conference="conference"
+                :class="'justify-center md:justify-start'"
+                icon="playarrow"
+              ></PlayIcon>
+            </transition>
+          </a>
+
+          <!-- text only catchall -->
+          <span v-else class="font-semibold" :class="presentationNameClass"
+            >{{ presentation.name }}</span
+          >
+
+          <!-- session details -->
+          <InfoLink
+            v-if="showInfoLink && presentation.description"
+            :presentation="presentation"
+            :use-icon="useIcon"
+            :link-text="infoLinkText"
+            :new-line="isSmallGroupedTrack"
+            class="ml-2"
+          />
+
+          <!-- favorites -->
+          <favorite
+            v-if="allowFavorites && currentUser.token"
+            class="ml-1"
+            :presentation="presentation"
+            @click="handleFavoriteClick"
+          />
+        </h2>
+      </div>
+    </div>
+
+    <!-- SIMPLE LAYOUT -->
+    <div v-else>
+      <a
+        class="underline cursor-pointer"
+        @click="playPresentation(track, presentation, conference)"
+      >
+        {{ presentation.name }}
+      </a>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/agenda/components/Sponsor.vue

@@ -1,134 +1,134 @@
-<script lang="ts" setup>
-import { find } from "lodash-es";
-import { ref, toRefs } from "vue";
-import { Sponsor as SponsorModel } from "../../../models/conference";
-import { sponsorClassObj } from "../../../@types/components";
-import { useClassBinding } from "../../../composables/useClassBinding";
-
-type Props = {
-  sponsor: SponsorModel;
-  size?: string;
-  inline?: boolean;
-  hideLabel?: boolean;
-  enabledSponsors?: SponsorModel[];
-  classObject?: sponsorClassObj;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  size: "default",
-  inline: false,
-  hideLabel: true,
-  enabledSponsors: () => {
-    return [];
-  },
-  classObject: () => {
-    return {
-      container: "",
-      sponsorContainer: "",
-      labelImageContainer: "",
-      labelContainer: "",
-      sponsorLabel: "",
-      imageContainer: "",
-      sponsorImage: "",
-    };
-  },
-});
-
-const { sponsor, size, inline, hideLabel, enabledSponsors, classObject } =
-  toRefs(props);
-const { classBinding } = useClassBinding();
-
-// data
-const showModal = ref<boolean>(false);
-const enabledSponsor = ref<SponsorModel | null>(null);
-
-// methods
-const handleClick = () => {
-  if (enabledSponsors.value.length > 0) {
-    const sponsorResult = find(enabledSponsors.value, { id: sponsor.value.id });
-
-    if (sponsorResult && sponsorResult.vanity === 1) {
-      enabledSponsor.value = sponsorResult;
-      showModal.value = true;
-      return;
-    }
-  }
-
-  window.open(sponsor.value.website, "_blank");
-};
-</script>
-
-<template>
-  <div
-    :class="
-      classBinding(
-        classObject,
-        'sponsorContainer',
-        'flex flex-col lg:flex-row flex-1 items-center'
-      )
-    "
-  >
-    <div :class="classBinding(classObject, 'labelImageContainer', size)">
-      <div
-        v-if="!hideLabel"
-        :class="
-          inline
-            ? classBinding(classObject, 'labelContainer', 'flex-1 items-center')
-            : classBinding(classObject, 'labelContainer', 'w-full')
-        "
-      >
-        <h2
-          :class="
-            inline
-              ? classBinding(
-                  classObject,
-                  'sponsorLabel',
-                  'inline-block lg:pr-5 pb-2 lg:pb-0'
-                )
-              : classBinding(classObject, 'sponsorLabel', 'pb-2')
-          "
-          class="text-center uppercase font-medium"
-        >
-          {{ sponsor.label }}
-        </h2>
-      </div>
-      <div
-        :class="
-          inline
-            ? classBinding(
-                classObject,
-                'imageContainer',
-                'flex-1 items-center pb-2 lg:pb-0'
-              )
-            : classBinding(classObject, 'imageContainer', 'w-full')
-        "
-      >
-        <img
-          :class="[
-            { block: !inline },
-            classBinding(
-              classObject,
-              'sponsorImage',
-              'sponsor-img m-auto cursor-pointer'
-            ),
-          ]"
-          :src="sponsor.photo"
-          @click="handleClick()"
-        />
-      </div>
-    </div>
-
-    <CommonModal :visible="showModal">
-      <template #modal-body>
-        <CommonAffiliatePage
-          v-if="enabledSponsor"
-          :affiliate="enabledSponsor"
-        ></CommonAffiliatePage>
-      </template>
-    </CommonModal>
-  </div>
-</template>
-
+<script lang="ts" setup>
+import { find } from "lodash-es";
+import { ref, toRefs } from "vue";
+import { Sponsor as SponsorModel } from "../../../models/conference";
+import { sponsorClassObj } from "../../../@types/components";
+import { useClassBinding } from "../../../composables/useClassBinding";
+
+type Props = {
+  sponsor: SponsorModel;
+  size?: string;
+  inline?: boolean;
+  hideLabel?: boolean;
+  enabledSponsors?: SponsorModel[];
+  classObject?: sponsorClassObj;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  size: "default",
+  inline: false,
+  hideLabel: true,
+  enabledSponsors: () => {
+    return [];
+  },
+  classObject: () => {
+    return {
+      container: "",
+      sponsorContainer: "",
+      labelImageContainer: "",
+      labelContainer: "",
+      sponsorLabel: "",
+      imageContainer: "",
+      sponsorImage: "",
+    };
+  },
+});
+
+const { sponsor, size, inline, hideLabel, enabledSponsors, classObject } =
+  toRefs(props);
+const { classBinding } = useClassBinding();
+
+// data
+const showModal = ref<boolean>(false);
+const enabledSponsor = ref<SponsorModel | null>(null);
+
+// methods
+const handleClick = () => {
+  if (enabledSponsors.value.length > 0) {
+    const sponsorResult = find(enabledSponsors.value, { id: sponsor.value.id });
+
+    if (sponsorResult && sponsorResult.vanity === 1) {
+      enabledSponsor.value = sponsorResult;
+      showModal.value = true;
+      return;
+    }
+  }
+
+  window.open(sponsor.value.website, "_blank");
+};
+</script>
+
+<template>
+  <div
+    :class="
+      classBinding(
+        classObject,
+        'sponsorContainer',
+        'flex flex-col lg:flex-row flex-1 items-center'
+      )
+    "
+  >
+    <div :class="classBinding(classObject, 'labelImageContainer', size)">
+      <div
+        v-if="!hideLabel"
+        :class="
+          inline
+            ? classBinding(classObject, 'labelContainer', 'flex-1 items-center')
+            : classBinding(classObject, 'labelContainer', 'w-full')
+        "
+      >
+        <h2
+          :class="
+            inline
+              ? classBinding(
+                  classObject,
+                  'sponsorLabel',
+                  'inline-block lg:pr-5 pb-2 lg:pb-0'
+                )
+              : classBinding(classObject, 'sponsorLabel', 'pb-2')
+          "
+          class="text-center uppercase font-medium"
+        >
+          {{ sponsor.label }}
+        </h2>
+      </div>
+      <div
+        :class="
+          inline
+            ? classBinding(
+                classObject,
+                'imageContainer',
+                'flex-1 items-center pb-2 lg:pb-0'
+              )
+            : classBinding(classObject, 'imageContainer', 'w-full')
+        "
+      >
+        <img
+          :class="[
+            { block: !inline },
+            classBinding(
+              classObject,
+              'sponsorImage',
+              'sponsor-img m-auto cursor-pointer'
+            ),
+          ]"
+          :src="sponsor.photo"
+          @click="handleClick()"
+        />
+      </div>
+    </div>
+
+    <CommonModal :visible="showModal">
+      <template #modal-body>
+        <CommonAffiliatePage
+          v-if="enabledSponsor"
+          :affiliate="enabledSponsor"
+        ></CommonAffiliatePage>
+      </template>
+    </CommonModal>
+  </div>
+</template>
+
 <style>
 .small h2 {
   font-size: 14px;
@@ -150,4 +150,4 @@ const handleClick = () => {
 .default img {
   max-height: 60px;
 }
-</style>
+</style>