@bagelink/vue 0.0.1236 → 0.0.1238

package/dist/components/Calendar/components/header/Header.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/components/header/Header.vue"],"names":[],"mappings":"AAAA,OA0JO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAA;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;;;cA4SjC,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,QAAQ,CAAC;;;;cAIlB,QAAQ,CAAC,IAAI,CAAC;;;;cAId,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;cAZzB,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,QAAQ,CAAC;;;;cAIlB,QAAQ,CAAC,IAAI,CAAC;;;;cAId,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApB3C,wBA8BG"}
+{"version":3,"file":"Header.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/components/header/Header.vue"],"names":[],"mappings":"AAAA,OA2JO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAA;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;;;cA4SjC,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,QAAQ,CAAC;;;;cAIlB,QAAQ,CAAC,IAAI,CAAC;;;;cAId,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;cAZzB,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,QAAQ,CAAC;;;;cAIlB,QAAQ,CAAC,IAAI,CAAC;;;;cAId,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApB3C,wBA8BG"}

package/dist/components/Calendar/components/month/AgendaEvents.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgendaEvents.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/components/month/AgendaEvents.vue"],"names":[],"mappings":"AAAA,OA+DO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;;;cA2IxD,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,IAAI,CAAC;;;;cAId,QAAQ,CAAC,YAAY,CAAC;;;;;;;cARtB,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,IAAI,CAAC;;;;cAId,QAAQ,CAAC,YAAY,CAAC;;;;;;AAhBxC,wBAqBG"}
+{"version":3,"file":"AgendaEvents.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/components/month/AgendaEvents.vue"],"names":[],"mappings":"AAAA,OA0EO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,IAAI,MAAM,oBAAoB,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;;;cA+IxD,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,IAAI,CAAC;;;;cAId,QAAQ,CAAC,YAAY,CAAC;;;;;;;cARtB,QAAQ,CAAC,eAAe,CAAC;;;;cAIzB,QAAQ,CAAC,IAAI,CAAC;;;;cAId,QAAQ,CAAC,YAAY,CAAC;;;;;;AAhBxC,wBAqBG"}

package/dist/components/form/inputs/Upload/upload.d.ts

@@ -9,5 +9,6 @@ export declare const files: {
         dirPath?: string;
         tags?: string[];
     }) => Promise<AxiosResponse<BglFile>>;
+    list: (dirPath?: string) => Promise<AxiosResponse<BglFile[]>>;
 };
 //# sourceMappingURL=upload.d.ts.map

package/dist/components/form/inputs/Upload/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/Upload/upload.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAG/E,eAAO,MAAM,KAAK;2BACM,MAAM;oBAKP,MAAM,KAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;wBACpC,YAAY,YAAY,MAAM,KAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;uBACjE,MAAM;mBACV,IAAI,YAAY,aAAa,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,KAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;CAQ5H,CAAA"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/Upload/upload.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAG/E,eAAO,MAAM,KAAK;2BACM,MAAM;oBAMP,MAAM,KAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;wBAEpC,YAAY,YAAY,MAAM,KAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;uBAEjE,MAAM;mBAEV,IAAI,YAAY,aAAa,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,KAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;qBAWrG,MAAM,KAAG,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC;CAGjE,CAAA"}

package/dist/index.cjs

@@ -801,7 +801,7 @@ function translate(key, locale2 = "en-US") {
   return language[locale2] || key;
 }
 const _hoisted_1$13 = { class: "flex gap-05 space-between pb-1 datePick" };
-const _hoisted_2$O = { class: "flex gap-1" };
+const _hoisted_2$O = { class: "flex gap-1 m_gap-025" };
 const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
   __name: "Header",
   props: {
@@ -912,7 +912,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
               _cache[1] || (_cache[1] = ($event) => currentPeriod.value.selectedDate = $event),
               handlePeriodChange
             ],
-            class: "m-0 bg-input-transparent m_w-max-90px txt10 p-0",
+            class: "m-0 bg-input-transparent m_w-max-100px txt10 p-0",
             mode: __props.mode,
             center: ""
           }, null, 8, ["modelValue", "mode"]),
