@icvdeveloper/common-module 0.0.95 → 0.0.96

package/dist/module.json

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

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

@@ -0,0 +1,705 @@
+@charset "UTF-8";
+.bg-color-white {
+  background-color: #fff;
+}
+
+.bg-color-white-darker {
+  background-color: #f7f7f7;
+}
+
+.bg-color-1 {
+  background-color: #fbfbfb;
+}
+
+.bg-color-2 {
+  background-color: #fbfbfb;
+}
+
+.bg-color-3 {
+  background-color: #333333;
+}
+
+.bg-color-4 {
+  background-color: #333333;
+}
+
+.bg-color-5 {
+  background-color: #333333;
+}
+
+.bg-color-6 {
+  background-color: #333333;
+}
+
+.bg-color-link {
+  background-color: #7b8fd8;
+}
+
+.bg-color-1-darker {
+  background-color: #e2e2e2;
+}
+
+.bg-color-2-darker {
+  background-color: #e2e2e2;
+}
+
+.bg-color-3-darker {
+  background-color: #1a1a1a;
+}
+
+.bg-color-4-darker {
+  background-color: #1a1a1a;
+}
+
+.bg-color-5-darker {
+  background-color: #1a1a1a;
+}
+
+.bg-color-6-darker {
+  background-color: #1a1a1a;
+}
+
+.heading-color-1 {
+  color: #fbfbfb;
+}
+
+.heading-color-2 {
+  color: #fbfbfb;
+}
+
+.heading-color-3 {
+  color: #000000;
+}
+
+.heading-color-4 {
+  color: #000000;
+}
+
+.heading-color-5 {
+  color: #000000;
+}
+
+.heading-color-6 {
+  color: #000000;
+}
+
+.body-color-1 {
+  color: #000000;
+}
+
+.body-color-2 {
+  color: teal;
+}
+
+.body-color-3 {
+  color: #000000;
+}
+
+.body-color-4 {
+  color: #7b8fd8;
+}
+
+.body-color-5 {
+  color: #febb01;
+}
+
+.body-color-6 {
+  color: #febb01;
+}
+
+.paragraph-color-1 {
+  color: #000000;
+}
+
+.paragraph-color-2 {
+  color: #000000;
+}
+
+.nav-color-1 {
+  color: #fbfbfb;
+}
+
+.nav-color-2 {
+  color: #febb01;
+}
+
+.nav-color-3 {
+  color: #fbfbfb;
+}
+
+.nav-color-4 {
+  color: #e2e2e2;
+}
+
+.nav-color-5 {
+  color: #000000;
+}
+
+.button-color-1 {
+  background-color: #febb01;
+}
+
+.button-color-1-darker {
+  background-color: #cb9601;
+}
+
+.button-color-2 {
+  background-color: #7b8fd8;
+}
+
+.button-color-2-darker {
+  background-color: #546ecc;
+}
+
+.button-color-3 {
+  background-color: #7b8fd8;
+}
+
+.button-color-3-darker {
+  background-color: #546ecc;
+}
+
+.accent-color-1 {
+  color: #febb01;
+}
+
+.accent-color-2 {
+  color: #febb01;
+}
+
+.accent-color-3 {
+  color: #000000;
+}
+
+.border-color-1 {
+  border-color: #fbfbfb;
+}
+
+.border-color-2 {
+  border-color: #fbfbfb;
+}
+
+.border-color-3 {
+  border-color: #333333;
+}
+
+.border-color-4 {
+  border-color: #333333;
+}
+
+.border-color-5 {
+  border-color: #333333;
+}
+
+.border-color-accent-1 {
+  border-color: #febb01;
+}
+
+.border-color-accent-2 {
+  border-color: #febb01;
+}
+
+.border-color-accent-3 {
+  border-color: #000000;
+}
+
+.border-color-link {
+  border-color: #7b8fd8;
+}
+
+html {
+  background-color: #fbfbfb;
+  color: #000000;
+}
+
+body {
+  font-family: "Arial", "Helvetica", sans-serif;
+}
+
+a {
+  color: #7b8fd8;
+}
+a:hover {
+  color: #546ecc;
+}
+
+h1 {
+  font-family: "Arial", "Helvetica", sans-serif;
+}
+
+.font-body-1 {
+  font-family: "Arial", "Helvetica", sans-serif;
+}
+
+.font-body-2 {
+  font-family: "Arial", "Helvetica", sans-serif;
+}
+
+.font-heading-1 {
+  font-family: "Arial", "Helvetica", sans-serif;
+}
+
+.font-heading-2 {
+  font-family: "Arial", "Helvetica", sans-serif;
+}
+
+.grid {
+  display: grid;
+}
+
+.place-self-center {
+  place-self: center;
+}
+
+.text-xxs {
+  font-size: 0.5rem;
+}
+
+.section-header {
+  @apply mb-0 uppercase tracking-wide;
+}
+
+.section-subheader {
+  @apply tracking-wide font-thin;
+}
+
+.contrast-border {
+  border-color: #e3e1e1;
+}
+
+.presenter-icon {
+  @apply block mx-1;
+}
+.presenter-icon svg {
+  @apply w-6 h-auto;
+}
+
+.presenter-icon-small {
+  @apply block;
+  margin: 0 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 no-underline uppercase tracking-wide;
+  font-size: 0.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-wide;
+}
+
+.heading-secondary {
+  @apply heading-color-2 font-heading-2 leading-normal tracking-wide;
+}
+
+.heading-link {
+  color: #000000;
+}
+.heading-link:hover {
+  color: #404040;
+}
+
+.presenter-name {
+  @apply body-color-4 font-body-1;
+}
+
+.presenter-title {
+  @apply body-color-5 font-body-1;
+}
+
+.hr-heading {
+  display: grid;
+  width: auto;
+  align-items: center;
+  text-align: center;
+  grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
+  grid-gap: 0.3em;
+  margin-left: 1em;
+  margin-right: 1em;
+  color: #000000;
+}
+
+.hr-heading:before,
+.hr-heading:after {
+  content: "";
+  border-top: 1px solid;
+  border-color: #febb01;
+}
+
+.tabs-details {
+  max-height: 523px;
+  overflow-y: scroll;
+}
+.tabs-details li::before {
+  content: "—";
+  @apply text-center mr-4 body-color-1;
+  padding-bottom: 0.25rem;
+}
+
+.conf-name-alignment {
+  margin-top: -0.2em;
+}
+
+.invert {
+  transform: rotate(180deg);
+}
+
+.span-no-spacing {
+  margin-left: -3px;
+}
+
+.jw-text-track-cue {
+  font-family: "Arial", "Helvetica", sans-serif !important;
+  color: #ffffff !important;
+  background-color: rgba(0, 0, 0, 0.5) !important;
+}
+
+@keyframes slideInRight {
+  0% {
+    opacity: 0;
+    transform: translateX(-20px);
+  }
+  100% {
+    opacity: 1;
+    transform: translate(0);
+  }
+}
+.page-enter-active, .page-leave-active {
+  transition: opacity 250ms;
+}
+
+.page-enter, .page-leave-to {
+  opacity: 0;
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 0.5s;
+}
+
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+
+.slide-fade-enter-active {
+  transition: all 0.3s ease;
+}
+
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
+}
+
+.slide-fade-enter, .slide-fade-leave-to {
+  transform: translateY(-100px);
+  opacity: 0;
+}
+
+header {
+  /* mobile nav */
+}
+.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-wide 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;
+}
+
+.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;
+  }
+}
+:root {
+  --video-width: 640px;
+}
+
+.no-scrollbar {
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE 10+ */
+}
+
+.no-scrollbar::-webkit-scrollbar {
+  display: none; /* Chrome Safari */
+}
+
+.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;
+}
+@screen md {
+  .flex-ratio-container {
+    @apply relative flex-row;
+    padding-top: calc(36.69% + 0.4rem);
+    height: 0;
+  }
+}
+@screen lg {
+  .flex-ratio-container {
+    padding-top: calc(36.69% + 1.65rem + 1rem);
+    @apply mb-8;
+  }
+}
+
+.flex-ratio-audio-slide-container {
+  @apply flex flex-col w-full;
+}
+@screen xl {
+  .flex-ratio-audio-slide-container {
+    @apply relative flex-row mb-8;
+    padding-top: calc(36.69% + 1.9rem + 1rem);
+    height: 0;
+  }
+}
+
+.flex-ratio-audio-container {
+  @apply flex flex-col w-full;
+}
+
+.flex-ratio-slide-container {
+  @apply flex flex-col w-full;
+}
+@screen xl {
+  .flex-ratio-slide-container {
+    @apply relative flex-row mb-8;
+    padding-top: calc(36.69% + 1.9rem + 1rem);
+    height: 0;
+  }
+}
+
+.player-ratio-outer {
+  width: 100%;
+}
+@screen md {
+  .player-ratio-outer {
+    width: 65%;
+    @apply top-0 h-full absolute;
+  }
+}
+
+.player-ratio-inner {
+  @apply block;
+}
+
+.player-slide-ratio-outer {
+  width: 100%;
+}
+@screen xl {
+  .player-slide-ratio-outer {
+    width: 80%;
+    @apply top-0 h-full absolute;
+  }
+}
+
+.player-audio-ratio-outer {
+  width: 100%;
+}
+
+.content-ratio-outer {
+  @apply no-scrollbar w-full overflow-y-scroll;
+  max-height: 500px;
+}
+@screen md {
+  .content-ratio-outer {
+    width: 35%;
+    @apply top-0 h-full max-h-full absolute;
+  }
+}
+
+.content-slide-ratio-outer {
+  @apply no-scrollbar w-full overflow-y-scroll;
+  max-height: 500px;
+}
+@screen xl {
+  .content-slide-ratio-outer {
+    @apply top-0 h-full max-h-full absolute;
+    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;
+}
+@screen md {
+  .content-ratio-inner {
+    @apply p-2;
+  }
+}
+
+.bottom-tab-bar {
+  @apply relative pr-8 z-50;
+  width: 58%;
+  margin-top: -54px;
+}
+
+.webcast-sponsor {
+  max-height: 3.5rem;
+}
+@screen md {
+  .webcast-sponsor {
+    max-height: 3rem;
+  }
+}
+@screen xl {
+  .webcast-sponsor {
+    max-height: 5rem;
+  }
+}
+
+.agenda-tab-bg-color {
+  background-color: #0070FF;
+}
+
+.agenda-tab-active-bg-color {
+  background-color: #EB455A;
+}
+
+.agenda-tab-sponsor-bg-color {
+  background-color: #DEDEDE;
+}
+
+.agenda-tab-color {
+  color: #fff;
+}
+
+.agenda-track-bg-color {
+  background-color: #CADFFC;
+}
+
+.agenda-track-group-bg-color {
+  background-color: #aaa;
+}
+
+.agenda-grouped-track-color-1 {
+  background-color: #CADFFC;
+}
+
+.agenda-grouped-track-color-2 {
+  background-color: #CADFFC;
+}
+
+.agenda-grouped-track-color-3 {
+  background-color: #CADFFC;
+}
+
+.agenda-grouped-track-color-4 {
+  background-color: #CADFFC;
+}
+
+.agenda-grouped-track-text-color {
+  color: #000;
+}
+
+.agenda-presenter-color {
+  color: #EB455A;
+}
+.agenda-presenter-color:hover {
+  color: #e41932;
+}
+
+/** START Custom Classes **/
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-size: 14px;
+  font-weight: 400;
+}
+
+p {
+  margin-bottom: 1em;
+}
+
+h1 {
+  margin-bottom: 1em;
+}
+
+blockquote {
+  display: block;
+  margin-top: 1em;
+  margin-bottom: 1em;
+  margin-left: 40px;
+  margin-right: 40px;
+}
+
+/** END Custom Classes **/
+@tailwind utilities;

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

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { toRefs, computed, watch, onMounted, nextTick } from "vue";
+import { onBeforeRouteLeave } from "vue-router";
 import { get } from "lodash-es";
 import { Presentation, PlayerObj } from "../../models/conference";
 import { WebcastPlayerClassObj } from "../../@types/components";

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icvdeveloper/common-module",
-  "version": "0.0.95",
+  "version": "0.0.96",
   "license": "MIT",
   "type": "module",
   "exports": {