@icvdeveloper/common-module 0.0.41 → 0.0.43

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

@@ -297,7 +297,7 @@ const presentersContainer = computed(() => {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style scoped>
 .tracks-container {
   display: grid;
   grid-auto-columns: 1fr;
@@ -307,36 +307,42 @@ const presentersContainer = computed(() => {
   display: contents;
 }
 
-.tracks-container .track-container:nth-child(4n + 1) .track-header {
+.tracks-container .track-container:nth-child(4n+1) .track-header {
   grid-row: 1;
   grid-column: 1;
 }
-.tracks-container .track-container:nth-child(4n + 2) .track-header {
+
+.tracks-container .track-container:nth-child(4n+2) .track-header {
   grid-row: 1;
   grid-column: 2;
 }
-.tracks-container .track-container:nth-child(4n + 3) .track-header {
+
+.tracks-container .track-container:nth-child(4n+3) .track-header {
   grid-row: 1;
   grid-column: 3;
 }
-.tracks-container .track-container:nth-child(4n + 4) .track-header {
+
+.tracks-container .track-container:nth-child(4n+4) .track-header {
   grid-row: 1;
   grid-column: 4;
 }
 
-.tracks-container .track-container:nth-child(4n + 1) .track-sessions {
+.tracks-container .track-container:nth-child(4n+1) .track-sessions {
   grid-row: 2;
   grid-column: 1;
 }
-.tracks-container .track-container:nth-child(4n + 2) .track-sessions {
+
+.tracks-container .track-container:nth-child(4n+2) .track-sessions {
   grid-row: 2;
   grid-column: 2;
 }
-.tracks-container .track-container:nth-child(4n + 3) .track-sessions {
+
+.tracks-container .track-container:nth-child(4n+3) .track-sessions {
   grid-row: 2;
   grid-column: 3;
 }
-.tracks-container .track-container:nth-child(4n + 4) .track-sessions {
+
+.tracks-container .track-container:nth-child(4n+4) .track-sessions {
   grid-row: 2;
   grid-column: 4;
 }

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

@@ -129,32 +129,25 @@ const handleClick = () => {
   </div>
 </template>
 
-<style lang="scss">
-.small {
-  h2 {
-    font-size: 14px;
-  }
-
-  img {
-    max-height: 35px !important;
-  }
+<style>
+.small h2 {
+  font-size: 14px;
+}
+.small img {
+  max-height: 35px !important;
 }
 
-.medium {
-  h2 {
-    font-size: 0.9em;
-  }
-
-  img {
-    max-height: 40px;
-  }
+.medium h2 {
+  font-size: 0.9em;
+}
+.medium img {
+  max-height: 40px;
 }
 
 .default {
   width: 100%;
-
-  img {
-    max-height: 60px;
-  }
+}
+.default img {
+  max-height: 60px;
 }
 </style>

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

@@ -36,12 +36,13 @@ const toggle = () => {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style scoped>
 .slide-enter-active,
 .slide-leave-active {
   overflow: hidden;
   transition: all 0.4s ease;
 }
+
 .slide-enter,
 .slide-leave-to {
   transform-origin: top;
@@ -49,16 +50,18 @@ const toggle = () => {
   opacity: 0;
   height: -10px;
 }
+
 .chevron {
   transition: 0.3s all cubic-bezier(1, 0.25, 0.25, 0.8);
   will-change: transform;
-  &.down {
-    transform: rotate(90deg);
-  }
-  &.normal {
-    transform: rotate(0deg);
-  }
 }
+.chevron.down {
+  transform: rotate(90deg);
+}
+.chevron.normal {
+  transform: rotate(0deg);
+}
+
 .outline-none {
   outline: none;
 }

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

@@ -305,34 +305,35 @@ onMounted(() => {
   </div>
 </template>
 
-<style lang="scss" scoped>
-.countdown-timer.compact {
-  .countdown-container {
-    @apply pt-0 mx-0;
-  }
-  h1 {
-    @apply text-xl;
-  }
-  .units-container {
-    @apply p-4 mt-1;
-  }
-  .unit-container.windows {
-    width: 60px;
-  }
+<style scoped>
+.countdown-timer.compact .countdown-container {
+  @apply pt-0 mx-0;
+}
+.countdown-timer.compact h1 {
+  @apply text-xl;
+}
+.countdown-timer.compact .units-container {
+  @apply p-4 mt-1;
+}
+.countdown-timer.compact .unit-container.windows {
+  width: 60px;
 }
 
 /* label + number container */
 .item-container {
   @apply flex flex-col;
 }
+
 /* days hrs min sec labels */
 .unit-label-container {
   @apply text-xs font-light;
   height: 18px;
 }
+
 .unit-label-container.windows {
   @apply pb-4 uppercase tracking-wide;
 }
+
 .unit-label-container.dials {
   @apply mx-0;
   padding-top: 2px;
@@ -342,6 +343,7 @@ onMounted(() => {
   border-bottom: 1px solid #ddd;
   background-image: linear-gradient(#fafafa, #efefef, #e6e6e6);
 }
+
 .unit-label-container.dials.last {
   width: 67px;
 }
@@ -350,10 +352,12 @@ onMounted(() => {
 .unit-container {
   @apply flex text-center items-center justify-center overflow-hidden;
 }
+
 .unit-container.windows {
   @apply mx-1 px-2 border-4 rounded-lg shadow-md;
   width: 70px;
 }
+
 .unit-container.dials {
   @apply mx-0 shadow;
   width: 70px;
@@ -369,6 +373,7 @@ onMounted(() => {
   position: relative;
   overflow: hidden;
 }
+
 .dropshade:before,
 .dropshade:after {
   content: "";
@@ -380,56 +385,54 @@ onMounted(() => {
   -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
-  -webkit-border-radius: 15px / 80px;
-  -moz-border-radius: 15px / 80px;
-  border-radius: 10px / 80px;
-  background-image: linear-gradient(
-    rgba(0, 0, 0, 0),
-    rgba(0, 0, 0, 0),
-    rgba(0, 0, 0, 0.1)
-  );
+  -webkit-border-radius: 15px/80px;
+  -moz-border-radius: 15px/80px;
+  border-radius: 10px/80px;
+  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
 }
+
 .dropshade:before {
   left: -84px;
 }
+
 .dropshade:after {
   left: -14px;
 }
+
 .dropshade.last:after {
   left: -18px;
 }
 
 /* lg: dials */
 @screen lg {
-  .countdown-timer.fullsize {
-    .unit-container.windows,
-    .unit-container.dials {
-      width: 80px;
-      height: 46px;
-    }
-    .unit-label-container.dials.last {
-      width: 77px;
-    }
-    .dropshade:before {
-      left: -84px;
-    }
-    .dropshade:after {
-      left: -4px;
-    }
-    .dropshade.last:after {
-      left: -8px;
-    }
+  .countdown-timer.fullsize .unit-container.windows,
+  .countdown-timer.fullsize .unit-container.dials {
+    width: 80px;
+    height: 46px;
+  }
+  .countdown-timer.fullsize .unit-label-container.dials.last {
+    width: 77px;
+  }
+  .countdown-timer.fullsize .dropshade:before {
+    left: -84px;
+  }
+  .countdown-timer.fullsize .dropshade:after {
+    left: -4px;
+  }
+  .countdown-timer.fullsize .dropshade.last:after {
+    left: -8px;
   }
 }
-
 /* dials transitions */
 .slide-leave-active,
 .slide-enter-active {
   transition: 0.3s;
 }
+
 .slide-enter {
   transform: translate(0, -100%);
 }
+
 .slide-leave-active {
   transform: translate(0, 100%);
 }

package/dist/runtime/components/core/DynamicHtml.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     template: {
         type: StringConstructor;
         default: string;

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

@@ -68,18 +68,22 @@ const clicked = () => {
   </Transition>
 </template>
 
-<style lang="scss" scoped>
+<style scoped>
 .max-h-1em {
   max-height: 1em;
 }
+
 .bg-smoke-light {
   background-color: rgba(0, 0, 0, 0.4);
 }
-.custom-max-width {
-  @screen lg {
+
+@screen lg {
+  .custom-max-width {
     max-width: calc(var(--maxw) * 1.25);
   }
-  @screen xl {
+}
+@screen xl {
+  .custom-max-width {
     max-width: var(--maxw);
   }
 }

package/dist/runtime/components/events/ListEvents.vue

@@ -1,5 +1,8 @@
 <script lang="ts" setup>
+import { ref, toRefs, computed } from "vue";
 import { storeToRefs } from "pinia";
+import { useConferencesStore } from "../../store/conferences";
+import { useTemplateConfigsStore } from "../../store/templateConfigs";
 import { useDateFormat } from "../../composables/useDateFormat";
 import { useConferenceHelpers } from "../../composables/useConferenceHelpers";
 import { useEvents } from "../../composables/useEvents";
@@ -7,7 +10,12 @@ import { useClassBinding } from "../../composables/useClassBinding";
 import CommonSponsor from "../agenda/components/Sponsor.vue";
 import { Conference } from "../../models/conference";
 import { Position } from "../../enums/general";
-import { listEventsClassObj } from "../../@types/components";
+import {
+  listEventsClassObj,
+  listEventsCompObj,
+  countdownTimerClassObj,
+  sponsorClassObj,
+} from "../../@types/components";
 
 interface Props {
   showSponsors?: boolean;
@@ -39,7 +47,12 @@ const props = withDefaults(defineProps<Props>(), {
   borderPosition: Position.MIDDLE,
   countdownPosition: Position.BOTTOM,
   classObject: () => {
-    return {};
+    return {
+      components: ref<listEventsCompObj>({
+        countdownTimer: ref<countdownTimerClassObj>({}),
+        sponsor: ref<sponsorClassObj>({}),
+      }),
+    };
   },
 });
 
@@ -461,7 +474,7 @@ const showLoginButton = computed((): boolean => {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style scoped>
 .leading-tight {
   line-height: 1.25rem;
 }

package/dist/runtime/components/forms/Message.vue

@@ -24,7 +24,7 @@ const successClass = computed(() => {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style scoped>
 .message-base {
   @apply border font-bold px-4 py-3 mb-4 rounded relative;
 }

package/dist/runtime/components/forms/SwitchInput.vue

@@ -39,59 +39,44 @@ const toggle = () => {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style scoped>
 .switch-button-control {
   display: flex;
   flex-direction: row;
   align-items: center;
-
-  .switch-button {
-    $switch-button-height: 1.6em;
-    $switch-button-color: var(--color);
-    $switch-button-border-thickness: 2px;
-    $switch-transition: all 0.3s ease-in-out;
-    $switch-is-rounded: true;
-
-    height: $switch-button-height;
-    width: calc(#{$switch-button-height} * 2);
-    border: $switch-button-border-thickness solid $switch-button-color;
-    box-shadow: inset 0px 0px $switch-button-border-thickness 0px
-      rgba(0, 0, 0, 0.33);
-    border-radius: if($switch-is-rounded, $switch-button-height, 0);
-
-    transition: $switch-transition;
-
-    $button-side-length: calc(
-      #{$switch-button-height} - (2 * #{$switch-button-border-thickness})
+}
+.switch-button-control .switch-button {
+  height: 1.6em;
+  width: calc(1.6em * 2);
+  border: 2px solid var(--color);
+  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.33);
+  border-radius: 1.6em;
+  transition: all 0.3s ease-in-out;
+  cursor: pointer;
+}
+.switch-button-control .switch-button .button {
+  height: calc(
+      1.6em - (2 * 2px)
     );
-
-    cursor: pointer;
-
-    .button {
-      height: $button-side-length;
-      width: $button-side-length;
-      border: $switch-button-border-thickness solid $switch-button-color;
-      border-radius: if($switch-is-rounded, $button-side-length, 0);
-      background: $switch-button-color;
-
-      transition: $switch-transition;
-    }
-
-    &.enabled {
-      background-color: $switch-button-color;
-      box-shadow: none;
-
-      .button {
-        background: white;
-        transform: translateX(
-          calc(#{$button-side-length} + (2 *#{$switch-button-border-thickness}))
-        );
-      }
-    }
-  }
-
-  .switch-button-label {
-    margin-left: 10px;
-  }
+  width: calc(
+      1.6em - (2 * 2px)
+    );
+  border: 2px solid var(--color);
+  border-radius: calc(
+      1.6em - (2 * 2px)
+    );
+  background: var(--color);
+  transition: all 0.3s ease-in-out;
+}
+.switch-button-control .switch-button.enabled {
+  background-color: var(--color);
+  box-shadow: none;
+}
+.switch-button-control .switch-button.enabled .button {
+  background: white;
+  transform: translateX(calc(calc( 1.6em - (2 * 2px) ) + (2 *2px)));
+}
+.switch-button-control .switch-button-label {
+  margin-left: 10px;
 }
 </style>

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

@@ -161,18 +161,20 @@ const handleClick = () => {
   </div>
 </template>
 
-<style scoped lang="scss">
+<style scoped>
 .new-line:before {
-  content: "\a ";
+  content: "\a";
   white-space: pre;
 }
+
 .no-new-line:before {
   content: " - ";
   white-space: normal;
 }
+
 @media (max-width: 991px) {
   .new-line-responsive:before {
-    content: "\a ";
+    content: "\a";
     white-space: pre;
   }
 }

package/dist/runtime/composables/useAgenda.d.ts

@@ -1,6 +1,6 @@
 import { Ref, ComputedRef } from "nuxt/dist/app/compat/capi";
 import { Conference, Day, Presentation, Presenter, Sponsor, Track, TrackGroup } from "../models/conference";
-export declare type UseAgendaMethods = {
+export type UseAgendaMethods = {
     /**
      * conference days.
      */

package/dist/runtime/composables/useAnalytics.d.ts

@@ -1,4 +1,4 @@
-export declare type UseAnalyticsMethods = {
+export type UseAnalyticsMethods = {
     /**
      * Fire event to google analytics
      */

package/dist/runtime/composables/useAuth.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from "vue";
-export declare type UseAuthMethods = {
+export type UseAuthMethods = {
     isLoginDisabled: ComputedRef<boolean>;
 };
 export declare const useAuth: () => UseAuthMethods;

package/dist/runtime/composables/useClassBinding.d.ts

@@ -1,4 +1,4 @@
-export declare type UseClassBindingMethods = {
+export type UseClassBindingMethods = {
     classBinding(_classObject: {}, _element: string, _defaults: string): string;
 };
 export declare const useClassBinding: () => UseClassBindingMethods;

package/dist/runtime/composables/useConferenceHelpers.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from "vue";
 import { Conference } from "../models/conference";
-export declare type UseConferenceHelpersMethods = {
+export type UseConferenceHelpersMethods = {
     /**
      * Determine if conference is a single day event
      */

package/dist/runtime/composables/useDateFormat.d.ts

@@ -1,4 +1,4 @@
-export declare type DateFunctions = {
+export type DateFunctions = {
     /**
      * Takes a date string and converts it to a formatted date
      * e.g August 8, 2022

package/dist/runtime/composables/useEvents.d.ts

@@ -1,6 +1,6 @@
 import type { Ref, ComputedRef } from "vue";
 import { Conference, Sponsor } from "../models/conference";
-export declare type UseEventsMethods = {
+export type UseEventsMethods = {
     /**
      * determine if logged in
      */

package/dist/runtime/composables/useLogin.d.ts

@@ -1,6 +1,6 @@
 import type { Ref } from "vue";
 import { Conference } from "../models/conference";
-declare type UserLogin = {
+type UserLogin = {
     /**
      * Email input
      */

package/dist/runtime/composables/usePresentation.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from "nuxt/dist/app/compat/capi";
 import { Conference, Presentation, Track } from "../models/conference";
-export declare type UsePresentationMethods = {
+export type UsePresentationMethods = {
     /**
      * show session time
      */

package/dist/runtime/composables/usePresenter.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref } from "nuxt/dist/app/compat/capi";
 import { Presenter } from "../models/conference";
-export declare type UsePresenterMethods = {
+export type UsePresenterMethods = {
     fullName: ComputedRef<string>;
     titleCompany: ComputedRef<string>;
     imageHeight: ComputedRef<string>;

package/dist/runtime/composables/usePresenters.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from "nuxt/dist/app/compat/capi";
 import { Conference, Presenter } from "../models/conference";
-export declare type UsePresentersMethods = {
+export type UsePresentersMethods = {
     /**
      * get presenters label
      */

package/dist/runtime/composables/useRegistration.d.ts

@@ -1,4 +1,4 @@
-export declare type UseRegistrationMethods = {
+export type UseRegistrationMethods = {
     /**
      * Determine if the portal has townhall registration enabled.
      */

package/dist/runtime/models/affiliate.d.ts

@@ -1 +1 @@
-export declare type Affiliate = {};
+export type Affiliate = {};

package/dist/runtime/models/authUser.d.ts

@@ -1,4 +1,4 @@
-export declare type AuthUser = {
+export type AuthUser = {
     id?: string;
     email?: string;
     name?: string;