@@ -1062,14 +1062,14 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const AgendaEventTile = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-7667cd3d"]]);
-const _hoisted_1$11 = { class: "agenda__wrapper flex align-items-start gap-1" };
+const _hoisted_1$11 = { class: "agenda__wrapper grid align-items-start gap-1 h-100p" };
 const _hoisted_2$M = { class: "" };
 const _hoisted_3$C = { class: "agenda__header-day-name txt-center" };
 const _hoisted_4$q = { class: "agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04" };
-const _hoisted_5$m = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05" };
+const _hoisted_5$m = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1" };
 const _hoisted_6$i = {
   key: 0,
-  class: "align-items-center flex justify-content-center h-100p"
+  class: "align-items-center flex justify-content-center h-100p opacity-6"
 };
 const _hoisted_7$d = {
   key: 1,
@@ -1118,6 +1118,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const AgendaEvents = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-01274c4e"]]);
 class EDate extends Date {
   get fullYear() {
     return this.getFullYear();
@@ -2504,7 +2505,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
           }), 128))
         ]),
         !(((_a2 = __props.config.month) == null ? void 0 : _a2.showEventsOnMobileView) === false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$m, [
-          selectedDay.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1c, {
+          selectedDay.value ? (vue.openBlock(), vue.createBlock(AgendaEvents, {
             key: 0,
             config: __props.config,
             time: __props.time,
@@ -3433,7 +3434,7 @@ const _hoisted_1$T = {
   style: { "margin-inline-end": "0.5em" }
 };
 const _hoisted_2$E = ["onClick"];
-const _hoisted_3$w = { class: "flex justify-content-center gap-025 txt12" };
+const _hoisted_3$w = { class: "flex justify-content-center gap-025 txt12 pb-025" };
 const _hoisted_4$k = { class: "" };
 const _hoisted_5$i = { class: "week-timeline__date txt14 round inline-flex justify-content-center" };
 const _hoisted_6$f = { class: "week-timeline__events" };
@@ -3490,7 +3491,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const WeekTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-e3c7c017"]]);
+const WeekTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-18ecf6c3"]]);
 const _hoisted_1$S = { class: "calendar-week__wrapper relative ps-3-5" };
 const _hoisted_2$D = { class: "calendar-week" };
 const _hoisted_3$v = { class: "calendar-week__events" };
@@ -4055,7 +4056,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
             onChangeMode: handleChangeMode,
             onUpdatedPeriod: handleUpdatedPeriod
           }, null, 8, ["config", "mode", "time", "period", "is-small"])),
-          mode.value === "agenda" ? (vue.openBlock(), vue.createBlock(_sfc_main$1c, {
+          mode.value === "agenda" ? (vue.openBlock(), vue.createBlock(AgendaEvents, {
             key: 0,
             "events-prop": eventsDataProperty.value,
             period: period.value,
@@ -35880,6 +35881,9 @@ const files = {
       onUploadProgress: options == null ? void 0 : options.onUploadProgress,
       params: { dir_path: options == null ? void 0 : options.dirPath, tags: options == null ? void 0 : options.tags }
     });
+  },
+  list: async (dirPath) => {
+    return axios$1.get("/files_v2/list", { params: { dir_path: dirPath } });
   }
 };
 const _hoisted_1$l = { class: "bagel-input" };
@@ -36022,11 +36026,11 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       isDragOver.value = false;
     }
     if (props2.dirPath) {
-      files.get(props2.dirPath).then((response) => storageFiles.value.push(...[response.data].flat())).catch(console.error);
+      files.list(props2.dirPath).then((response) => storageFiles.value.push(...[response.data].flat())).catch(console.error);
     }
     vue.watch(() => props2.dirPath, () => {
       if (props2.dirPath) {
-        files.get(props2.dirPath).then((response) => storageFiles.value.push(...[response.data].flat())).catch(console.error);
+        files.list(props2.dirPath).then((response) => storageFiles.value.push(...[response.data].flat())).catch(console.error);
       }
     });
     return (_ctx, _cache) => {
@@ -36264,7 +36268,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-fcdea419"]]);
+const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-67dd9abe"]]);
 const FONT_AWESOME_ICONS = [
   "trash-can",
   "message",

package/dist/index.mjs

@@ -799,7 +799,7 @@ function translate(key, locale2 = "en-US") {
   return language[locale2] || key;
 }
 const _hoisted_1$13 = { class: "flex gap-05 space-between pb-1 datePick" };
-const _hoisted_2$O = { class: "flex gap-1" };
+const _hoisted_2$O = { class: "flex gap-1 m_gap-025" };
 const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "Header",
   props: {
@@ -910,7 +910,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
               _cache[1] || (_cache[1] = ($event) => currentPeriod.value.selectedDate = $event),
               handlePeriodChange
             ],
-            class: "m-0 bg-input-transparent m_w-max-90px txt10 p-0",
+            class: "m-0 bg-input-transparent m_w-max-100px txt10 p-0",
             mode: __props.mode,
             center: ""
           }, null, 8, ["modelValue", "mode"]),
@@ -1060,14 +1060,14 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 const AgendaEventTile = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-7667cd3d"]]);
-const _hoisted_1$11 = { class: "agenda__wrapper flex align-items-start gap-1" };
+const _hoisted_1$11 = { class: "agenda__wrapper grid align-items-start gap-1 h-100p" };
 const _hoisted_2$M = { class: "" };
 const _hoisted_3$C = { class: "agenda__header-day-name txt-center" };
 const _hoisted_4$q = { class: "agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04" };
-const _hoisted_5$m = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05" };
+const _hoisted_5$m = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1" };
 const _hoisted_6$i = {
   key: 0,
-  class: "align-items-center flex justify-content-center h-100p"
+  class: "align-items-center flex justify-content-center h-100p opacity-6"
 };
 const _hoisted_7$d = {
   key: 1,
@@ -1116,6 +1116,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const AgendaEvents = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-01274c4e"]]);
 class EDate extends Date {
   get fullYear() {
     return this.getFullYear();
@@ -2502,7 +2503,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
           }), 128))
         ]),
         !(((_a2 = __props.config.month) == null ? void 0 : _a2.showEventsOnMobileView) === false) ? (openBlock(), createElementBlock("div", _hoisted_4$m, [
-          selectedDay.value ? (openBlock(), createBlock(_sfc_main$1c, {
+          selectedDay.value ? (openBlock(), createBlock(AgendaEvents, {
             key: 0,
             config: __props.config,
             time: __props.time,
@@ -3431,7 +3432,7 @@ const _hoisted_1$T = {
   style: { "margin-inline-end": "0.5em" }
 };
 const _hoisted_2$E = ["onClick"];
-const _hoisted_3$w = { class: "flex justify-content-center gap-025 txt12" };
+const _hoisted_3$w = { class: "flex justify-content-center gap-025 txt12 pb-025" };
 const _hoisted_4$k = { class: "" };
 const _hoisted_5$i = { class: "week-timeline__date txt14 round inline-flex justify-content-center" };
 const _hoisted_6$f = { class: "week-timeline__events" };
@@ -3488,7 +3489,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const WeekTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-e3c7c017"]]);
+const WeekTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-18ecf6c3"]]);
 const _hoisted_1$S = { class: "calendar-week__wrapper relative ps-3-5" };
 const _hoisted_2$D = { class: "calendar-week" };
 const _hoisted_3$v = { class: "calendar-week__events" };
@@ -4053,7 +4054,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             onChangeMode: handleChangeMode,
             onUpdatedPeriod: handleUpdatedPeriod
           }, null, 8, ["config", "mode", "time", "period", "is-small"])),
-          mode.value === "agenda" ? (openBlock(), createBlock(_sfc_main$1c, {
+          mode.value === "agenda" ? (openBlock(), createBlock(AgendaEvents, {
             key: 0,
             "events-prop": eventsDataProperty.value,
             period: period.value,
@@ -35878,6 +35879,9 @@ const files = {
       onUploadProgress: options == null ? void 0 : options.onUploadProgress,
       params: { dir_path: options == null ? void 0 : options.dirPath, tags: options == null ? void 0 : options.tags }
     });
+  },
+  list: async (dirPath) => {
+    return axios$1.get("/files_v2/list", { params: { dir_path: dirPath } });
   }
 };
 const _hoisted_1$l = { class: "bagel-input" };
@@ -36020,11 +36024,11 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       isDragOver.value = false;
     }
     if (props2.dirPath) {
-      files.get(props2.dirPath).then((response) => storageFiles.value.push(...[response.data].flat())).catch(console.error);
+      files.list(props2.dirPath).then((response) => storageFiles.value.push(...[response.data].flat())).catch(console.error);
     }
     watch(() => props2.dirPath, () => {
       if (props2.dirPath) {
-        files.get(props2.dirPath).then((response) => storageFiles.value.push(...[response.data].flat())).catch(console.error);
+        files.list(props2.dirPath).then((response) => storageFiles.value.push(...[response.data].flat())).catch(console.error);
       }
     });
     return (_ctx, _cache) => {
@@ -36262,7 +36266,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-fcdea419"]]);
+const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-67dd9abe"]]);
 const FONT_AWESOME_ICONS = [
   "trash-can",
   "message",

package/dist/style.css

@@ -316,6 +316,7 @@ display: block;
 @media screen and (max-width: 910px) {
 .datePick{
 	--input-font-size: 0.75rem;
+	--btn-padding: 20px;
 }
 }
 
@@ -324,6 +325,15 @@ display: block;
 	color: var(--13d56971);
 }
 
+.agenda__wrapper[data-v-01274c4e] {
+	grid-template-columns: 100px 1fr;
+}
+@media screen and (max-width: 910px) {
+.agenda__wrapper[data-v-01274c4e] {
+		grid-template-columns: 40px 1fr;
+}
+}
+
 .event-flyout {
 	position: fixed;
 	z-index: 50;
@@ -646,26 +656,26 @@ display: block;
   cursor: not-allowed;
 }
 
-.week-timeline[data-v-e3c7c017] {
+.week-timeline[data-v-18ecf6c3] {
 	height: fit-content;
 	display: flex;
 	justify-content: space-evenly;
 }
-.mode-is-day .week-timeline[data-v-e3c7c017] {
-	width: calc(100% - 3.5em);
+.mode-is-day .week-timeline[data-v-18ecf6c3] {
+	/* width: calc(100% - 3.5em); */
 }
-.week-timeline__day[data-v-e3c7c017] {
+.week-timeline__day[data-v-18ecf6c3] {
 	width: 100%;
 }
-.week-timeline__date[data-v-e3c7c017] {
-	height: 1rem;
-	width: 1rem;
+.week-timeline__date[data-v-18ecf6c3] {
+	height: 1.5rem;
+	width: 1.5rem;
 }
-.is-today .week-timeline__date[data-v-e3c7c017] {
+.is-today .week-timeline__date[data-v-18ecf6c3] {
 	background: var(--bgl-primary);
 	color: var(--bgl-white);
 }
-.week-timeline__events[data-v-e3c7c017] {
+.week-timeline__events[data-v-18ecf6c3] {
 }
 
 .calendar-week__wrapper[data-v-f1208dd2] {
@@ -2454,7 +2464,7 @@ line-height: 1.65;
 .bgl-toggle input:checked + label[data-v-ebe691ee] {
     color: var(--bgl-primary) !important;
 }
-.fileUploadWrap[data-v-fcdea419] {
+.fileUploadWrap[data-v-67dd9abe] {
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
 	text-align: center;
@@ -2466,7 +2476,7 @@ line-height: 1.65;
 	background: var(--input-bg);
 	height: 215px;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-fcdea419] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-67dd9abe] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -2474,14 +2484,14 @@ line-height: 1.65;
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.fileUploadWrap.dragover[data-v-fcdea419],
-.fileUploadWrap[data-v-fcdea419]:hover {
+.fileUploadWrap.dragover[data-v-67dd9abe],
+.fileUploadWrap[data-v-67dd9abe]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.fileUploadWrap[style*='height: auto;'][data-v-fcdea419] {
+.fileUploadWrap[style*='height: auto;'][data-v-67dd9abe] {
 	min-height: 215px;
 }
-.multi-image-item-preview[data-v-fcdea419] {
+.multi-image-item-preview[data-v-67dd9abe] {
 	border: 1px solid var(--border-color) !important;
 	border-radius: var(--input-border-radius);
 	margin: 0.5rem !important;
@@ -2495,12 +2505,12 @@ line-height: 1.65;
 	gap: 1rem;
 	align-items: center;
 }
-.multi-image-item-preview p[data-v-fcdea419] {
+.multi-image-item-preview p[data-v-67dd9abe] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.multi-preview[data-v-fcdea419] {
+.multi-preview[data-v-67dd9abe] {
 	width: 40px;
 	height: 40px;
 	border-radius: var(--input-border-radius);
@@ -2511,17 +2521,17 @@ line-height: 1.65;
 	align-items: center;
 	display: flex;
 }
-.bgl-single-preview[data-v-fcdea419] {
+.bgl-single-preview[data-v-67dd9abe] {
 	height: 100%;
 	position: relative;
 }
-.bgl-single-preview + .fileUploadPlaceHolder[data-v-fcdea419] {
+.bgl-single-preview + .fileUploadPlaceHolder[data-v-67dd9abe] {
 	position: absolute;
 	inset: 0;
 	margin: auto;
 	top: calc(50% - 2rem);
 }
-.single-image-item-preview[data-v-fcdea419] {
+.single-image-item-preview[data-v-67dd9abe] {
 	height: 100%;
 	min-height: 100%;
 	position: relative;
@@ -2529,13 +2539,13 @@ line-height: 1.65;
 	align-items: center;
 	justify-content: center;
 }
-.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-fcdea419] {
+.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-67dd9abe] {
 	min-height: 215px;
 }
-.fileUploadWrap[style*='height: auto'] .single-preview[data-v-fcdea419] {
+.fileUploadWrap[style*='height: auto'] .single-preview[data-v-67dd9abe] {
 	margin: 0rem !important;
 }
-.single-preview[data-v-fcdea419] {
+.single-preview[data-v-67dd9abe] {
 	border-radius: var(--input-border-radius);
 	margin: 1rem;
 	padding: 0px;
@@ -2545,7 +2555,7 @@ line-height: 1.65;
 	background: var(--bgl-gray-light);
 	width: 90%;
 }
-.single-image-item-preview[data-v-fcdea419]:hover::after {
+.single-image-item-preview[data-v-67dd9abe]:hover::after {
 	content: 'zoom_in';
 	font-size: 32px;
 	font-family: 'Material Symbols Outlined', serif;
@@ -2555,20 +2565,20 @@ line-height: 1.65;
 	z-index: 9;
 	pointer-events: none;
 }
-.single-image-item-preview:hover img[data-v-fcdea419] {
+.single-image-item-preview:hover img[data-v-67dd9abe] {
 	filter: brightness(70%);
 }
-.bgl_fill-image.single-image-item-preview[data-v-fcdea419] {
+.bgl_fill-image.single-image-item-preview[data-v-67dd9abe] {
 	height: 100%;
 }
-.bgl_fill-image.single-image-item-preview .single-preview[data-v-fcdea419] {
+.bgl_fill-image.single-image-item-preview .single-preview[data-v-67dd9abe] {
 	border-radius: unset;
 	object-fit: cover;
 	box-shadow: unset;
 	width: 100%;
 	height: auto;
 }
-.single-image-item-preview .pie[data-v-fcdea419] {
+.single-image-item-preview .pie[data-v-67dd9abe] {
 	transform-origin: top;
 	transform: scale(1.4);
 	position: absolute;
@@ -2582,31 +2592,31 @@ line-height: 1.65;
 	border: none !important;
 	padding: 0 !important;
 }
-.bgl_oval-upload[data-v-fcdea419] {
+.bgl_oval-upload[data-v-67dd9abe] {
 	border-radius: 100% !important;
 	overflow: hidden;
 }
-.bgl_oval-upload p[data-v-fcdea419] {
+.bgl_oval-upload p[data-v-67dd9abe] {
 	padding: 0.75rem !important;
 	font-size: 12px;
 }
-.bgl_oval-upload .fileUploadPlaceHolder[data-v-fcdea419] {
+.bgl_oval-upload .fileUploadPlaceHolder[data-v-67dd9abe] {
 	top: 0;
 }
-.bgl_oval-upload .pie[data-v-fcdea419] {
+.bgl_oval-upload .pie[data-v-67dd9abe] {
 	transform: scale(1);
 }
-.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-fcdea419] {
+.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-67dd9abe] {
 	transform: scale(0.4) !important;
 }
-.bgl_oval-upload .single-image-item-preview[data-v-fcdea419] {
+.bgl_oval-upload .single-image-item-preview[data-v-67dd9abe] {
 	height: 100%;
 }
-.bgl_oval-upload .single-preview[data-v-fcdea419] {
+.bgl_oval-upload .single-preview[data-v-67dd9abe] {
 	margin: 0;
 	height: 100% !important;
 }
-.pie[data-v-fcdea419] {
+.pie[data-v-67dd9abe] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -2614,7 +2624,7 @@ line-height: 1.65;
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-fcdea419]:before {
+.pie[data-v-67dd9abe]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -2632,26 +2642,26 @@ line-height: 1.65;
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-fcdea419] {
+.pie .success[data-v-67dd9abe] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-fcdea419] {
+.pie .progress[data-v-67dd9abe] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-fcdea419] {
+.pie.complete .progress[data-v-67dd9abe] {
 	display: none;
 }
-.pie.complete .success[data-v-fcdea419] {
+.pie.complete .success[data-v-67dd9abe] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-fcdea419]:before {
+.pie.complete[data-v-67dd9abe]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-fcdea419] {
+.pie.complete[data-v-67dd9abe] {
 	color: var(--bgl-green);
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.1236",
+  "version": "0.0.1238",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/Calendar/components/header/Header.vue

@@ -124,12 +124,12 @@ function goToPeriod(direction: 'previous' | 'next') {
 
 <template>
 	<div class="flex gap-05 space-between pb-1 datePick">
-		<div class="flex gap-1">
+		<div class="flex gap-1 m_gap-025">
 			<Btn flat icon="chevron_left" @click="goToPeriod('previous')" />
 			<DatePick
 				ref="periodSelect"
 				v-model="currentPeriod.selectedDate"
-				class="m-0 bg-input-transparent m_w-max-90px txt10 p-0"
+				class="m-0 bg-input-transparent m_w-max-100px txt10 p-0"
 				:mode="mode"
 				center
 				@update:modelValue="handlePeriodChange"
@@ -147,6 +147,7 @@ function goToPeriod(direction: 'previous' | 'next') {
 @media screen and (max-width: 910px) {
 	.datePick{
 	--input-font-size: 0.75rem;
-}
+	--btn-padding: 20px;
+	}
 }
 </style>

package/src/components/Calendar/components/month/AgendaEvents.vue

@@ -25,20 +25,20 @@ const emit = defineEmits(['eventWasClicked'])
 </script>
 
 <template>
-	<div class="agenda__wrapper flex align-items-start gap-1">
+	<div class="agenda__wrapper grid align-items-start gap-1 h-100p ">
 		<header class="">
-			<div class="agenda__header-day-name txt-center">
+			<div class="agenda__header-day-name txt-center ">
 				{{ day.dayName }}
 			</div>
-			<div class="agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04">
+			<div class="agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04 ">
 				<!--        Here we want to display leading zero for days 1-9, in order to prevent layout shifts -->
 				{{ day.dateTimeString.substring(8, 10) }}
 			</div>
 		</header>
-		<div class="agenda__content flex column w-100p h-100p min-h-100px pt-05">
+		<div class="agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1">
 			<div
 				v-if="day.events.length === 0"
-				class="align-items-center flex justify-content-center h-100p"
+				class="align-items-center flex justify-content-center h-100p opacity-6"
 			>
 				{{ getLanguage(languageKeys.noEvent, time.CALENDAR_LOCALE) }}
 			</div>
@@ -59,3 +59,14 @@ const emit = defineEmits(['eventWasClicked'])
 		</div>
 	</div>
 </template>
+
+<style scoped>
+.agenda__wrapper {
+	grid-template-columns: 100px 1fr;
+}
+@media screen and (max-width: 910px) {
+	.agenda__wrapper {
+		grid-template-columns: 40px 1fr;
+	}
+}
+</style>

package/src/components/Calendar/components/month/Month.vue

@@ -150,7 +150,7 @@ onMounted(() => {
 				:time="time"
 			/>
 		</div>
-		<div class="calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between">
+		<div class="calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between ">
 			<div
 				v-for="(week, weekIndex) in month"
 				:key="weekIndex"

package/src/components/Calendar/components/week/WeekTimeline.vue

@@ -42,7 +42,7 @@ function getDaysDate(day: DayInterface) {
 			}"
 			@click="emit('dayWasClicked', time.dateStringFrom(day.dateTimeString))"
 		>
-			<div class="flex justify-content-center gap-025 txt12">
+			<div class="flex justify-content-center gap-025 txt12 pb-025">
 				<div class="">
 					{{ day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase() }}
 				</div>
@@ -78,7 +78,7 @@ function getDaysDate(day: DayInterface) {
 }
 
 .mode-is-day .week-timeline {
-	width: calc(100% - 3.5em);
+	/* width: calc(100% - 3.5em); */
 }
 
 .week-timeline__day {
@@ -86,8 +86,8 @@ function getDaysDate(day: DayInterface) {
 }
 
 .week-timeline__date {
-	height: 1rem;
-	width: 1rem;
+	height: 1.5rem;
+	width: 1.5rem;
 }
 
 .is-today .week-timeline__date {

package/src/components/form/inputs/Upload/UploadInput.vue

@@ -120,15 +120,15 @@ function handleDrop(e: DragEvent) {
 }
 
 if (props.dirPath) {
-	files.get(props.dirPath)
-		.then(response => storageFiles.push(...[response.data].flat()))
+	files.list(props.dirPath)
+		.then(response => storageFiles.push(...([response.data].flat())))
 		.catch(console.error)
 }
 
 watch(() => props.dirPath, () => {
 	if (props.dirPath) {
-		files.get(props.dirPath)
-			.then(response => storageFiles.push(...[response.data].flat()))
+		files.list(props.dirPath)
+			.then(response => storageFiles.push(...([response.data].flat())))
 			.catch(console.error)
 	}
 })

package/src/components/form/inputs/Upload/upload.ts

@@ -8,15 +8,25 @@ export const files = {
 		baseUrl = baseUrl.replace(/\/$/, '')
 		axios.defaults.baseURL = baseUrl
 	},
+
 	get: async (pathKey?: string): Promise<AxiosResponse<BglFile>> => { return axios.get('/files_v2/', { params: { path_key: pathKey } }) },
+
 	put: async (bglFilePatch: BglFilePatch, pathKey?: string): Promise<AxiosResponse<BglFile>> => { return axios.put('/files_v2/', bglFilePatch, { params: { path_key: pathKey } }) },
+
 	delete: async (pathKey?: string) => { return axios.delete('/files_v2/', { params: { path_key: pathKey } }) },
+
 	upload: async (file: File, options?: UploadOptions & { dirPath?: string, tags?: string[] }): Promise<AxiosResponse<BglFile>> => {
 		const formData = new FormData()
 		formData.append('upload', file)
 		return axios.post('/files_v2/upload', formData, {
 			headers: { 'Content-Type': 'multipart/form-data' },
+
 			onUploadProgress: options?.onUploadProgress,
 			params: { dir_path: options?.dirPath, tags: options?.tags },
-		}) }
+
+		}) },
+
+	list: async (dirPath?: string): Promise<AxiosResponse<BglFile[]>> => {
+		return axios.get('/files_v2/list', { params: { dir_path: dirPath } })
+	}
 }