@icvdeveloper/common-module 0.0.105 → 0.0.106

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "v3plus-common-module",
   "configKey": "v3plusCommonModule",
-  "version": "0.0.105"
+  "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/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.105",
+  "version": "0.0.106",
   "license": "MIT",
   "type": "module",
   "exports": {