@icvdeveloper/common-module 2.0.0 → 2.1.0

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "v3plus-common-module",
   "configKey": "v3plusCommonModule",
-  "version": "2.0.0"
+  "version": "2.1.0"
 }

package/dist/module.mjs

@@ -31,6 +31,8 @@ var PresentationType = /* @__PURE__ */ ((PresentationType2) => {
   return PresentationType2;
 })(PresentationType || {});
 
+const PAGE_LENGTH = 15;
+
 const module = defineNuxtModule({
   meta: {
     name: "v3plus-common-module",
@@ -81,80 +83,82 @@ const module = defineNuxtModule({
     addPlugin(resolve(runtimeDir, "plugin"));
     nuxt.options.css.push("nprogress/nprogress.css");
     if (options.compileCss) {
-      nuxt.options.css.push(join(runtimeDir, "assets/scss/index.scss"));
+      nuxt.options.css.push(join(runtimeDir, "assets/scss/index.css"));
     } else {
       nuxt.options.css.push(join(runtimeDir, "assets/scss/index.css"));
     }
     if (nuxt.options.vite.optimizeDeps) {
-      nuxt.options.vite.optimizeDeps.include = ["nprogress"];
+      nuxt.options.vite.optimizeDeps.include = ["nprogress", "lodash-es", "pusher-js"];
     } else {
       nuxt.options.vite.optimizeDeps = {
-        include: ["nprogress"]
+        include: ["nprogress", "lodash-es", "pusher-js"]
       };
     }
+    addImportsDir(join(runtimeDir, "models"));
+    addImportsDir(join(runtimeDir, "@types"));
     addImportsDir(join(runtimeDir, "store"));
     addImportsDir(join(runtimeDir, "composables"));
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/core"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/auth"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/agenda"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/events"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/forms"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/affiliates"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/layouts"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/presenters"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/profile"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/support"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/media"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/registration"),
       extensions: ["vue"],
       prefix: "Common"
     });
-    addComponentsDir({
+    await addComponentsDir({
       path: join(runtimeDir, "components/chat"),
       extensions: ["vue"],
       prefix: "Common"
@@ -180,4 +184,4 @@ const module = defineNuxtModule({
   }
 });
 
-export { ConferenceState, PresentationType, module as default };
+export { ConferenceState, PAGE_LENGTH, PresentationType, module as default };

package/dist/runtime/analytics.d.ts

@@ -1,8 +1,3 @@
-import { AnalyticsInstance } from "analytics";
-export type Analytics = {
-    readonly _analytics: AnalyticsInstance | null;
-    create: (id: string, userId: number) => void;
-    click: (event: string, label: string) => void;
-};
+import type { Analytics } from './models/analytics';
 declare const _default: () => Analytics;
 export default _default;

package/dist/runtime/assets/scss/_agenda.css

@@ -0,0 +1 @@
+@import "./_variables2.css";.agenda-tab-bg-color{background-color:var(--agenda-tab-bg-color)}.agenda-tab-active-bg-color{background-color:var(--agenda-tab-active-bg-color)}.agenda-tab-sponsor-bg-color{background-color:var(--agenda-tab-sponsor-bg-color)}.agenda-tab-color{color:var(--agenda-tab-color)}.agenda-track-bg-color{background-color:var(--agenda-track-bg-color)}.agenda-track-group-bg-color{background-color:var(--agenda-track-group-bg-color)}.agenda-grouped-track-color-1{background-color:var(--agenda-grouped-track-color-1)}.agenda-grouped-track-color-2{background-color:var(--agenda-grouped-track-color-2)}.agenda-grouped-track-color-3{background-color:var(--agenda-grouped-track-color-3)}.agenda-grouped-track-color-4{background-color:var(--agenda-grouped-track-color-4)}.agenda-grouped-track-text-color{color:var(--agenda-grouped-track-text-color)}.agenda-presenter-color{color:var(--agenda-presenter-color)}.agenda-presenter-color:hover{color:darken(var(--agenda-presenter-color),10)}

package/dist/runtime/assets/scss/_animations.css

@@ -0,0 +1 @@
+@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translate(0)}}

package/dist/runtime/assets/scss/_container_variants.css

@@ -0,0 +1 @@
+.container-1\/2{width:100%}@screen sm{.container-1\/2{max-width:288px}}@screen md{.container-1\/2{max-width:384px}}@screen lg{.container-1\/2{max-width:496px}}@screen xl{.container-1\/2{max-width:600px}}

package/dist/runtime/assets/scss/_custom.css

@@ -0,0 +1,3 @@
+@import "./_variables.css";.bg-color-white{background-color:#fff}.bg-color-white-darker{background-color:darken(#fff,3)}.bg-color-1{background-color:var(--global-color-1)}.bg-color-2{background-color:var(--global-color-2)}.bg-color-3{background-color:var(--global-color-3)}.bg-color-4{background-color:var(--global-color-4)}.bg-color-5{background-color:var(--global-color-5)}.bg-color-6{background-color:var(--global-color-6)}.bg-color-link{background-color:var(--link-color)}.bg-color-1-darker{background-color:darken(var(--global-color-1,10%))}.bg-color-2-darker{background-color:darken(var(--global-color-2,10%))}.bg-color-3-darker{background-color:darken(var(--global-color-3,10%))}.bg-color-4-darker{background-color:darken(var(--global-color-4,10%))}.bg-color-5-darker{background-color:darken(var(--global-color-5,10%))}.bg-color-6-darker{background-color:darken(var(--global-color-6,10%))}.heading-color-1{color:var(--heading-color-1)}.heading-color-2{color:var(--heading-color-2)}.heading-color-3{color:var(--heading-color-3)}.heading-color-4{color:var(--heading-color-4)}.heading-color-5{color:var(--heading-color-5)}.heading-color-6{color:var(--heading-color-6)}.body-color-1{color:var(--body-color-1)}.body-color-2{color:var(--body-color-2)}.body-color-3{color:var(--body-color-3)}.body-color-4{color:var(--body-color-4)}.body-color-5{color:var(--body-color-5)}.body-color-6{color:var(--body-color-6)}.paragraph-color-1{color:var(--paragraph-color-1)}.paragraph-color-2{color:var(--paragraph-color-2)}.nav-color-1{color:var(--nav-color-1)}.nav-color-2{color:var(--nav-color-2)}.nav-color-3{color:var(--nav-color-3)}.nav-color-4{color:var(--nav-color-4)}.nav-color-5{color:var(--nav-color-5)}.button-color-1{background-color:var(--button-color-1)}.button-color-1-darker{background-color:darken(var(--button-color-1,10%))}.button-color-2{background-color:var(--button-color-2)}.button-color-2-darker{background-color:darken(var(--button-color-2,10%))}.button-color-3{background-color:var(--button-color-3)}.button-color-3-darker{background-color:darken(var(--button-color-3,10%))}.accent-color-1{color:var(--accent-color-1)}.accent-color-2{color:var(--accent-color-2)}.accent-color-3{color:var(--accent-color-3)}.border-color-1{border-color:var(--global-color-1)}.border-color-2{border-color:var(--global-color-2)}.border-color-3{border-color:var(--global-color-3)}.border-color-4{border-color:var(--global-color-4)}.border-color-5{border-color:var(--global-color-5)}.border-color-accent-1{border-color:var(--accent-color-1)}.border-color-accent-2{border-color:var(--accent-color-2)}.border-color-accent-3{border-color:var(--accent-color-3)}.border-color-link{border-color:var(--link-color)}html{background-color:var(--global-color-1);color:var(--paragraph-color-1)}body{font-family:var(--font-body-1)}a{color:var(--link-color)}a:hover{color:var(--link-hover)}h1{font-family:var(--font-heading-1)}.font-body-1{font-family:var(--font-body-1)}.font-body-2{font-family:var(--font-body-2)}.font-heading-1{font-family:var(--font-heading-1)}.font-heading-2{font-family:var(--font-heading-2)}@if variable-exists(presenter-name-color){#page-presenters .presenter-name-color{color:var(--presenter-name-color)}}@if variable-exists(presenter-title-color){#page-presenters .presenter-title-color{color:var(--presenter-title-color)}}.grid{display:grid}.place-self-center{place-self:center}.text-xxs{font-size:.5rem}.section-header{@apply mb-0 uppercase tracking-wider}.section-subheader{@apply tracking-wider font-extralight}.contrast-border{border-color:saturate(mix(var(--global-color-1),desaturate(invert(var(--global-color-1)),100%),90%),5%)}.presenter-icon{@apply block mx-1}.presenter-icon svg{@apply w-6 h-auto}.presenter-icon-small{@apply block;margin:0 .2rem}.presenter-icon-small svg{@apply w-4 h-auto}.flex-basis-3{flex-basis:33%}.flex-basis-4{flex-basis:25%}.flex-basis-5{flex-basis:20%}.primary-link{@apply uppercase tracking-wider;font-size:.65rem}.body-copy{@apply paragraph-color-1 font-body-1 text-base leading-normal}.heading-primary{@apply heading-color-1 font-heading-1 leading-normal tracking-wider}.heading-secondary{@apply heading-color-2 font-heading-2 leading-normal tracking-wider}.heading-link{color:var(--body-color-3)}.heading-link:hover{color:saturate(mix(var(--body-color-3),desaturate(invert(var(--body-color-3)),100%),75%),0)}.presenter-name{@apply body-color-4 font-body-1}.presenter-title{@apply body-color-5 font-body-1}.hr-heading{align-items:center;display:grid;grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);text-align:center;width:auto;grid-gap:.3em;color:var(--heading-color-5);margin-left:1em;margin-right:1em}.hr-heading:after,.hr-heading:before{border-top:1px solid;border-color:var(--accent-color-2);content:""}.tabs-details{max-height:523px;overflow-y:scroll}.tabs-details li:before{content:"—";@apply text-center mr-4 body-color-1;padding-bottom:.25rem}.conf-name-alignment{margin-top:-.2em}.invert{transform:rotate(180deg)}.span-no-spacing{margin-left:-3px}@if variable-exists(captions-font) and
+  variable-exists(captions-text-color) and
+  variable-exists(captions-bg-color){.jw-text-track-cue{background-color:var(--captions-bg-color)!important;color:var(--captions-text-color)!important;font-family:var(--captions-font)!important}}

package/dist/runtime/assets/scss/_forms.css

@@ -0,0 +1 @@
+.form-input{@apply border rounded w-full py-2 px-3 text-gray-600 leading-tight}.form-input:focus{@apply outline-none shadow}.select-input{@apply border rounded w-full text-gray-600 leading-tight py-1 px-2 h-auto}.select-input:focus{@apply outline-none}.btn{@apply button-color-1 text-white tracking-wider font-bold uppercase py-2 px-4 rounded}.btn:hover{@apply button-color-1-darker}.btn-secondary{@apply text-white button-color-2}.btn-secondary:hover{@apply button-color-2-darker}

package/dist/runtime/assets/scss/_index_production.css

@@ -0,0 +1 @@
+@tailwind base;@tailwind components;@import "./_variables.css";@import "./_variables2.css";@import "./_custom.css";@import "./_functions.css";@import "./_animations.css";@import "./_transitions.css";@import "./_header.css";@import "./_footer.css";@import "./_forms.css";@import "./_container_variants.css";@import "./_webcast.css";@import "./_agenda.css";*{box-sizing:border-box;margin:0;padding:0}body{font-size:14px;font-weight:400}h1,p{margin-bottom:1em}blockquote{display:block;margin:1em 40px}@tailwind utilities;

package/dist/runtime/assets/scss/_transitions.css

@@ -0,0 +1 @@
+.page-enter-active,.page-leave-active{transition:opacity .25s}.page-enter,.page-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{opacity:0;transform:translateY(-100px)}

package/dist/runtime/assets/scss/_variables.css

@@ -0,0 +1 @@
+:root{--global-color-1:#fbfbfb;--global-color-2:#fbfbfb;--global-color-3:#333;--global-color-4:#333;--global-color-5:#333;--global-color-6:#333;--heading-color-1:#fbfbfb;--heading-color-2:#fbfbfb;--heading-color-3:#000;--heading-color-4:#000;--heading-color-5:#000;--heading-color-6:#000;--body-color-1:#000;--body-color-2:teal;--body-color-3:#000;--body-color-4:#7b8fd8;--body-color-5:#febb01;--body-color-6:#febb01;--paragraph-color-1:#000;--paragraph-color-2:#000;--nav-color-1:#fbfbfb;--nav-color-2:#febb01;--nav-color-3:#fbfbfb;--nav-color-4:hsl(from var(--nav-color-3) h s 60%);--nav-color-5:#000;--accent-color-1:#febb01;--accent-color-2:#febb01;--accent-color-3:#000;--link-color:#7b8fd8;--link-hover:hsl(from var(--link-color) h s 60%);--button-color-1:#febb01;--button-color-2:#7b8fd8;--button-color-3:#7b8fd8;--font-body-1:"Arial","Helvetica",sans-serif;--font-body-2:"Arial","Helvetica",sans-serif;--font-heading-1:"Arial","Helvetica",sans-serif;--font-heading-2:"Arial","Helvetica",sans-serif;--captions-font:"Arial","Helvetica",sans-serif;--captions-text-color:#fff;--captions-bg-color:rgba(0,0,0,.5);--agenda-tab-bg-color:#0070ff;--agenda-tab-active-bg-color:#eb455a;--agenda-tab-sponsor-bg-color:#dedede;--agenda-tab-color:#fff;--agenda-track-bg-color:#cadffc;--agenda-track-group-bg-color:#aaa;--agenda-grouped-track-color-1:#cadffc;--agenda-grouped-track-color-2:#cadffc;--agenda-grouped-track-color-3:#cadffc;--agenda-grouped-track-color-4:#cadffc;--agenda-grouped-track-text-color:#000;--agenda-presenter-color:#eb455a}

package/dist/runtime/assets/scss/_webcast.css

@@ -0,0 +1 @@
+:root{--video-width:640px}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.expand-overlay>a{@apply cursor-pointer text-white rounded-sm p-1 bg-gray-500 inline-block}.pop-window{border-style:solid;border-width:1px;@apply border-gray-500}.pop-window-active{border-style:dashed!important;border-width:1px;@apply border-gray-600}.flex-ratio-container{@apply flex flex-col w-full md:relative md:flex-row lg:mb-8;@screen md{height:0;padding-top:calc(36.69% + .4rem)}@screen lg{padding-top:calc(36.69% + 2.65rem)}}.flex-ratio-audio-slide-container{@apply flex flex-col w-full xl:relative xl:flex-row xl:mb-8;@screen xl{height:0;padding-top:calc(36.69% + 2.9rem)}}.flex-ratio-audio-container{@apply flex flex-col w-full}.flex-ratio-slide-container{@apply flex flex-col w-full xl:relative xl:flex-row xl:mb-8;@screen xl{height:0;padding-top:calc(36.69% + 2.9rem)}}.player-ratio-outer{width:100%;@apply md:top-0 md:h-full md:absolute;@screen md{width:65%}}.player-ratio-inner{@apply block}.player-slide-ratio-outer{width:100%;@apply xl:top-0 xl:h-full xl:absolute;@screen xl{width:80%}}.player-audio-ratio-outer{width:100%}.content-ratio-outer{@apply no-scrollbar w-full overflow-y-scroll md:top-0 md:h-full md:max-h-full md:absolute;max-height:500px;@screen md{width:35%}}.content-slide-ratio-outer{@apply no-scrollbar w-full overflow-y-scroll xl:top-0 xl:h-full xl:max-h-full xl:absolute;max-height:500px;@screen xl{width:20%}}.content-audio-ratio-outer{@apply no-scrollbar w-full overflow-y-scroll;max-height:500px}.content-ratio-inner{@apply block h-full pb-2 px-2 no-scrollbar md:p-2}.bottom-tab-bar{@apply relative pr-8 z-50;margin-top:-54px;width:58%}.webcast-sponsor{max-height:3.5rem;@screen md{max-height:3rem}@screen xl{max-height:5rem}}

package/dist/runtime/assets/scss/index.css

@@ -0,0 +1 @@
+@import "./_variables.css";@import "./_custom.css";@import "./_animations.css";@import "./_transitions.css";@import "./_header.css";@import "./_footer.css";@import "./_forms.css";@import "./_container_variants.css";@import "./_webcast.css";@import "./_agenda.css";*{box-sizing:border-box;margin:0;padding:0}body{font-size:14px;font-weight:400}h1,p{margin-bottom:1em}blockquote{display:block;margin:1em 40px}@tailwind utilities;

package/dist/runtime/components/affiliates/AffiliateModal.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { refs, toRefs, computed } from "vue";
+import { toRefs, computed } from "vue";
 import { storeToRefs } from "pinia";
 import { useTemplateConfigsStore } from "../../store/templateConfigs";
 import type { Affiliate } from "../../models/conference";

package/dist/runtime/components/affiliates/AffiliatePage.vue

@@ -114,7 +114,7 @@ onMounted(() => {
     <div
       v-if="getAffiliateContentItem('html_vanity_page')"
       v-html="getAffiliateContentItem('html_vanity_page')"
-    ></div>
+    />
 
     <div v-else>
       <div
@@ -126,8 +126,11 @@ onMounted(() => {
           )
         "
       >
-        <div v-if="affiliate.photo" class="mb-6 md:mb-0">
-          <img :src="affiliate.photo" />
+        <div
+          v-if="affiliate.photo"
+          class="mb-6 md:mb-0"
+        >
+          <img :src="affiliate.photo">
         </div>
         <div
           v-if="!affiliate.photo"
@@ -162,21 +165,14 @@ onMounted(() => {
           "
         >
           <p>
-            <span v-if="affiliate.contact_address"
-              >{{ affiliate.contact_address }}<br
-            /></span>
-            <span v-if="affiliate.contact_location"
-              >{{ affiliate.contact_location }}<br
-            /></span>
-            <span v-if="affiliate.website"
-              ><a
-                @click="fireAnalytics('website')"
-                class="affiliate-website"
-                :href="affiliate.website"
-                target="_blank"
-                >{{ affiliate.website }}</a
-              ><br
-            /></span>
+            <span v-if="affiliate.contact_address">{{ affiliate.contact_address }}<br></span>
+            <span v-if="affiliate.contact_location">{{ affiliate.contact_location }}<br></span>
+            <span v-if="affiliate.website"><a
+              class="affiliate-website"
+              :href="affiliate.website"
+              target="_blank"
+              @click="fireAnalytics('website')"
+            >{{ affiliate.website }}</a><br></span>
           </p>
           <span
             :class="
@@ -188,52 +184,44 @@ onMounted(() => {
             "
           >
             <a
-              @click="fireAnalytics('twitter')"
               v-if="affiliate.twitter_url"
               :href="affiliate.twitter_url"
               target="_blank"
               class="affiliate-twitter"
               :aria-label="affiliate.name + ` Twitter Page`"
+              @click="fireAnalytics('twitter')"
             >
-              <span class="presenter-icon"
-                ><CommonSvgIcon icon="twitter"></CommonSvgIcon
-              ></span>
+              <span class="presenter-icon"><CommonSvgIcon icon="twitter" /></span>
             </a>
             <a
-              @click="fireAnalytics('facebook')"
               v-if="affiliate.facebook_url"
               :href="affiliate.facebook_url"
               target="_blank"
               class="affiliate-facebook"
               :aria-label="affiliate.name + ` Facebook Page`"
+              @click="fireAnalytics('facebook')"
             >
-              <span class="presenter-icon"
-                ><CommonSvgIcon icon="facebook"></CommonSvgIcon
-              ></span>
+              <span class="presenter-icon"><CommonSvgIcon icon="facebook" /></span>
             </a>
             <a
-              @click="fireAnalytics('linked_in')"
               v-if="affiliate.linkedin_url"
               :href="affiliate.linkedin_url"
               target="_blank"
               class="affiliate-linkedin"
               :aria-label="affiliate.name + ` LinkedIn Page`"
+              @click="fireAnalytics('linked_in')"
             >
-              <span class="presenter-icon"
-                ><CommonSvgIcon icon="linkedin"></CommonSvgIcon
-              ></span>
+              <span class="presenter-icon"><CommonSvgIcon icon="linkedin" /></span>
             </a>
             <a
-              @click="fireAnalytics('youtube')"
               v-if="affiliate.youtube_url"
               :href="affiliate.youtube_url"
               target="_blank"
               class="affiliate-youtube"
               :aria-label="affiliate.name + ` YouTube Page`"
+              @click="fireAnalytics('youtube')"
             >
-              <span class="presenter-icon"
-                ><CommonSvgIcon icon="youtube"></CommonSvgIcon
-              ></span>
+              <span class="presenter-icon"><CommonSvgIcon icon="youtube" /></span>
             </a>
           </span>
         </div>
@@ -241,7 +229,6 @@ onMounted(() => {
 
       <div
         v-if="getAffiliateContentItem('html_header')"
-        v-html="getAffiliateContentItem('html_header')"
         :class="
           classBinding(
             classObject,
@@ -249,10 +236,10 @@ onMounted(() => {
             'w-full mt-5 text-center md:text-left'
           )
         "
-      ></div>
+        v-html="getAffiliateContentItem('html_header')"
+      />
       <div
         v-if="affiliate.biography"
-        v-html="affiliate.biography"
         :class="
           classBinding(
             classObject,
@@ -260,7 +247,8 @@ onMounted(() => {
             'w-full mt-5 text-center md:text-left'
           )
         "
-      ></div>
+        v-html="affiliate.biography"
+      />
       <div
         v-if="contentCount > 0"
         class="grid-container-responsive"
@@ -274,16 +262,20 @@ onMounted(() => {
       >
         <div v-if="affiliate.documents.length > 0">
           <div :class="classBinding(classObject, 'affiliateContentBox', '')">
-            <h3 class="mb-3">Documents</h3>
-            <span v-for="document in affiliate.documents" :key="document.id">
+            <h3 class="mb-3">
+              Documents
+            </h3>
+            <span
+              v-for="document in affiliate.documents"
+              :key="document.id"
+            >
               <div class="mb-2">
                 <a
-                  @click="fireAnalytics('document-' + document.name)"
                   class="affiliate-document"
                   :href="document.url"
                   target="_blank"
-                  >{{ document.name }}</a
-                >
+                  @click="fireAnalytics('document-' + document.name)"
+                >{{ document.name }}</a>
               </div>
             </span>
           </div>
@@ -293,36 +285,35 @@ onMounted(() => {
             <div
               v-if="
                 affiliate.videos.length == 1 &&
-                getAffiliateContentItem('embed_video') == 1
+                  getAffiliateContentItem('embed_video') == 1
               "
             >
               <iframe
                 :src="getStreamingVideoUrl(affiliate.videos[0].url)"
                 width="100%"
                 style="max-width: 300px; margin: auto"
-                scrolling="no"
-                frameborder="0"
-                marginheight="0"
-                marginwidth="0"
                 allowfullscreen=""
-              >
-              </iframe>
+              />
             </div>
             <div v-else>
-              <h3 class="mb-3">Videos</h3>
+              <h3 class="mb-3">
+                Videos
+              </h3>
               <input
+                id="affiliateName"
                 name="affiliateName"
                 type="hidden"
-                id="affiliateName"
                 :value="affiliate.name"
-              />
-              <span v-for="video in affiliate.videos" :key="video.id">
+              >
+              <span
+                v-for="video in affiliate.videos"
+                :key="video.id"
+              >
                 <div class="mb-2">
                   <a
                     class="affiliate-video-trigger hover:cursor-pointer"
                     @click="openVideoModal(video.name, video.url)"
-                    >{{ video.name }}</a
-                  >
+                  >{{ video.name }}</a>
                 </div>
               </span>
             </div>
@@ -330,16 +321,20 @@ onMounted(() => {
         </div>
         <div v-if="affiliate.links.length > 0">
           <div :class="classBinding(classObject, 'affiliateContentBox', '')">
-            <h3 class="mb-3">Links</h3>
-            <span v-for="link in affiliate.links" :key="link.id">
+            <h3 class="mb-3">
+              Links
+            </h3>
+            <span
+              v-for="link in affiliate.links"
+              :key="link.id"
+            >
               <div class="mb-2">
                 <a
-                  @click="fireAnalytics('external_link-' + link.name)"
                   :href="link.url"
                   class="affiliate-link"
                   target="_blank"
-                  >{{ link.name }}</a
-                >
+                  @click="fireAnalytics('external_link-' + link.name)"
+                >{{ link.name }}</a>
               </div>
             </span>
           </div>
@@ -353,35 +348,31 @@ onMounted(() => {
           <div
             v-if="getAffiliateContentItem('custom_box_1')"
             v-html="getAffiliateContentItem('custom_box_1')"
-          ></div>
+          />
           <div v-else-if="hasContactInfo">
             <div class="flex flex-col md:flex-row">
               <div
                 v-if="affiliate.contact_photo"
                 class="mr-4 w-1/3 mb-3 md:mb-0 self-center md:self-start"
               >
-                <img :src="affiliate.contact_photo" class="w-full" />
+                <img
+                  :src="affiliate.contact_photo"
+                  class="w-full"
+                >
               </div>
               <div class="text-center md:text-left">
                 <p>Contact:</p>
                 <p>
-                  <span v-if="affiliate.contact_name"
-                    >{{ affiliate.contact_name }}<br
-                  /></span>
-                  <span v-if="affiliate.contact_title"
-                    >{{ affiliate.contact_title }}<br
-                  /></span>
-                  <span v-if="affiliate.contact_phone"
-                    >Phone: {{ affiliate.contact_phone }}<br
-                  /></span>
+                  <span v-if="affiliate.contact_name">{{ affiliate.contact_name }}<br></span>
+                  <span v-if="affiliate.contact_title">{{ affiliate.contact_title }}<br></span>
+                  <span v-if="affiliate.contact_phone">Phone: {{ affiliate.contact_phone }}<br></span>
                   <span v-if="affiliate.contact_email">
                     <a
-                      @click="fireAnalytics('contact_email')"
                       class="affiliate-email"
                       :href="'mailto:' + affiliate.contact_email"
+                      @click="fireAnalytics('contact_email')"
                     >
-                      {{ affiliate.contact_email }} </a
-                    ><br />
+                      {{ affiliate.contact_email }} </a><br>
                   </span>
                 </p>
               </div>
@@ -460,12 +451,12 @@ onMounted(() => {
                 </span>
               </a>
               <a
-                @click="fireAnalytics('youtube')"
                 v-if="affiliate.youtube_url"
                 :href="affiliate.youtube_url"
                 target="_blank"
                 class="affiliate-youtube"
                 :aria-label="affiliate.name + ` YouTube Page`"
+                @click="fireAnalytics('youtube')"
               >
                 <span class="presenter-icon">
                   <CommonSvgIcon icon="youtube" />
@@ -480,8 +471,8 @@ onMounted(() => {
     <CommonModal
       :visible="showVideoModal"
       modal-size="lg"
-      @clicked="showVideoModal = false"
       class="video-dialog"
+      @clicked="showVideoModal = false"
     >
       <template #modal-title>
         <div class="p-1 pb-2">
@@ -495,13 +486,8 @@ onMounted(() => {
             :src="modalVideoUrl"
             width="640"
             height="360"
-            scrolling="no"
-            frameborder="0"
-            marginheight="0"
-            marginwidth="0"
             allowfullscreen=""
-          >
-          </iframe>
+          />
         </div>
       </template>
     </CommonModal>
@@ -509,26 +495,5 @@ onMounted(() => {
 </template>
 
 <style scoped>
-.grid-container-responsive {
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-column-gap: 20px;
-  grid-row-gap: 20px;
-}
-@media (min-width: 768px) {
-  .grid-container-responsive {
-    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
-  }
-}
-.video-dialog >>> .modal-box {
-  width: 704px;
-}
-.video-frame {
-  display: block;
-  width: 640px;
-  margin-left: auto;
-  margin-right: auto;
-  padding-left: auto;
-  padding-right: auto;
-}
+.grid-container-responsive{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media (min-width:768px){.grid-container-responsive{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.video-dialog>>>.modal-box{width:704px}.video-frame{display:block;margin-left:auto;margin-right:auto;width:640px}
 </style>