@icvdeveloper/common-module 0.0.104 → 0.0.106

package/dist/module.json

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

package/dist/runtime/assets/svg/icon-circle-minus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM184 232H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>

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

@@ -53,6 +53,7 @@ const { days, getCombinedTrackList } = useAgenda(conference);
 const { formatTimezoneToLocal } = useDateFormat();
 const { classBinding } = useClassBinding();
 
+// data
 const presentersToComposables = (presenters: Presenter[]) => {
   const data = [];
 
@@ -65,6 +66,21 @@ const presentersToComposables = (presenters: Presenter[]) => {
 
   return data;
 };
+
+const expandedPres = ref<number>(0);
+
+// methods
+const setPres = (_expanded: number) => {
+  expandedPres.value = _expanded;
+};
+
+const logPres = (_presId: number, _expanded: number) => {
+  console.log(_presId, typeof _presId);
+};
+
+const isPres = (_presId: number): boolean => {
+  return expandedPres.value === _presId;
+};
 </script>
 
 <template>
@@ -85,7 +101,9 @@ const presentersToComposables = (presenters: Presenter[]) => {
           :class="classBinding(classObject, 'accordionContainer', '')"
         >
           <AgendaAccordion
+            :item-id="presentation.id"
             :class-object="classObject.components.agendaListAccordion"
+            @expanded="setPres"
           >
             <template #header="isExpanded">
               <div
@@ -130,6 +148,7 @@ const presentersToComposables = (presenters: Presenter[]) => {
                   "
                 >
                   <CommonSvgIcon
+                    v-if="!isPres(presentation.id)"
                     :class-object="{ svgElement: 'fill-neutral-700' }"
                     :class="
                       classBinding(classObject, 'iconElement', 'mr-1 pt-1')
@@ -137,6 +156,15 @@ const presentersToComposables = (presenters: Presenter[]) => {
                     icon="circlePlus"
                     :width="classObject.iconWidth"
                   />
+                  <CommonSvgIcon
+                    v-else
+                    :class-object="{ svgElement: 'fill-neutral-700' }"
+                    :class="
+                      classBinding(classObject, 'iconElement', 'mr-1 pt-1')
+                    "
+                    icon="circleMinus"
+                    :width="classObject.iconWidth"
+                  />
                   {{ presentation.name }}
                 </span>
               </div>

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

@@ -4,10 +4,12 @@ import { useClassBinding } from "../../../composables/useClassBinding";
 import { AgendaListAccordionClassObj } from "../../../@types/components";
 
 type Props = {
+  itemId?: number;
   classObject?: AgendaListAccordionClassObj;
 };
 
 const props = withDefaults(defineProps<Props>(), {
+  itemId: 0,
   classObject: () => {
     return {
       container: "",
@@ -18,13 +20,25 @@ const props = withDefaults(defineProps<Props>(), {
   },
 });
 
+const { itemId } = toRefs(props);
+
 const { classBinding } = useClassBinding();
 
 const expanded = ref<boolean>(false);
 
+// emits
+const emit = defineEmits<{
+  (e: "expanded", value: number): void;
+}>();
+
 // methods
 const toggle = () => {
   expanded.value = !expanded.value;
+  if (expanded.value) {
+    emit("expanded", itemId.value);
+  } else {
+    emit("expanded", 0);
+  }
 };
 </script>
 

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

@@ -5,21 +5,15 @@ import { get } from "lodash-es";
 import { DateTime } from "luxon";
 import { useTemplateConfigsStore } from "../../../store";
 import "add-to-calendar-button";
-import { Conference, Presentation } from "../../../models/conference";
-
+import { Conference } from "../../../models/conference";
+import { Presentation } from "../../../models/conference";
 type Props = {
   conference: Conference;
-  presentation?: Presentation | null;
+  presentation: Presentation;
 };
-
-const props = withDefaults(defineProps<Props>(), {
-  presentation: null,
-});
-
+const props = defineProps<Props>();
 const { conference, presentation } = toRefs(props);
-
 const { pagesConfigValue } = storeToRefs(useTemplateConfigsStore());
-
 // Computed
 const showAddToGoogleCalendar = computed((): boolean => {
   return pagesConfigValue.value("agenda.add_to_google_calendar", false);
@@ -28,43 +22,35 @@ const showAddToGoogleCalendar = computed((): boolean => {
 const showAddToMicrosoftCalendar = computed((): boolean => {
   return pagesConfigValue.value("agenda.add_to_microsoft_calendar", false);
 });
-
-const eventStartDate = computed((): string => {
-  return DateTime.fromSQL(
-    presentation.value ? presentation.value.date : conference.value.start_date,
-    { zone: conference.value.timezone }
-  ).toFormat("yyyy-MM-dd");
+const presStartDate = computed((): string => {
+  return DateTime.fromSQL(presentation.value.date, {
+    zone: conference.timezone,
+  }).toFormat("yyyy-MM-dd");
 });
-
-const eventStartTime = computed((): string => {
-  return DateTime.fromSQL(
-    presentation.value ? presentation.value.date : conference.value.start_date,
-    { zone: conference.value.timezone }
-  ).toFormat("HH:mm");
+const presStartTime = computed((): string => {
+  return DateTime.fromSQL(presentation.value.date, {
+    zone: conference.timezone,
+  }).toFormat("HH:mm");
 });
-
-const eventEndTime = computed((): string => {
-  const duration: number = get(presentation.value, "duration", 3600); // default to 60 min
-  return DateTime.fromSQL(
-    presentation.value ? presentation.value.date : conference.value.end_date,
-    { zone: conference.value.timezone }
-  )
+const presEndTime = computed((): string => {
+  let duration: number = get(presentation.value, "duration", 3600); // default to 60 min
+  return DateTime.fromSQL(presentation.value.date, {
+    zone: conference.timezone,
+  })
     .plus(duration * 1000)
     .toFormat("HH:mm");
 });
-
 const calendarOptions = computed((): string => {
-  const opts = [];
-  if (showAddToGoogleCalendar.value) {
+  let opts = [];
+  if (showAddToGoogleCalendar) {
     opts.push("Google");
   }
-  if (showAddToMicrosoftCalendar.value) {
+  if (showAddToMicrosoftCalendar) {
     opts.push("iCal");
   }
-  const optsQuoted = opts.map((opt) => `'${opt}'`);
+  let optsQuoted = opts.map((opt) => `'${opt}'`);
   return optsQuoted.join(",");
 });
-
 const cssPath = computed((): string => {
   // atcb.css required in template/playground public folder
   return window.location.origin + "/atcb.css";
@@ -74,23 +60,21 @@ const cssPath = computed((): string => {
 <template>
   <div>
     <add-to-calendar-button
-      :name="presentation ? presentation.name : conference.name"
-      :description="
-        presentation ? presentation.description : conference.description
-      "
-      :start-date="eventStartDate"
-      :start-time="eventStartTime"
-      :end-time="eventEndTime"
-      :time-zone="conference.timezone"
+      :name="presentation.name"
+      :description="presentation.description"
+      :startDate="presStartDate"
+      :startTime="presStartTime"
+      :endTime="presEndTime"
+      :timeZone="conference.timezone"
       :location="conference.location"
-      list-style="dropdown"
+      listStyle="dropdown"
       trigger="click"
-      light-mode="bodyScheme"
-      button-style="custom"
-      :custom-css="cssPath"
-      hide-icon-button
-      hide-background
-      hide-checkmark
+      lightMode="bodyScheme"
+      buttonStyle="custom"
+      :customCss="cssPath"
+      hideIconButton
+      hideBackground
+      hideCheckmark
       :options="calendarOptions"
     ></add-to-calendar-button>
   </div>

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

@@ -93,6 +93,12 @@ const icons: Icons = {
       () => import("../../assets/svg/icon-circle-plus.svg")
     ),
   },
+  circleMinus: {
+    color: "",
+    component: defineAsyncComponent(
+      () => import("../../assets/svg/icon-circle-minus.svg")
+    ),
+  },
 };
 
 type Props = {

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

@@ -18,4 +18,5 @@ export type Icons = {
     close: Icon;
     chevron: Icon;
     circlePlus: Icon;
+    circleMinus: Icon;
 };

package/package.json

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