@icvdeveloper/common-module 0.0.98 → 0.0.100

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

@@ -1,76 +1,76 @@
-<template>
-    <div>
-        <div v-if="sponsorsArray.length > 0" class="text-grey-800 px-4 py-4" :class="trackSponsorsArray.length > 0 ? 'border-b border-light-grey' : ''">
-            <div class="mb-4">
-                <!-- Session Sponsors -->
-                <h3 class="primary-link text-lg text-center mb-3">Session Sponsors</h3>
-                <div class="flex flex-row md:flex-col flex-wrap">
-                    <div v-for="(sponsor, index) in sponsorsArray" :key="index" class="flex-1 mx-4 my-2 md:mx-0 self-center">
-                        <a :href="sponsor.website" target="_blank" class="block mx-auto">
-                            <img :src="sponsor.photo" class="block mx-auto" />
-                        </a>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div v-if="trackSponsorsArray.length > 0" class="text-grey-800 px-4 py-4">
-            <div class="mb-4">
-                <!-- Session Sponsors -->
-                <h3 class="primary-link text-lg text-center mb-3">Track Sponsors</h3>
-                <div class="flex flex-row md:flex-col flex-wrap">
-                    <div v-for="(sponsor, index) in trackSponsorsArray" :key="index" class="flex-1 mx-4 my-2 md:mx-0 self-center">
-                        <a :href="sponsor.website" target="_blank" class="block mx-auto">
-                            <img :src="sponsor.photo" class="block mx-auto" />
-                        </a>
-                    </div>
-                </div>
-            </div>
-        </div>        
-        <div v-if="!sponsorsArray.length && !trackSponsorsArray.length" class="text-grey-800 px-2 py-4">
-            <p class="text-base leading-normal font-light">There are no sponsors associated with this presentation.</p>
-        </div>
-    </div>
-</template>
-
+<template>
+    <div>
+        <div v-if="sponsorsArray.length > 0" class="text-grey-800 px-4 py-4" :class="trackSponsorsArray.length > 0 ? 'border-b border-light-grey' : ''">
+            <div class="mb-4">
+                <!-- Session Sponsors -->
+                <h3 class="primary-link text-lg text-center mb-3">Session Sponsors</h3>
+                <div class="flex flex-row md:flex-col flex-wrap">
+                    <div v-for="(sponsor, index) in sponsorsArray" :key="index" class="flex-1 mx-4 my-2 md:mx-0 self-center">
+                        <a :href="sponsor.website" target="_blank" class="block mx-auto">
+                            <img :src="sponsor.photo" class="block mx-auto" />
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div v-if="trackSponsorsArray.length > 0" class="text-grey-800 px-4 py-4">
+            <div class="mb-4">
+                <!-- Session Sponsors -->
+                <h3 class="primary-link text-lg text-center mb-3">Track Sponsors</h3>
+                <div class="flex flex-row md:flex-col flex-wrap">
+                    <div v-for="(sponsor, index) in trackSponsorsArray" :key="index" class="flex-1 mx-4 my-2 md:mx-0 self-center">
+                        <a :href="sponsor.website" target="_blank" class="block mx-auto">
+                            <img :src="sponsor.photo" class="block mx-auto" />
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>        
+        <div v-if="!sponsorsArray.length && !trackSponsorsArray.length" class="text-grey-800 px-2 py-4">
+            <p class="text-base leading-normal font-light">There are no sponsors associated with this presentation.</p>
+        </div>
+    </div>
+</template>
+
 <script>
