@bagelink/vue 1.2.119 → 1.2.124

package/dist/types/timeago.d.ts

@@ -0,0 +1,23 @@
+export interface TimeUnit {
+    singular: string;
+    plural: string;
+}
+export type TranslationValue = string | TimeUnit;
+export interface LanguageTranslations {
+    [key: string]: TranslationValue;
+}
+export type AvailableTimeLanguages = 'en' | 'es' | 'fr' | 'he';
+export type DayFormatTypes = 'DD' | 'DDD' | 'DDDD';
+export type MonthFormatTypes = 'MM' | 'MMM' | 'MMMM';
+export type YearFormatTypes = 'YY' | 'YYYY';
+export type HourFormatTypes = 'HH';
+export type MinuteFormatTypes = 'mm';
+export type SecondFormatTypes = 'ss';
+export type MillisecondFormatTypes = 'sss';
+export type AmPmFormatTypes = 'AmPm';
+export type DateFormatSeparatorTypes = '/' | '-' | ' ' | ':' | '.';
+export type CommonDateFormats = `${DayFormatTypes}${DateFormatSeparatorTypes}${MonthFormatTypes}${DateFormatSeparatorTypes}${YearFormatTypes}` | 'DD.MM.YY' | 'DD.MM.YYYY' | 'DD/MM/YY' | 'DD/MM/YYYY' | 'MM.DD.YY' | 'MM.DD.YYYY' | 'MM/DD/YY' | 'MM/DD/YYYY' | 'YYYY-MM-DD' | 'YY-MM-DD' | 'DD MMM YYYY' | 'DD MMMM YYYY' | 'DDD, DD MMM' | 'DDDD, DD MMMM' | 'MMM DD' | 'MMMM DD';
+export type CommonTimeFormats = 'HH:mm' | 'HH:mm:ss' | 'HH:mm:ss:sss' | 'HH:MM' | 'HH:mm AmPm';
+export type CommonDateTimeFormats = `${CommonDateFormats} ${CommonTimeFormats}` | `${CommonTimeFormats}, ${CommonDateFormats}` | 'YYYY-MM-DD HH:MM';
+export type DateTimeAcceptedFormats = CommonDateFormats | CommonTimeFormats | CommonDateTimeFormats;
+//# sourceMappingURL=timeago.d.ts.map

package/dist/types/timeago.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeago.d.ts","sourceRoot":"","sources":["../../src/types/timeago.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEhD,MAAM,WAAW,oBAAoB;IACpC,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAC/B;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AAClD,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAA;AACpD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,CAAA;AAC3C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAA;AAClC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAA;AACpC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAA;AACpC,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAA;AAC1C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAA;AAEpC,MAAM,MAAM,wBAAwB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAGlE,MAAM,MAAM,iBAAiB,GAC1B,GAAG,cAAc,GAAG,wBAAwB,GAAG,gBAAgB,GAAG,wBAAwB,GAAG,eAAe,EAAE,GAC9G,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GACrD,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GACrD,YAAY,GAAG,UAAU,GACzB,aAAa,GAAG,cAAc,GAC9B,aAAa,GAAG,eAAe,GAC/B,QAAQ,GAAG,SAAS,CAAA;AAEvB,MAAM,MAAM,iBAAiB,GAC1B,OAAO,GAAG,UAAU,GAAG,cAAc,GACrC,OAAO,GACP,YAAY,CAAA;AAGf,MAAM,MAAM,qBAAqB,GAC9B,GAAG,iBAAiB,IAAI,iBAAiB,EAAE,GAC3C,GAAG,iBAAiB,KAAK,iBAAiB,EAAE,GAC5C,kBAAkB,CAAA;AAGrB,MAAM,MAAM,uBAAuB,GAChC,iBAAiB,GACjB,iBAAiB,GACjB,qBAAqB,CAAA"}

package/package.json

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

package/src/components/ImportData.vue

