@bagelink/vue 1.2.45 → 1.2.50

package/dist/style.css

@@ -601,61 +601,61 @@ to {
 }
 }
 
-.weekGrid[data-v-1cd041ac] {
+.weekGrid[data-v-2d5bca17] {
 	display: grid;
 	grid-template-columns: 5rem repeat(7, 1fr);
 }
-.days-column[data-v-1cd041ac] {
+.days-column[data-v-2d5bca17] {
 	flex-grow: 1;
 	display: flex;
 }
-.day-column[data-v-1cd041ac] {
+.day-column[data-v-2d5bca17] {
 	flex: 1;
 	position: relative; /* Ensure absolute positioning works properly */
 	min-height: 100%; /* Ensure column fills the full height */
 }
 
 /* Add consistent styling for the time slots */
-.txt-light[data-v-1cd041ac] {
+.txt-light[data-v-2d5bca17] {
 	padding: 0.5rem 0;
 	box-sizing: border-box;
 	display: flex;
 	align-items: flex-start;
 	justify-content: center;
 }
-.event[data-v-1cd041ac] {
+.event[data-v-2d5bca17] {
 	margin-right: 2px;
 	box-sizing: border-box;
 }
-.event[data-v-1cd041ac]:hover {
+.event[data-v-2d5bca17]:hover {
 	z-index: 2;
 }
-.drag-preview[data-v-1cd041ac] {
+.drag-preview[data-v-2d5bca17] {
 	border: 1px solid var(--bgl-primary);
 	background-color: rgba(var(--bgl-primary-rgb), 0.1);
 	box-sizing: border-box; /* Ensure consistent sizing */
 }
-.current-time-line[data-v-1cd041ac] {
+.current-time-line[data-v-2d5bca17] {
 	height: 2px;
 	background-color: var(--bgl-primary);
 }
-.current-time-dot[data-v-1cd041ac] {
+.current-time-dot[data-v-2d5bca17] {
 	background-color: var(--bgl-primary);
 	margin-right: -5px; /* Adjust dot position */
 }
 
 /* This ensures all grid content aligns properly */
-.overflow[data-v-1cd041ac] {
+.overflow[data-v-2d5bca17] {
 	position: relative;
 }
 
 /* Time column headers should be aligned with their content */
-.day-header[data-v-1cd041ac] {
-	box-sizing: border-box;
+.day-header[data-v-2d5bca17] {
+	/* box-sizing: border-box;
 	height: 100%;
 	display: flex;
 	flex-direction: column;
-	justify-content: center;
+	justify-content: center; */
 }
 
 .calendar[data-v-840b6594] {
@@ -1486,17 +1486,6 @@ pre code.hljs{
 .date-picker-container {
 	width: 100%;
 }
-.date-picker-container .date-input{
-	--input-bg: transparent;
-	--input-font-size: 12px;
-	opacity: 0.6;
-	--input-height: 20px;
-	width: 75px;
-}
-.date-picker-container .txtInputIconStart input{
-	padding: 0 !important;
-	padding-inline-start: 1.25rem !important;
-}
 
 .fileUploadWrap[data-v-50fd0597] {
 	outline: 1px solid var(--border-color);
@@ -2367,18 +2356,18 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	height: 30px;
 }
 
-.bagel-input.bgl-toggle[data-v-ebe691ee]{
+.bagel-input.bgl-toggle[data-v-c5e45931]{
     display: unset !important;
 }
-.bagel-input.bgl-toggle[data-v-ebe691ee] *{
+.bagel-input.bgl-toggle[data-v-c5e45931] *{
   cursor: pointer !important;
 }
-.bagel-input.bgl-toggle input[data-v-ebe691ee]{
+.bagel-input.bgl-toggle input[data-v-c5e45931]{
     padding:  unset !important;
     min-width:  unset !important;
     margin: 0 !important;
 }
-.bgl-toggle input[data-v-ebe691ee] {
+.bgl-toggle input[data-v-c5e45931] {
     appearance: none;
     position: relative;
     display: inline-block;
@@ -2391,7 +2380,7 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
     transition: 0.25s linear all;
     outline: 1px solid var(--border-color);
 }
-.bgl-toggle input[data-v-ebe691ee]::before {
+.bgl-toggle input[data-v-c5e45931]::before {
   position: absolute;
   content: "";
   height: calc(var(--input-height) / 2 - 2px);
@@ -2404,7 +2393,7 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
   transition: 0.2s;
   box-shadow:0 1px 5px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);
 }
-.bgl-toggle label[data-v-ebe691ee] {
+.bgl-toggle label[data-v-c5e45931] {
   padding-inline-start: 0.5rem;
   transition: var(--bgl-transition);
   cursor: pointer;
@@ -2413,30 +2402,30 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
   font-size: var(--input-font-size);
   vertical-align: middle;
 }
-.bgl-toggle label[data-v-ebe691ee]:hover {
+.bgl-toggle label[data-v-c5e45931]:hover {
   filter: brightness(90%);
 }
-.bgl-toggle label[data-v-ebe691ee]:active {
+.bgl-toggle label[data-v-c5e45931]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl-toggle input[data-v-ebe691ee]:focus-visible {
+.bgl-toggle input[data-v-c5e45931]:focus-visible {
     outline: -webkit-focus-ring-color auto 1px;
     outline-offset: 2px
 }
-.bgl-toggle input[data-v-ebe691ee]:focus {
+.bgl-toggle input[data-v-c5e45931]:focus {
     outline-color: transparent;
 }
-.bgl-toggle input[data-v-ebe691ee]:focus-visible {
+.bgl-toggle input[data-v-c5e45931]:focus-visible {
     outline: -webkit-focus-ring-color auto 1px;
     outline-offset: 2px
 }
-.bgl-toggle[data-v-ebe691ee] :checked{
+.bgl-toggle[data-v-c5e45931] :checked{
   background: var(--bgl-primary);
 }
-.bgl-toggle[data-v-ebe691ee] :checked::before{
+.bgl-toggle[data-v-c5e45931] :checked::before{
   margin-inline-start:calc(var(--input-height) / 2 - 2px) ;
 }
-.bgl-toggle input:checked + label[data-v-ebe691ee] {
+.bgl-toggle input:checked + label[data-v-c5e45931] {
     color: var(--bgl-primary) !important;
 }
 .fileUploadWrap[data-v-d8f3ff01] {
@@ -2904,7 +2893,6 @@ button.list-item {
 	pointer-events: none;
 }
 .list-item {
-	padding: 0.6rem 1rem;
 	min-height: -webkit-fit-content;
 	min-height: -moz-fit-content;
 	min-height: fit-content;
@@ -2915,6 +2903,9 @@ button.list-item {
 	text-decoration: none;
 	position: relative;
 }
+.list-item > *{
+	margiin-bottom: 0;
+}
 .list-item::after {
 	content: '';
 	position: absolute;
@@ -2933,7 +2924,7 @@ button.list-item {
 }
 .list-item:hover,
 .list-item.router-link-active {
-	background-color: var(--bgl-primary-light);
+	background-color: var(--bgl-primary-tint);
 }
 .notClickable:hover{
 	background-color:unset;
@@ -3796,7 +3787,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .leaflet-marker-icon {
 	cursor: pointer;
 }
-.bg-dark {
+.bg-dark-modal {
     position: fixed;
     top: 0;
     right: 0;
@@ -3903,16 +3894,16 @@ svg.leaflet-image-layer.leaflet-interactive path {
     transform: translateX(0%);
 }
 
-.bg-dark.is-active {
+.bg-dark-modal.is-active {
     opacity: 1;
     pointer-events: all;
 }
 
-body:has(.bg-dark.is-active) {
+body:has(.bg-dark-modal.is-active) {
     overflow: hidden;
 }
 
-.is-side.bg-dark.is-active {
+.is-side.bg-dark-modal.is-active {
     opacity: 1;
     align-items: stretch;
 }
@@ -16490,6 +16481,8 @@ select {
     color: var(--bgl-blue-light) !important;
 }.bg-bg {
     background: var(--bgl-bg) !important;
+}.bg-dark {
+    background: var(--bgl-dark-bg);
 }.color-bg {
     color: var(--bgl-bg) !important;
 }.bg-input {
@@ -17028,6 +17021,14 @@ select {
         background: var(--label-color) !important;
     }
 
+    .m_bg-bg {
+        background: var(--bgl-bg) !important;
+    }
+
+    .m_bg-dark {
+        background: var(--bgl-dark-bg);
+    }
+
     .m_bg-gray-light {
         background: var(--bgl-gray-light) !important;
     }

package/dist/types/BagelForm.d.ts

@@ -1,9 +1,9 @@
 import { SelectInput, TextInput } from '..';
-import { Paths, Get, IterableElement } from 'type-fest';
-import { ToString } from 'type-fest/source/internal';
-import { LiteralStringUnion } from 'type-fest/source/literal-union';
+import { Paths, Get, IterableElement, LiteralUnion } from 'type-fest';
 import { VNode } from 'vue';
 import { ComponentExposed } from 'vue-component-type-helpers';
+export type ToString<T> = T extends string | number ? `${T}` : never;
+export type LiteralStringUnion<T> = LiteralUnion<T, string>;
 export type AttributeValue = string | number | boolean | undefined | {
     [key: string]: any;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.2.45",
+  "version": "1.2.50",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -81,7 +81,7 @@
   },
   "dependencies": {
     "date-fns": "^4.1.0",
-    "@vueuse/core": "^13.0.0",
+    "@vueuse/core": "^13.1.0",
     "axios": "^1.8.4",
     "floating-vue": "^5.2.2",
     "libphonenumber-js": "1.12.6",

package/src/components/ListItem.vue

@@ -15,6 +15,8 @@ const props = defineProps<{
 	lead?: string
 	iconEnd?: IconType
 	target?: '_blank' | '_self'
+	thin?: boolean
+	fullWidth?: boolean
 	onClick?: () => void
 }>()
 
@@ -25,6 +27,10 @@ const isComponent = $computed(() => {
 	return 'div'
 })
 
+const isClickable = $computed(() => {
+	return props.to || props.href || props.onClick
+})
+
 const bind = $computed(() => {
 	const obj: { [key: string]: any } = {}
 	if (props.to) obj.to = props.to
@@ -44,27 +50,36 @@ const bind = $computed(() => {
 	<component
 		:is="isComponent"
 		v-bind="bind"
+		v-ripple="isClickable"
 		class="flex gap-05 list-item"
+		:class="{ 'py-1': !props.thin,
+			'py-05': props.thin,
+			'px-1': !props.fullWidth,
+			'px-0': props.fullWidth,
+		}"
 		@click="onClick"
 	>
 		<Avatar v-if="src || showAvatar" style="flex-basis: 1;" :name="title" :src="src" :size="40" />
 		<Icon v-if="icon" size="1.2" class="color-primary" :icon="icon" />
 
-		<div>
-			<p v-if="lead" class="txt10 no-margin txt-gray ellipsis txt-start">
+		<div class="txt-start">
+			<p v-if="lead" class="txt10 m-0 p-0 txt-gray ellipsis">
 				{{ lead }}
 				<slot name="lead" />
 			</p>
-			<p class="no-margin ellipsis line-height-14 pb-025 txt-start">
+			<p class="m-0 p-0 ellipsis-1 line-height-14 pb-025">
 				{{ title }}
 				<slot />
 			</p>
-			<p v-if="subtitle" class="txt12 no-margin txt-gray ellipsis">
+			<p v-if="subtitle" class="txt12 m-0 p-0 opacity-7 ellipsis-1">
 				{{ subtitle }}
 				<slot name="subtitle" />
 			</p>
 		</div>
-		<Icon v-if="iconEnd" :icon="iconEnd" class="transition-400" />
+		<div class="flex-grow-1" />
+		<slot name="action">
+			<Icon v-if="iconEnd" :icon="iconEnd" class="transition-400" />
+		</slot>
 	</component>
 </template>
 
@@ -83,7 +98,6 @@ button.list-item {
 	pointer-events: none;
 }
 .list-item {
-	padding: 0.6rem 1rem;
 	min-height: -webkit-fit-content;
 	min-height: -moz-fit-content;
 	min-height: fit-content;
@@ -94,6 +108,9 @@ button.list-item {
 	text-decoration: none;
 	position: relative;
 }
+.list-item > *{
+	margiin-bottom: 0;
+}
 
 .list-item::after {
 	content: '';
@@ -114,7 +131,7 @@ button.list-item {
 
 .list-item:hover,
 .list-item.router-link-active {
-	background-color: var(--bgl-primary-light);
+	background-color: var(--bgl-primary-tint);
 }
 .notClickable:hover{
 	background-color:unset;

package/src/components/Modal.vue

@@ -70,7 +70,7 @@ onUnmounted(() => {
 
 <template>
 	<div
-		class="bg-dark"
+		class="bg-dark-modal"
 		:class="{ 'is-side': side, 'is-active': isVisible, 'bg-lignt': false }"
 		@click="() => (dismissable ? closeModal() : '')"
 		@keydown.esc="closeModal"

package/src/components/calendar/views/WeekView.vue

@@ -136,7 +136,7 @@ const processedEvents = computed(() => {
 	// Adjust overlapping events
 	Object.values(overlappingGroups).forEach((group) => {
 		if (group.length > 1) {
-			const groupWidth = 95 / group.length
+			const groupWidth = 100 / group.length
 			group.forEach((event, index) => {
 				event.overlappingEvents = group.length
 				event.position = index
@@ -414,7 +414,7 @@ onUnmounted(() => {
 						:key="event.id"
 					>
 						<div
-							class="event absolute radius-05 overflow-hidden pointer transition z-1"
+							class="event absolute radius-05 overflow-hidden pointer transition z-1 opacity-8 border"
 							:style="{
 								top: `${event.top}px`,
 								height: `${event.height}px`,
@@ -429,7 +429,7 @@ onUnmounted(() => {
 								<div class="white-space ellipsis-1">
 									{{ event.title }}
 								</div>
-								<div class="txt10 opacity-8">
+								<div class="txt10 opacity-8 user-select-none">
 									{{ formatDate(event.start_time, { fmt: 'HH:mm' }) }} - {{ formatDate(event.end_time, { fmt: 'HH:mm' }) }}
 								</div>
 							</div>
@@ -516,10 +516,10 @@ onUnmounted(() => {
 
 /* Time column headers should be aligned with their content */
 .day-header {
-	box-sizing: border-box;
+	/* box-sizing: border-box;
 	height: 100%;
 	display: flex;
 	flex-direction: column;
-	justify-content: center;
+	justify-content: center; */
 }
 </style>

package/src/components/form/FieldArray.vue

@@ -4,6 +4,7 @@ import type {
 	AttributeValue,
 	Attributes,
 	BagelFieldOptions,
+	BaseBagelField,
 	BglFormSchemaFnT,
 	Field,
 	Path
@@ -11,27 +12,33 @@ import type {
 import { BagelForm, Btn, Loading, Icon } from '@bagelink/vue'
 import { ref, onMounted, computed, watch } from 'vue'
 
+export interface FieldArrayProps<T, P extends Path<T>> {
+	el?: any
+	id: string
+	label?: string
+	placeholder?: string
+	children?: Field<T>[]
+	class?: AttributeValue | AttributeFn<T, P>
+	attrs?: Attributes<T, P>
+	required?: boolean
+	disabled?: boolean
+	helptext?: string
+	options?: BagelFieldOptions<T>
+	defaultValue?: any
+	add?: boolean
+	delete?: boolean
+	transform?: (value: T) => T
+	schema?: BglFormSchemaFnT<T>
+	modelValue: T[]
+	type?: 'object' | 'number' | 'text'
+}
+
+export interface PrimitiveArrFieldT extends BaseBagelField<{ value: string }, 'value'> {
+	type: FieldArrayProps<{ value: string }, 'value'>['type']
+}
+
 const props = withDefaults(
-	defineProps<{
-		el?: any
-		id: string
-		label?: string
-		placeholder?: string
-		children?: Field<T>[]
-		class?: AttributeValue | AttributeFn<T, P>
-		attrs?: Attributes<T, P>
-		required?: boolean
-		disabled?: boolean
-		helptext?: string
-		options?: BagelFieldOptions<T>
-		defaultValue?: any
-		add?: boolean
-		delete?: boolean
-		transform?: (value: T) => T
-		schema?: BglFormSchemaFnT<T>
-		modelValue: T[]
-		type?: 'object' | 'number' | 'text'
-	}>(),
+	defineProps<FieldArrayProps<T, P>>(),
 	{
 		delete: true,
 		add: true,
@@ -54,18 +61,18 @@ watch(() => props.modelValue, (newValue) => {
 }, { deep: true })
 
 // Generate schema for primitive types
-const primitiveSchema = computed(() => {
+const primitiveSchema = computed<PrimitiveArrFieldT[]>(() => {
 	if (props.type === 'text') {
-		return [{ id: 'value', type: 'text', label: '' }]
+		return [{ id: 'value', type: 'text', label: '', $el: 'text' }]
 	} else if (props.type === 'number') {
-		return [{ id: 'value', type: 'number', label: '' }]
+		return [{ id: 'value', type: 'number', label: '', $el: 'number' }]
 	}
 	return []
 })
 
 // Resolve schema
 async function resolveSchema() {
-	// For primitive types, use the predefined schema
+	// For primitive types, use the predefined schemaks
 	if (props.type !== 'object') {
 		resolvedSchemaData.value = primitiveSchema.value
 		schemaState.value = 'loaded'

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

@@ -200,15 +200,4 @@ onMounted(() => {
 .date-picker-container {
 	width: 100%;
 }
-.date-picker-container .date-input{
-	--input-bg: transparent;
-	--input-font-size: 12px;
-	opacity: 0.6;
-	--input-height: 20px;
-	width: 75px;
-}
-.date-picker-container .txtInputIconStart input{
-	padding: 0 !important;
-	padding-inline-start: 1.25rem !important;
-}
 </style>

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

@@ -2,7 +2,7 @@
 import { onMounted } from 'vue'
 
 const props = withDefaults(defineProps<{
-	label: string
+	label?: string
 	id?: string
 	title?: string
 	small?: boolean

package/src/styles/appearance.css

@@ -173,6 +173,10 @@
     background: var(--bgl-bg) !important;
 }
 
+.bg-dark {
+    background: var(--bgl-dark-bg);
+}
+
 .color-bg {
     color: var(--bgl-bg) !important;
 }
@@ -1015,6 +1019,14 @@
         background: var(--label-color) !important;
     }
 
+    .m_bg-bg {
+        background: var(--bgl-bg) !important;
+    }
+
+    .m_bg-dark {
+        background: var(--bgl-dark-bg);
+    }
+
     .m_bg-gray-light {
         background: var(--bgl-gray-light) !important;
     }

package/src/styles/modal.css

@@ -1,4 +1,4 @@
-.bg-dark {
+.bg-dark-modal {
     position: fixed;
     top: 0;
     right: 0;
@@ -105,16 +105,16 @@
     transform: translateX(0%);
 }
 
-.bg-dark.is-active {
+.bg-dark-modal.is-active {
     opacity: 1;
     pointer-events: all;
 }
 
-body:has(.bg-dark.is-active) {
+body:has(.bg-dark-modal.is-active) {
     overflow: hidden;
 }
 
-.is-side.bg-dark.is-active {
+.is-side.bg-dark-modal.is-active {
     opacity: 1;
     align-items: stretch;
 }

package/src/types/BagelForm.ts

@@ -1,10 +1,11 @@
 import type { SelectInput, TextInput } from '@bagelink/vue'
-import type { Paths, Get, IterableElement } from 'type-fest'
-import type { ToString } from 'type-fest/source/internal'
-import type { LiteralStringUnion } from 'type-fest/source/literal-union'
+import type { Paths, Get, IterableElement, LiteralUnion } from 'type-fest'
 import type { VNode } from 'vue'
 import type { ComponentExposed } from 'vue-component-type-helpers'
 
+export type ToString<T> = T extends string | number ? `${T}` : never
+export type LiteralStringUnion<T> = LiteralUnion<T, string>
+
 export type AttributeValue = string | number | boolean | undefined | { [key: string]: any }
 
 export type AttributeFn<T, P extends Path<T>> = (