@icvdeveloper/common-module 0.0.127 → 0.0.129

package/dist/runtime/components/presenters/PresenterListing.vue

@@ -1,166 +1,166 @@
-<script lang="ts" setup>
-import { toRefs } from "vue";
-import { Presenter } from "../../models/conference";
-import { usePresenter } from "../../composables/usePresenter";
-import { useClassBinding } from "../../composables/useClassBinding";
-import { presenterListingClassObj } from "../../@types/components";
-import { Position } from "../../enums/general";
-
-type Props = {
-  presenter: Presenter;
-  enableBio?: boolean;
-  showBio?: boolean;
-  isSmallGroupedTrack?: boolean;
-  bioLinkOnName?: boolean;
-  bioLinkText?: string;
-  bioLinkPosition?: Position;
-  imagePosition?: Position;
-  classObject?: presenterListingClassObj;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  enableBio: true,
-  showBio: false,
-  isSmallGroupedTrack: false,
-  bioLinkOnName: true,
-  bioLinkText: "Read More >",
-  bioLinkPosition: Position.BOTTOM,
-  imagePosition: Position.LEFT,
-  classObject: () => {
-    return {
-      container: "",
-      presenterImageContainer: "",
-      presenterImage: "",
-      presenterContainer: "",
-      presenterTextContainer: "",
-      presenterNameLink: "",
-      presenterName: "",
-      presenterRole: "",
-      presenterTitle: "",
-      presenterBio: "",
-      presenterBioLink: "",
-    };
-  },
-});
-
-const emit = defineEmits(["clicked"]);
-
-const { presenter, enableBio, isSmallGroupedTrack, classObject } =
-  toRefs(props);
-const { fullName, titleCompany } = usePresenter(presenter);
-const { classBinding } = useClassBinding();
-
-// methods
-const handleClick = () => {
-  if (enableBio.value) {
-    emit("clicked");
-  }
-};
-</script>
-
-<template>
-  <div>
-    <div
-      :class="[
-        { 'flex-col': imagePosition !== Position.RIGHT },
-        { 'md:flex-row': imagePosition !== Position.TOP },
-        { 'flex-col-reverse': imagePosition === Position.RIGHT },
-        classBinding(
-          classObject,
-          'presenterContainer',
-          'flex-1 flex content-center items-center md:items-start'
-        ),
-      ]"
-    >
-      <div
-        v-if="presenter.photo && imagePosition !== Position.RIGHT"
-        :class="
-          classBinding(classObject, 'presenterImageContainer', 'shrink p-2')
-        "
-      >
-        <img
-          :src="presenter.photo"
-          :class="classBinding(classObject, 'presenterImage', '')"
-        />
-      </div>
-      <div
-        :class="
-          classBinding(
-            classObject,
-            'presenterTextContainer',
-            'flex flex-col text-center md:text-left self-center'
-          )
-        "
-      >
-        <p class="my-1">
-          <a
-            v-if="enableBio && bioLinkOnName"
-            class="cursor-pointer"
-            :class="classBinding(classObject, 'presenterNameLink', '')"
-            @click="handleClick()"
-            ><span :class="classBinding(classObject, 'presenterName', '')">
-              {{ fullName }}</span
-            ></a
-          >
-          <span v-else :class="classBinding(classObject, 'presenterName', '')">
-            {{ fullName }}
-          </span>
-          <span
-            v-if="presenter.role == 'moderator'"
-            :class="[
-              isSmallGroupedTrack ? 'new-line' : 'no-new-line',
-              classBinding(classObject, 'presenterRole', 'text-grey-dark'),
-            ]"
-            >Moderator</span
-          >
-          <span
-            v-if="titleCompany"
-            :class="[
-              isSmallGroupedTrack ? 'new-line' : 'new-line-responsive',
-              classBinding(
-                classObject,
-                'presenterTitle',
-                'font-light paragraph-color-1'
-              ),
-            ]"
-            >{{ titleCompany }}</span
-          >
-        </p>
-        <p
-          v-if="showBio && presenter.biography"
-          :class="
-            classBinding(
-              classObject,
-              'presenterBio',
-              'font-light text-base paragraph-color-1'
-            )
-          "
-          v-html="presenter.biography"
-        ></p>
-        <div v-if="enableBio && !bioLinkOnName" class="shrink">
-          <a
-            class="cursor-pointer"
-            :class="classBinding(classObject, 'presenterBioLink', '')"
-            @click="handleClick()"
-            >{{ bioLinkText }}
-          </a>
-        </div>
-      </div>
-      <div
-        v-if="presenter.photo && imagePosition === Position.RIGHT"
-        :class="
-          classBinding(classObject, 'presenterImageContainer', 'shrink p-2')
-        "
-      >
-        <img
-          :src="presenter.photo"
-          :class="classBinding(classObject, 'presenterImage', '')"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
+<script lang="ts" setup>
+import { toRefs } from "vue";
+import { Presenter } from "../../models/conference";
+import { usePresenter } from "../../composables/usePresenter";
+import { useClassBinding } from "../../composables/useClassBinding";
+import { presenterListingClassObj } from "../../@types/components";
+import { Position } from "../../enums/general";
+
+type Props = {
+  presenter: Presenter;
+  enableBio?: boolean;
+  showBio?: boolean;
+  isSmallGroupedTrack?: boolean;
+  bioLinkOnName?: boolean;
+  bioLinkText?: string;
+  bioLinkPosition?: Position;
+  imagePosition?: Position;
+  classObject?: presenterListingClassObj;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  enableBio: true,
+  showBio: false,
+  isSmallGroupedTrack: false,
+  bioLinkOnName: true,
+  bioLinkText: "Read More >",
+  bioLinkPosition: Position.BOTTOM,
+  imagePosition: Position.LEFT,
+  classObject: () => {
+    return {
+      container: "",
+      presenterImageContainer: "",
+      presenterImage: "",
+      presenterContainer: "",
+      presenterTextContainer: "",
+      presenterNameLink: "",
+      presenterName: "",
+      presenterRole: "",
+      presenterTitle: "",
+      presenterBio: "",
+      presenterBioLink: "",
+    };
+  },
+});
+
+const emit = defineEmits(["clicked"]);
+
+const { presenter, enableBio, isSmallGroupedTrack, classObject } =
+  toRefs(props);
+const { fullName, titleCompany } = usePresenter(presenter);
+const { classBinding } = useClassBinding();
+
+// methods
+const handleClick = () => {
+  if (enableBio.value) {
+    emit("clicked");
+  }
+};
+</script>
+
+<template>
+  <div>
+    <div
+      :class="[
+        { 'flex-col': imagePosition !== Position.RIGHT },
+        { 'md:flex-row': imagePosition !== Position.TOP },
+        { 'flex-col-reverse': imagePosition === Position.RIGHT },
+        classBinding(
+          classObject,
+          'presenterContainer',
+          'flex-1 flex content-center items-center md:items-start'
+        ),
+      ]"
+    >
+      <div
+        v-if="presenter.photo && imagePosition !== Position.RIGHT"
+        :class="
+          classBinding(classObject, 'presenterImageContainer', 'shrink p-2')
+        "
+      >
+        <img
+          :src="presenter.photo"
+          :class="classBinding(classObject, 'presenterImage', '')"
+        />
+      </div>
+      <div
+        :class="
+          classBinding(
+            classObject,
+            'presenterTextContainer',
+            'flex flex-col text-center md:text-left self-center'
+          )
+        "
+      >
+        <p class="my-1">
+          <a
+            v-if="enableBio && bioLinkOnName"
+            class="cursor-pointer"
+            :class="classBinding(classObject, 'presenterNameLink', '')"
+            @click="handleClick()"
+            ><span :class="classBinding(classObject, 'presenterName', '')">
+              {{ fullName }}</span
+            ></a
+          >
+          <span v-else :class="classBinding(classObject, 'presenterName', '')">
+            {{ fullName }}
+          </span>
+          <span
+            v-if="presenter.role == 'moderator'"
+            :class="[
+              isSmallGroupedTrack ? 'new-line' : 'no-new-line',
+              classBinding(classObject, 'presenterRole', 'text-grey-dark'),
+            ]"
+            >Moderator</span
+          >
+          <span
+            v-if="titleCompany"
+            :class="[
+              isSmallGroupedTrack ? 'new-line' : 'new-line-responsive',
+              classBinding(
+                classObject,
+                'presenterTitle',
+                'font-light paragraph-color-1'
+              ),
+            ]"
+            >{{ titleCompany }}</span
+          >
+        </p>
+        <p
+          v-if="showBio && presenter.biography"
+          :class="
+            classBinding(
+              classObject,
+              'presenterBio',
+              'font-light text-base paragraph-color-1'
+            )
+          "
+          v-html="presenter.biography"
+        ></p>
+        <div v-if="enableBio && !bioLinkOnName" class="shrink">
+          <a
+            class="cursor-pointer"
+            :class="classBinding(classObject, 'presenterBioLink', '')"
+            @click="handleClick()"
+            >{{ bioLinkText }}
+          </a>
+        </div>
+      </div>
+      <div
+        v-if="presenter.photo && imagePosition === Position.RIGHT"
+        :class="
+          classBinding(classObject, 'presenterImageContainer', 'shrink p-2')
+        "
+      >
+        <img
+          :src="presenter.photo"
+          :class="classBinding(classObject, 'presenterImage', '')"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
 <style scoped>
 .new-line:before {
   content: "\a";
@@ -184,4 +184,4 @@ const handleClick = () => {
     white-space: normal;
   }
 }
-</style>
+</style>