@@ -1958,5 +1958,6 @@ function getRelatedFieldWithDefaults(parentId: string, field: any) {
 .popupPreviewSpreadsheet .spreadsheet{
 	width: 100%;
 	overflow: auto;
+	height: calc(100vh - 300px);
 }
 </style>

package/src/components/Spreadsheet/Index.vue

@@ -784,9 +784,14 @@ const columnOptions = computed(() => {
 	</div>
 </template>
 
-<style scoped>
+<style>
 /* Spreadsheet container styles */
 .spreadsheet {
 	user-select: none;
+	outline: 1px solid var(--border-color);
+}
+
+body>div:has(.spreadsheet) ::-webkit-scrollbar-track {
+	background: var(--input-bg) !important;
 }
 </style>

package/src/components/Spreadsheet/SpreadsheetTable.vue

@@ -199,11 +199,33 @@ function formatCellValue(value: any, format?: ColumnConfig['format']): string {
 </template>
 
 <style scoped>
-.stickyTop{
+.row-number{
 	position: sticky;
-	top: -0.125rem;
+	inset-inline-start: 0;
+	background: var(--bgl-gray-80);
 	z-index: 1;
 }
+.row-number:before{
+	content: '';
+	position: absolute;
+	inset: -1px;
+	border: 1px solid var(--border-color);
+}
+
+.stickyTop{
+	position: sticky;
+	top: 0px;
+	z-index: 2;
+
+}
+.stickyTop:before{
+	content: '1';
+	position: absolute;
+	display: block;
+	inset: 0;
+	border-bottom: 1px solid var(--border-color);
+}
+
 .fixed-columns {
 	border-right: 2px solid var(--border-color);
 }
@@ -211,12 +233,12 @@ table {
 	border-collapse: collapse;
 }
 th, td {
-	border: 1px solid var(--border-color);
 	padding: 0.1rem 0.5rem;
 	min-width: 80px;
 	background: var(--bgl-white);
 	user-select: none;
 }
+
 th {
 	background: var(--input-bg);
 	white-space: nowrap;
@@ -224,6 +246,9 @@ th {
 	padding: 0.25rem 0.5rem;
 	font-weight: 500;
 	text-align: start;
+	border-bottom: 1px solid var(--border-color);
+	border-inline-start: 1px solid var(--border-color);
+
 }
 th .bgl_icon-font{
 	vertical-align: middle;
@@ -239,6 +264,7 @@ td.locked.selected {
 	background: var(--bgl-primary-light);
 }
 td {
+	border: 1px solid var(--border-color);
 	height: 40px;
 	vertical-align: middle;
 }

package/src/components/form/inputs/DatePicker.vue

@@ -13,6 +13,7 @@ const props = withDefaults(
 		firstDayOfWeek?: WEEK_START_DAY
 		locale?: string
 		enableTime?: boolean
+		highlightedDates?: (string | Date)[]
 	}>(),
 	{
 		mode: () => ({ mode: 'day' }),
@@ -155,6 +156,27 @@ function useCalendarView() {
 		return time.isTrailingOrLeadingDate(date, currentMonth.value.getMonth())
 	}
 
+	/**
+	 * Determines if a date should be highlighted based on the highlightedDates prop
+	 * @param date The date to check
+	 * @returns True if the date should be highlighted
+	 */
+	const isHighlighted = (date?: Date): boolean => {
+		if (!date || !Array.isArray(props.highlightedDates) || !props.highlightedDates.length) {
+			return false
+		}
+
+		return props.highlightedDates.some((highlightedDate) => {
+			const parsedDate = parseDate(highlightedDate)
+			if (!parsedDate) return false
+
+			// Compare year, month, and day
+			return date.getFullYear() === parsedDate.getFullYear()
+				&& date.getMonth() === parsedDate.getMonth()
+				&& date.getDate() === parsedDate.getDate()
+		})
+	}
+
 	return {
 		currentMonthDays,
 		currentMonthValue,
@@ -163,7 +185,8 @@ function useCalendarView() {
 		weekDays,
 		isSelected,
 		isToday,
-		isNotInMonth
+		isNotInMonth,
+		isHighlighted
 	}
 }
 
@@ -247,7 +270,17 @@ function emitDateValue(date: Date) {
 }
 
 // Initialize remaining composables
-const { currentMonthDays, currentMonthValue, months, years, weekDays, isSelected, isToday, isNotInMonth } = useCalendarView()
+const {
+	currentMonthDays,
+	currentMonthValue,
+	months,
+	years,
+	weekDays,
+	isSelected,
+	isToday,
+	isNotInMonth,
+	isHighlighted
+} = useCalendarView()
 const { selectMonth, selectYear, previousMonth, nextMonth, previousYear, nextYear } = useNavigation()
 const { hours, minutes, handleHourInput, handleMinuteInput } = useTimeHandling()
 
@@ -314,6 +347,7 @@ function selectDate(date: Date | null) {
 						'today': isToday(date),
 						'disabled': isDateDisabled(date),
 						'not-in-month': isNotInMonth(date),
+						'highlighted': isHighlighted(date),
 					}"
 					:disabled="isDateDisabled(date)"
 					@click="selectDate(date)"
@@ -464,4 +498,18 @@ function selectDate(date: Date | null) {
 .day.not-in-month {
 	opacity: 0.4;
 }
+
+.day.highlighted:not(.selected) {
+  background-color: var(--bgl-secondary-light, rgba(var(--bgl-primary-rgb, 0, 123, 255), 0.15));
+  font-weight: 500;
+}
+
+.day.highlighted.selected {
+  /* Add a subtle ring effect for dates that are both selected and highlighted */
+  box-shadow: 0 0 0 2px var(--bgl-secondary, rgba(var(--bgl-primary-rgb, 0, 123, 255), 0.5));
+}
+
+.day.highlighted:not(.selected):hover {
+  background-color: var(--bgl-secondary-light-hover, rgba(var(--bgl-primary-rgb, 0, 123, 255), 0.25));
+}
 </style>

package/src/components/form/inputs/RichText/index.vue

@@ -74,6 +74,7 @@ async function initEditor() {
 
 		// First write the content
 		doc.open()
+		// ! @deprecated — MDN Reference[https://developer.mozilla.org/en-US/docs/Web/API/Document/write]
 		doc.write(htmlContent)
 		doc.close()
 

package/src/components/form/inputs/RichText/{richTextTypes.d.ts → richTextTypes.ts}

@@ -1,4 +1,4 @@
-import type { Modal as BagelModal } from '@bagelink/vue'
+import type { ModalApi } from '../../../../plugins/modal'
 
 export interface EditorDebuggerInstance {
 	logCommand: (command: string, value: string | undefined, state: any) => void
@@ -35,7 +35,7 @@ export interface EditorState {
 	redoStack: string[]
 	rangeCount: number
 	range: Range | null
-	modal: BagelModal
+	modal: ModalApi
 	debug?: EditorDebugInterface
 }
 

package/src/components/form/inputs/RichText/utils/commands.ts

@@ -145,7 +145,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 				// Try to surround contents, if that fails use extract and insert
 				try {
 					range.surroundContents(span)
-				} catch (e) {
+				} catch {
 					// Handle selections that cross node boundaries
 					const fragment = range.extractContents()
 					span.appendChild(fragment)
@@ -179,7 +179,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 				// Try to surround contents, if that fails use extract and insert
 				try {
 					range.surroundContents(span)
-				} catch (e) {
+				} catch {
 					// Handle selections that cross node boundaries
 					const fragment = range.extractContents()
 					span.appendChild(fragment)
@@ -213,7 +213,7 @@ export function createCommandRegistry(state: EditorState): CommandRegistry {
 				// Try to surround contents, if that fails use extract and insert
 				try {
 					range.surroundContents(span)
-				} catch (e) {
+				} catch {
 					// Handle selections that cross node boundaries
 					const fragment = range.extractContents()
 					span.appendChild(fragment)

package/src/components/layout/Layout.vue

@@ -10,7 +10,7 @@ interface LayoutProrps {
 }
 
 const props = withDefaults(defineProps<LayoutProrps>(), {
-	gap: 1,
+	gap: 0.5,
 	h100: false,
 	columns: () => ([]),
 	rows: () => ([]),

package/src/components/lightbox/index.ts

@@ -60,13 +60,13 @@ const youtubeRegex = /youtube\.com|youtu\.be/
 const vimeoRegex = /vimeo\.com/
 
 function urlToName(url: string): string {
-	if (!url) return ''
+	if (!url || typeof url !== 'string') return ''
 	const name = url.split('/').pop() || ''
 	return name.replace(/\.[^/.]+$/, '')
 }
 
-function determineFileType(url: string): string {
-	if (!url) return 'unknown'
+function determineFileType(url: any): string {
+	if (typeof url !== 'string' || !url) return 'unknown'
 	const extension = (url.split('.').pop() || '').toLowerCase()
 	const altExtension = url.split('?')[0].split('.').pop()?.toLowerCase() || ''
 	if (IMAGE_FORMATS_REGEXP.test(extension) || IMAGE_FORMATS_REGEXP.test(altExtension)) return 'image'

package/src/types/BagelForm.ts

@@ -100,18 +100,11 @@ export type BglFieldT<T> = Field<T>
 
 export type BglFormSchemaT<T> = Field<T>[]
 
-// export type InputBagelField<T> = Field<T> & {
-// 	$el: 'text' | ComponentExposed<typeof TextInput>
-// 	type?: string
-// }
 export interface InputBagelField<T, P extends Path<T>> extends BaseBagelField<T, P> {
 	$el: 'text' | ComponentExposed<typeof TextInput>
 	type?: string
 }
 
-// export type SelectBagelField<T> = Field<T> & {
-// 	$el: 'select' | ComponentExposed<typeof SelectInput>
-// }
 export interface SelectBagelField<T, P extends Path<T>> extends BaseBagelField<T, P> {
 	$el: 'select' | ComponentExposed<typeof SelectInput>
 	type?: string

package/dist/components/Carousel2.vue.d.ts

@@ -1,89 +0,0 @@
-type Easing = 'ease-in-out' | 'ease-in' | 'ease-out' | 'linear';
-type AutoplayMode = 'disabled' | 'standard' | 'linear';
-type AutoplayValue = boolean | AutoplayMode;
-interface CarouselOptions {
-    duration?: number;
-    easing?: Easing;
-    perPage?: number | {
-        [key: number]: number;
-    };
-    startIndex?: number;
-    draggable?: boolean;
-    multipleDrag?: boolean;
-    threshold?: number;
-    loop?: boolean;
-    rtl?: boolean;
-    autoplay?: AutoplayValue;
-    autoplayInterval?: number;
-    autoplaySpeed?: number;
-    pauseOnHover?: boolean;
-    dots?: boolean;
-    slideWidth?: number;
-    onInit?: () => void;
-    onChange?: () => void;
-}
-declare function prev(howManySlides?: number): void;
-declare function next(howManySlides?: number): void;
-declare function goTo(index: number): void;
-declare function remove(index: number): void;
-declare function insert(item: Element, index: number): void;
-declare function prepend(item: Element): void;
-declare function append(item: Element): void;
-declare function destroy(restoreMarkup?: boolean): void;
-declare function pauseAutoplay(): void;
-declare function resumeAutoplay(): void;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        carouselRef: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<CarouselOptions, {
-    prev: typeof prev;
-    next: typeof next;
-    goTo: typeof goTo;
-    remove: typeof remove;
-    insert: typeof insert;
-    prepend: typeof prepend;
-    append: typeof append;
-    destroy: typeof destroy;
-    currentSlide: import('vue').Ref<number, number>;
-    pauseAutoplay: typeof pauseAutoplay;
-    resumeAutoplay: typeof resumeAutoplay;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    change: () => any;
-    init: () => any;
-}, string, import('vue').PublicProps, Readonly<CarouselOptions> & Readonly<{
-    onChange?: (() => any) | undefined;
-    onInit?: (() => any) | undefined;
-}>, {
-    autoplay: AutoplayValue;
-    loop: boolean;
-    duration: number;
-    easing: Easing;
-    startIndex: number;
-    draggable: boolean;
-    multipleDrag: boolean;
-    threshold: number;
-    rtl: boolean;
-    autoplayInterval: number;
-    autoplaySpeed: number;
-    pauseOnHover: boolean;
-    dots: boolean;
-    slideWidth: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    carouselRef: HTMLDivElement;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=Carousel2.vue.d.ts.map

package/dist/components/Carousel2.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel2.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel2.vue"],"names":[],"mappings":"AAy/BA,KAAK,MAAM,GAAG,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;AAC/D,KAAK,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAA;AACtD,KAAK,aAAa,GAAG,OAAO,GAAG,YAAY,CAAA;AAE3C,UAAU,eAAe;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAkWD,iBAAS,IAAI,CAAC,aAAa,GAAE,MAAU,GAAG,IAAI,CAmC7C;AAED,iBAAS,IAAI,CAAC,aAAa,GAAE,MAAU,GAAG,IAAI,CAmC7C;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAejC;AA+SD,iBAAS,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAenC;AAED,iBAAS,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAkBlD;AAED,iBAAS,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEpC;AAED,iBAAS,MAAM,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAEnC;AAED,iBAAS,OAAO,CAAC,aAAa,GAAE,OAAe,GAAG,IAAI,CAkBrD;AAqGD,iBAAS,aAAa,IAAI,IAAI,CAE7B;AAED,iBAAS,cAAc,IAAI,IAAI,CAI9B;AAgDD,iBAAS,cAAc;WAyDT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;cA3hCT,aAAa;UAFjB,OAAO;cAPH,MAAM;YACR,MAAM;gBAEF,MAAM;eACP,OAAO;kBACJ,OAAO;eACV,MAAM;SAEZ,OAAO;sBAEM,MAAM;mBACT,MAAM;kBACP,OAAO;UACf,OAAO;gBACD,MAAM;;;kBAiiClB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}