@icvdeveloper/common-module 0.0.1

package/dist/runtime/@types/configVariables.d.ts

@@ -0,0 +1,78 @@
+export declare type ColorVariable = {
+    value: string;
+    class: string;
+    label: string;
+    name: string;
+    variable: string;
+};
+export declare type HTMLVariable = {
+    label: string;
+    name: string;
+    type: string;
+    value: string;
+};
+export declare type ToggleVariable = {
+    class: string;
+    label: string;
+    name: string;
+    type: string;
+    value: boolean;
+};
+export declare type SelectVariable = {
+    label: string;
+    name: string;
+    type: string;
+    value: string;
+};
+export declare type NumberVariable = {
+    label: string;
+    name: string;
+    note: string;
+    type: string;
+    value: string;
+};
+export declare type ImageVariable = {
+    label: string;
+    name: string;
+    type: string;
+    value: string;
+};
+export declare type TextVariable = {
+    label: string;
+    name: string;
+    type: string;
+    value: string;
+};
+export declare type TogglePlusLabelVariable = {
+    label: string;
+    name: string;
+    type: string;
+    value: {
+        enabled: boolean;
+        label: string;
+    };
+};
+export declare type DragPlusToggleVariable = {
+    label: string;
+    name: string;
+    type: string;
+    value: Array<{
+        enabled: boolean;
+        label: string;
+        name: string;
+        order: number;
+    }>;
+};
+export declare type FontVariable = {
+    label: string;
+    name: string;
+    type: string;
+    value: string;
+    variable: string;
+};
+export declare type TextAreaVariable = {
+    label: string;
+    name: string;
+    type: string;
+    value: string;
+};

package/dist/runtime/analytics.d.ts

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

package/dist/runtime/analytics.mjs

@@ -0,0 +1,38 @@
+import AnalyticsPlugin from "analytics";
+import GoogleAnalytics from "@analytics/google-analytics";
+export default () => {
+  let _analytics = null;
+  const create = (trackingId, userId) => {
+    _analytics = AnalyticsPlugin({
+      app: "portal",
+      plugins: [
+        GoogleAnalytics({
+          trackingId,
+          customDimensions: {
+            userId
+          }
+        })
+      ]
+    });
+    if (userId) {
+      _analytics.page({ userId });
+    } else {
+      _analytics.page();
+    }
+  };
+  const click = (event, label) => {
+    if (_analytics) {
+      _analytics.track(event, {
+        category: "Click",
+        label
+      });
+    } else {
+      console.warn("analytics has not been setup");
+    }
+  };
+  return {
+    _analytics,
+    create,
+    click
+  };
+};

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

@@ -0,0 +1,47 @@
+.agenda-tab-bg-color {
+  background-color: $agenda-tab-bg-color;
+}
+
+.agenda-tab-active-bg-color {
+  background-color: $agenda-tab-active-bg-color;
+}
+
+.agenda-tab-sponsor-bg-color {
+  background-color: $agenda-tab-sponsor-bg-color;
+}
+
+.agenda-tab-color {
+  color: $agenda-tab-color;
+}
+
+.agenda-track-bg-color {
+  background-color: $agenda-track-bg-color;
+}
+
+.agenda-track-group-bg-color {
+  background-color: $agenda-track-group-bg-color;
+}
+
+.agenda-grouped-track-color-1 {
+  background-color: $agenda-grouped-track-color-1;
+}
+.agenda-grouped-track-color-2 {
+  background-color: $agenda-grouped-track-color-2;
+}
+.agenda-grouped-track-color-3 {
+  background-color: $agenda-grouped-track-color-3;
+}
+.agenda-grouped-track-color-4 {
+  background-color: $agenda-grouped-track-color-4;
+}
+.agenda-grouped-track-text-color {
+  color: $agenda-grouped-track-text-color;
+}
+
+.agenda-presenter-color {
+  color: $agenda-presenter-color;
+
+  &:hover {
+    color: darken($agenda-presenter-color, 10);
+  }
+}

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

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

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

@@ -0,0 +1,26 @@
+.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.scss

