@icvdeveloper/common-module 0.0.90 → 0.0.91

package/dist/module.json

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

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

@@ -1,705 +0,0 @@
-@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/auth/Ucc.vue

@@ -57,7 +57,9 @@ onMounted(() => {
   >
     <div id="uccEmailForm" class="ucc-form-container ucc-widgets-events" :class="(conference.state == 'live') ? 'block' : 'hidden'">
       <div>
-        <h1 class="ucc-form-header mb-0">Live Web Event Streaming Now</h1>
+        <h1 class="scala-bold text-red-500 text-xl text-center mb-0">
+          Live Web Event Streaming Now
+        </h1>
       </div>
       <div id="uccEmailFormInputs">
           <div class="ucc-form-field">

package/dist/runtime/components/core/SvgIcon.vue

@@ -119,8 +119,8 @@ const { classBinding } = useClassBinding();
 
 // computed
 const iconDims = computed(() => ({
-  width: width.value,
-  height: width.value,
+  minWidth: width.value,
+  minHeight: width.value,
 }));
 
 const iconStyle = computed(() => {

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

@@ -116,8 +116,9 @@ onMounted(() => {
               ),
             ]"
             @click.prevent="showItem(index)"
-            >{{ item.label }}</a
           >
+            <span v-html="item.label" />
+          </a>
         </li>
         <li
           v-if="webcastConference.agenda_enabled && !hasAgendaTab"
@@ -195,8 +196,9 @@ onMounted(() => {
                 ),
               ]"
               @click.prevent="showItem(index)"
-              >{{ item.label }}</a
             >
+              <span v-html="item.label" />
+            </a>
           </li>
           <li
             v-if="webcastConference.agenda_enabled && !hasAgendaTab"

package/dist/runtime/composables/useDateFormat.mjs

@@ -1,7 +1,7 @@
 import { format as formatTz } from "date-fns-tz";
 import { format, parseISO } from "date-fns";
 export const useDateFormat = () => {
-  const formatDate = (date, dateFormat = "MMMM do, Y") => {
+  const formatDate = (date, dateFormat = "MMMM d, Y") => {
     return format(new Date(parseISO(date)), dateFormat);
   };
   const formatTimezoneToLocal = (date, dateFormat, timezone) => {

package/package.json

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