-export default {
-    data() {
-        return {
-            sponsorsArray: [],
-            trackSponsorsArray: []
-        };
-    },
-    props: {
-        sponsorType: {
-            type: String
-        },
-        currentPresentation: {
-          type: Object,
-          default: () => {
-            return {};
-          }
-        },
-    },
-    computed: {
-    },
-    methods: {
-    },
-    watch: {
-        currentPresentation: {
-            immediate: true,
-            handler (currentPres) {
-                if(currentPres.sponsors) {
-                    this.sponsorsArray = currentPres.sponsors;
-                }
-                if(currentPres.tracks) {
-                    this.trackSponsorsArray = currentPres.tracks[0].sponsors;
-                }
-            }
-        }
-    }
+export default {
+    data() {
+        return {
+            sponsorsArray: [],
+            trackSponsorsArray: []
+        };
+    },
+    props: {
+        sponsorType: {
+            type: String
+        },
+        currentPresentation: {
+          type: Object,
+          default: () => {
+            return {};
+          }
+        },
+    },
+    computed: {
+    },
+    methods: {
+    },
+    watch: {
+        currentPresentation: {
+            immediate: true,
+            handler (currentPres) {
+                if(currentPres.sponsors) {
+                    this.sponsorsArray = currentPres.sponsors;
+                }
+                if(currentPres.tracks) {
+                    this.trackSponsorsArray = currentPres.tracks[0].sponsors;
+                }
+            }
+        }
+    }
 }
-</script>
-
+</script>
+
 <style scoped>
 .sponsor-grid {
   display: grid;

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

@@ -1,97 +1,97 @@
-<template>
-  <vue-draggable-resizable
-    :w="startSize.width"
-    :h="startSize.height"
-    :x="startPosition.x"
-    :y="startPosition.y"
-    :min-width="200"
-    :min-height="200"
-    :z="zIndex"
-    :active="true"
-    class-name="pop-window"
-    class-name-active="pop-window-active"
-    @activated="onActivated"
-    @deactivated="onDeActivated"
-    class="bg-white shadow-lg cursor-move"
-  >
-    <div :style="overlayStyle" class="expand-overlay">
-      <a @click.prevent="closeClick">
-        <i class="fas fa-compress-arrows-alt"></i>
-      </a>
-    </div>
-
-    <div class="outer-container max-h-full p-1">
-      <content-area class="h-auto max-h-full" :current-presentation="currentPresentation"></content-area>
-    </div>
-  </vue-draggable-resizable>
-</template>
-
+<template>
+  <vue-draggable-resizable
+    :w="startSize.width"
+    :h="startSize.height"
+    :x="startPosition.x"
+    :y="startPosition.y"
+    :min-width="200"
+    :min-height="200"
+    :z="zIndex"
+    :active="true"
+    class-name="pop-window"
+    class-name-active="pop-window-active"
+    @activated="onActivated"
+    @deactivated="onDeActivated"
+    class="bg-white shadow-lg cursor-move"
+  >
+    <div :style="overlayStyle" class="expand-overlay">
+      <a @click.prevent="closeClick">
+        <i class="fas fa-compress-arrows-alt"></i>
+      </a>
+    </div>
+
+    <div class="outer-container max-h-full p-1">
+      <content-area class="h-auto max-h-full" :current-presentation="currentPresentation"></content-area>
+    </div>
+  </vue-draggable-resizable>
+</template>
+
 <script>
-import Vue from "vue";
-import VueDraggableResizable from "vue-draggable-resizable";
-import "vue-draggable-resizable/dist/VueDraggableResizable.css";
-
-import ContentTabs from "./ContentTabs";
-import ContentArea from "./ContentArea";
-
-Vue.component("vue-draggable-resizable", VueDraggableResizable);
-
-export default {
-  components: {
-    ContentTabs,
-    ContentArea
-  },
-  data() {
-    return {
-      zIndex: 300,
-      active: true
-    };
-  },
-  props: {
-    tabArray: {
-      type: Array,
-      default: []
-    },
-    startSize: {
-      type: Object,
-      default: () => {
-        return { width: 640, height: 480 };
-      }
-    },
-    startPosition: {
-      type: Object,
-      default: () => {
-        return { x: 0, y: 0 };
-      }
-    },
-    currentPresentation: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    }
-  },
-  computed: {
-    overlayStyle() {
-      return this.active ? "opacity: .7;" : "opacity: 0";
-    }
-  },
-  methods: {
-    closeClick(e) {
-      this.$emit("closeClick", this);
-    },
-    onActivated(e) {
-      this.zIndex = 500;
-      this.active = true;
-    },
-    onDeActivated(e) {
-      this.zIndex = 100;
-      this.active = false;
-    }
-  }
+import Vue from "vue";
+import VueDraggableResizable from "vue-draggable-resizable";
+import "vue-draggable-resizable/dist/VueDraggableResizable.css";
+
+import ContentTabs from "./ContentTabs";
+import ContentArea from "./ContentArea";
+
+Vue.component("vue-draggable-resizable", VueDraggableResizable);
+
+export default {
+  components: {
+    ContentTabs,
+    ContentArea
+  },
+  data() {
+    return {
+      zIndex: 300,
+      active: true
+    };
+  },
+  props: {
+    tabArray: {
+      type: Array,
+      default: []
+    },
+    startSize: {
+      type: Object,
+      default: () => {
+        return { width: 640, height: 480 };
+      }
+    },
+    startPosition: {
+      type: Object,
+      default: () => {
+        return { x: 0, y: 0 };
+      }
+    },
+    currentPresentation: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  computed: {
+    overlayStyle() {
+      return this.active ? "opacity: .7;" : "opacity: 0";
+    }
+  },
+  methods: {
+    closeClick(e) {
+      this.$emit("closeClick", this);
+    },
+    onActivated(e) {
+      this.zIndex = 500;
+      this.active = true;
+    },
+    onDeActivated(e) {
+      this.zIndex = 100;
+      this.active = false;
+    }
+  }
 };
-</script>
-
+</script>
+
 <style scoped>
 .outer-container {
   position: relative;

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

@@ -1,77 +1,77 @@
-<template>
-  <vue-draggable-resizable
-    :w="startSize.width"
-    :h="startSize.height"
-    :x="startPosition.x"
-    :y="startPosition.y"
-    :handles="['tl','tr','br','bl']"
-    :min-width="200"
-    :lock-aspect-ratio="true"
-    :z="zIndex"
-    :active="true"
-    class-name="pop-window"
-    class-name-active="pop-window-active"
-    @activated="onActivated"
-    @deactivated="onDeActivated"
-    class="bg-white shadow-lg cursor-move"
-  >
-    <div>
-      <div class="expand-overlay">
-        <a @click.prevent="closeClick">
-          <i class="fas fa-compress-arrows-alt"></i>
-        </a>
-      </div>
-
-      <img :src="slide" class="w-full h-auto max-h-full" />
-    </div>
-  </vue-draggable-resizable>
-</template>
-
+<template>
+  <vue-draggable-resizable
+    :w="startSize.width"
+    :h="startSize.height"
+    :x="startPosition.x"
+    :y="startPosition.y"
+    :handles="['tl','tr','br','bl']"
+    :min-width="200"
+    :lock-aspect-ratio="true"
+    :z="zIndex"
+    :active="true"
+    class-name="pop-window"
+    class-name-active="pop-window-active"
+    @activated="onActivated"
+    @deactivated="onDeActivated"
+    class="bg-white shadow-lg cursor-move"
+  >
+    <div>
+      <div class="expand-overlay">
+        <a @click.prevent="closeClick">
+          <i class="fas fa-compress-arrows-alt"></i>
+        </a>
+      </div>
+
+      <img :src="slide" class="w-full h-auto max-h-full" />
+    </div>
+  </vue-draggable-resizable>
+</template>
+
 <script>
-import Vue from "vue";
-import VueDraggableResizable from "vue-draggable-resizable";
-import "vue-draggable-resizable/dist/VueDraggableResizable.css";
-
-Vue.component("vue-draggable-resizable", VueDraggableResizable);
-
-export default {
-  data() {
-    return {
-      zIndex: 200
-    };
-  },
-  props: {
-    slide: {
-      type: String,
-      default: ""
-    },
-    startSize: {
-      type: Object,
-      default: () => {
-        return { width: 640, height: 480 };
-      }
-    },
-    startPosition: {
-      type: Object,
-      default: () => {
-        return { width: 0, height: 0 };
-      }
-    }
-  },
-  methods: {
-    closeClick(e) {
-      this.$emit("closeClick", this);
-    },
-    onActivated(e) {
-      this.zIndex = 500;
-    },
-    onDeActivated(e) {
-      this.zIndex = 100;
-    }
-  }
+import Vue from "vue";
+import VueDraggableResizable from "vue-draggable-resizable";
+import "vue-draggable-resizable/dist/VueDraggableResizable.css";
+
+Vue.component("vue-draggable-resizable", VueDraggableResizable);
+
+export default {
+  data() {
+    return {
+      zIndex: 200
+    };
+  },
+  props: {
+    slide: {
+      type: String,
+      default: ""
+    },
+    startSize: {
+      type: Object,
+      default: () => {
+        return { width: 640, height: 480 };
+      }
+    },
+    startPosition: {
+      type: Object,
+      default: () => {
+        return { width: 0, height: 0 };
+      }
+    }
+  },
+  methods: {
+    closeClick(e) {
+      this.$emit("closeClick", this);
+    },
+    onActivated(e) {
+      this.zIndex = 500;
+    },
+    onDeActivated(e) {
+      this.zIndex = 100;
+    }
+  }
 };
-</script>
-
+</script>
+
 <style scoped>
 .expand-overlay {
   @apply p-2;