@@ -0,0 +1,364 @@
+// Background Colors
+
+.bg-color-white {
+  background-color: #fff;
+}
+
+.bg-color-white-darker {
+  background-color: darken(#fff, 3);
+}
+
+.bg-color-1 {
+  background-color: $global-color-1;
+}
+.bg-color-2 {
+  background-color: $global-color-2;
+}
+.bg-color-3 {
+  background-color: $global-color-3;
+}
+.bg-color-4 {
+  background-color: $global-color-4;
+}
+.bg-color-5 {
+  background-color: $global-color-5;
+}
+.bg-color-6 {
+  background-color: $global-color-6;
+}
+.bg-color-link {
+  background-color: $link-color;
+}
+.bg-color-1-darker {
+  background-color: darken($global-color-1, 10%);
+}
+.bg-color-2-darker {
+  background-color: darken($global-color-2, 10%);
+}
+.bg-color-3-darker {
+  background-color: darken($global-color-3, 10%);
+}
+.bg-color-4-darker {
+  background-color: darken($global-color-4, 10%);
+}
+.bg-color-5-darker {
+  background-color: darken($global-color-5, 10%);
+}
+.bg-color-6-darker {
+  background-color: darken($global-color-6, 10%);
+}
+
+// Heading Colors
+
+.heading-color-1 {
+  color: $heading-color-1;
+}
+.heading-color-2 {
+  color: $heading-color-2;
+}
+.heading-color-3 {
+  color: $heading-color-3;
+}
+.heading-color-4 {
+  color: $heading-color-4;
+}
+.heading-color-5 {
+  color: $heading-color-5;
+}
+.heading-color-6 {
+  color: $heading-color-6;
+}
+
+// Body Colors
+
+.body-color-1 {
+  color: $body-color-1;
+}
+.body-color-2 {
+  color: $body-color-2;
+}
+.body-color-3 {
+  color: $body-color-3;
+}
+.body-color-4 {
+  color: $body-color-4;
+}
+.body-color-5 {
+  color: $body-color-5;
+}
+.body-color-6 {
+  color: $body-color-6;
+}
+
+// Paragraph Colors
+
+.paragraph-color-1 {
+  color: $paragraph-color-1;
+}
+.paragraph-color-2 {
+  color: $paragraph-color-2;
+}
+
+// Nav Text Colors
+
+.nav-color-1 {
+  color: $nav-color-1;
+}
+.nav-color-2 {
+  color: $nav-color-2;
+}
+.nav-color-3 {
+  color: $nav-color-3;
+}
+.nav-color-4 {
+  color: $nav-color-4;
+}
+.nav-color-5 {
+  color: $nav-color-5;
+}
+
+// Button Colors
+
+.button-color-1 {
+  background-color: $button-color-1;
+}
+.button-color-1-darker {
+  background-color: darken($button-color-1, 10%);
+}
+.button-color-2 {
+  background-color: $button-color-2;
+}
+.button-color-2-darker {
+  background-color: darken($button-color-2, 10%);
+}
+.button-color-3 {
+  background-color: $button-color-3;
+}
+.button-color-3-darker {
+  background-color: darken($button-color-3, 10%);
+}
+
+// Accent Colors
+
+.accent-color-1 {
+  color: $accent-color-1;
+}
+.accent-color-2 {
+  color: $accent-color-2;
+}
+.accent-color-3 {
+  color: $accent-color-3;
+}
+
+// Border Colors
+
+.border-color-1 {
+  border-color: $global-color-1;
+}
+.border-color-2 {
+  border-color: $global-color-2;
+}
+.border-color-3 {
+  border-color: $global-color-3;
+}
+.border-color-4 {
+  border-color: $global-color-4;
+}
+.border-color-5 {
+  border-color: $global-color-5;
+}
+.border-color-accent-1 {
+  border-color: $accent-color-1;
+}
+.border-color-accent-2 {
+  border-color: $accent-color-2;
+}
+.border-color-accent-3 {
+  border-color: $accent-color-3;
+}
+.border-color-link {
+  border-color: $link-color;
+}
+
+// Element Styling
+
+html {
+  background-color: $global-color-1;
+  color: $paragraph-color-1;
+}
+body {
+  font-family: $font-body-1;
+}
+a {
+  color: $link-color;
+  &:hover {
+    color: $link-hover;
+  }
+}
+h1 {
+  font-family: $font-heading-1;
+}
+
+// Font Classes
+
+.font-body-1 {
+  font-family: $font-body-1;
+}
+.font-body-2 {
+  font-family: $font-body-2;
+}
+.font-heading-1 {
+  font-family: $font-heading-1;
+}
+.font-heading-2 {
+  font-family: $font-heading-2;
+}
+
+// Page-Specific Color/Font Classes
+
+// if custom color variable is set, assign to class/element
+
+@if variable-exists(presenter-name-color) {
+  #page-presenters {
+    .presenter-name-color {
+      color: $presenter-name-color;
+    }
+  }
+}
+
+@if variable-exists(presenter-title-color) {
+  #page-presenters {
+    .presenter-title-color {
+      color: $presenter-title-color;
+    }
+  }
+}
+
+// Custom Classes
+.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: saturate(
+    mix($global-color-1, desaturate(invert($global-color-1), 100%), 90%),
+    5%
+  );
+}
+.presenter-icon {
+  @apply block mx-1;
+  svg {
+    @apply w-6 h-auto;
+  }
+}
+.presenter-icon-small {
+  @apply block;
+  margin: 0 0.2rem;
+  svg {
+    @apply w-4 h-auto;
+  }
+}
+
+.flex-basis-3 {
+  flex-basis: 33%;
+}
+.flex-basis-4 {
+  flex-basis: 25%;
+}
+.flex-basis-5 {
+  flex-basis: 20%;
+}
+
+// Text Classes
+
+.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: $body-color-3;
+  &:hover {
+    color: saturate(
+      mix($body-color-3, desaturate(invert($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 {
+  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: $heading-color-5;
+}
+.hr-heading:before,
+.hr-heading:after {
+  content: "";
+  border-top: 1px solid;
+  border-color: $accent-color-2;
+}
+
+.tabs-details {
+  max-height: 523px;
+  overflow-y: scroll;
+  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;
+}
+
+@if variable-exists(captions-font) and
+  variable-exists(captions-text-color) and
+  variable-exists(captions-bg-color)
+{
+  .jw-text-track-cue {
+    font-family: $captions-font !important;
+    color: $captions-text-color !important;
+    background-color: $captions-bg-color !important;
+  }
+}

package/dist/runtime/assets/scss/_footer.scss

@@ -0,0 +1,20 @@
+footer {
+  @apply bg-color-5;
+  nav {
+    @apply bg-color-4;
+    ul {
+      @apply list-none p-0 inline-flex justify-start content-center;
+    }
+
+    ul li {
+      @apply flex-auto flex-grow my-3 mx-6 self-center;
+      a {
+        @apply no-underline text-white uppercase tracking-wide nav-color-3;
+
+        &:hover {
+          @apply nav-color-4;
+        }
+      }
+    }
+  }
+}

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

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

package/dist/runtime/assets/scss/_functions.scss

@@ -0,0 +1,24 @@
+@function get-high-contrast-text-color($color) {
+  @if (lightness($color) > 50) {
+    @return darken($color, 60%);
+  } @else {
+    @return lighten($color, 60%);
+  }
+}
+
+@function get-color-value($string) {
+  $first: str-slice($string, 1, 1);
+
+  // Pad <1 values with a leading 0
+  @if $first == '.' {
+    $string: '0' + $string;
+  }
+
+  $last: str-slice($string, -1, -1);
+
+  @return if(
+    $last == '%',
+    nth(_json-decode--number(str-slice($string, 1, -2), 2), 2) * 1%,
+    nth(_json-decode--number($string, 2), 2)
+  );
+}

package/dist/runtime/assets/scss/_header.scss

@@ -0,0 +1,41 @@
+header {
+  @apply bg-color-2;
+
+  nav {
+  @apply bg-color-3;
+    ul {
+      @apply inline-flex flex-1 justify-start content-around text-center;
+    }
+
+    ul li {      
+      @apply flex-auto flex-grow my-3 self-center text-center;
+      a {
+        @apply primary-link nav-color-1;
+        
+        &:hover {
+          @apply nav-color-2;
+        }
+  
+        &.active {
+          @apply nav-color-2;
+        }
+
+      }      
+    }
+  }
+  /* mobile nav */
+  .mobile-nav {
+    @apply bg-color-3;
+
+    button {
+      @apply border rounded nav-color-1;
+      border-color: $nav-color-1;
+
+      &:hover {
+        @apply nav-color-2;
+        border-color: $nav-color-2;
+      } 
+    }
+
+  }
+}