@bagelink/vue 1.2.134 → 1.2.141

package/dist/style.css

@@ -308,15 +308,15 @@ display: block;
 	display: inline;
 }
 
-.bgl_vid iframe[data-v-006552f6],
-.bgl_vid video[data-v-006552f6] {
+.bgl_vid iframe[data-v-e5f32248],
+.bgl_vid video[data-v-e5f32248] {
 	width: 100%;
 	height: auto;
 	display: block;
 	margin: auto;
 	border-radius: var(--input-border-radius);
 }
-.bgl_vid.vid_empty[data-v-006552f6] {
+.bgl_vid.vid_empty[data-v-e5f32248] {
 	padding-top: 56.25%;
 	background: var(--input-bg);
 	border-radius: var(--input-border-radius);
@@ -1482,6 +1482,7 @@ pre code.hljs {
     --input-font-size: 12px;
 	height: calc(var(--input-height) - 9px) !important;
 	background: transparent !important;
+	min-width: 50px !important;
 }
 .colorInputPick:focus{
 	outline: none;
@@ -2263,58 +2264,58 @@ input[type="range"][data-v-46e22f3e]:active::-webkit-slider-thumb {
 	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-84ff4b81] {
+.bagel-input textarea[data-v-eeb2bf31] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-84ff4b81] {
+.bagel-input.text-input textarea[data-v-eeb2bf31] {
 	resize: none;
 }
-.code textarea[data-v-84ff4b81] {
+.code textarea[data-v-eeb2bf31] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-code-bg) !important;
 	color: var(--bgl-light-text) !important;
 }
-.code textarea[data-v-84ff4b81]::placeholder {
+.code textarea[data-v-eeb2bf31]::placeholder {
 	color: var(--bgl-light-text) !important;
 	opacity: 0.3;
 }
-.bagel-input.small[data-v-84ff4b81] {
+.bagel-input.small[data-v-eeb2bf31] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-84ff4b81] {
+.bagel-input.dense label[data-v-eeb2bf31] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input input[data-v-84ff4b81]:disabled {
+.bagel-input input[data-v-eeb2bf31]:disabled {
 	background: #f5f5f5;
 }
-.bagel-input label[data-v-84ff4b81] {
+.bagel-input label[data-v-eeb2bf31] {
 	font-size: var(--label-font-size);
 }
-.textInputIconWrap .bgl_icon-font[data-v-84ff4b81] {
+.textInputIconWrap .bgl_icon-font[data-v-eeb2bf31] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 + 0.1rem);
 	line-height: 0;
 }
-.textInputIconWrap input[data-v-84ff4b81]{
+.textInputIconWrap input[data-v-eeb2bf31]{
 	padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
 }
-.txtInputIconStart .iconStart[data-v-84ff4b81] {
+.txtInputIconStart .iconStart[data-v-eeb2bf31] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.txtInputIconStart input[data-v-84ff4b81], .txtInputIconStart textarea[data-v-84ff4b81]{
+.txtInputIconStart input[data-v-eeb2bf31], .txtInputIconStart textarea[data-v-eeb2bf31]{
 	padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
 }
-.bagel-input.small textarea[data-v-84ff4b81] {
+.bagel-input.small textarea[data-v-eeb2bf31] {
 	height: 30px;
 }
 
@@ -3963,10 +3964,10 @@ body:has(.bg-dark.is-active) {
 }
 }
 
-[dir='rtl'] .top-arrow[data-v-f3df1ee7] {
+[dir='rtl'] .top-arrow[data-v-04874db1] {
 	transform: rotate(180deg);
 }
-.nav-expend[data-v-f3df1ee7] {
+.nav-expend[data-v-04874db1] {
 	text-align: center;
 	cursor: pointer;
 	background: var(--bgl-popup-bg);
@@ -3992,17 +3993,17 @@ body:has(.bg-dark.is-active) {
 	margin-bottom: 30px;
 }
 */
-.nav-expend[data-v-f3df1ee7] {
+.nav-expend[data-v-04874db1] {
 	background: var(--bgl-popup-bg);
 }
-.nav-expend[data-v-f3df1ee7]:hover {
+.nav-expend[data-v-04874db1]:hover {
 	filter: brightness(95%);
 	box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
 }
-.nav-expend[data-v-f3df1ee7]:active {
+.nav-expend[data-v-04874db1]:active {
 	filter: var(--bgl-active-filter);
 }
-.nav[data-v-f3df1ee7] {
+.nav[data-v-04874db1] {
 	color: var(--bgl-light-text);
 	background: var(--bgl-primary);
 	z-index: 100;
@@ -4011,10 +4012,10 @@ body:has(.bg-dark.is-active) {
 	display: flex;
 	flex-direction: column;
 }
-.nav[data-v-f3df1ee7] * {
+.nav[data-v-04874db1] * {
 	user-select: none;
 }
-.nav-button[data-v-f3df1ee7] {
+.nav-button[data-v-04874db1] {
 	text-decoration: none;
 	cursor: pointer;
 	display: flex;
@@ -4025,11 +4026,11 @@ body:has(.bg-dark.is-active) {
 	transition: all 0.2s ease;
 	pointer-events: none;
 }
-.nav-button[data-v-f3df1ee7]:hover {
+.nav-button[data-v-04874db1]:hover {
 	width: fit-content;
 	pointer-events: all;
 }
-.nav-button .bgl_icon-font[data-v-f3df1ee7] {
+.nav-button .bgl_icon-font[data-v-04874db1] {
 	font-size: 22px;
 	margin: 0.25rem 10px;
 	padding: 10px;
@@ -4042,16 +4043,16 @@ body:has(.bg-dark.is-active) {
 	transition: all 0.2s ease;
 	pointer-events: all;
 }
-.nav-button:hover .bgl_icon-font[data-v-f3df1ee7],
-.nav-button.router-link-active .bgl_icon-font[data-v-f3df1ee7] {
+.nav-button:hover .bgl_icon-font[data-v-04874db1],
+.nav-button.router-link-active .bgl_icon-font[data-v-04874db1] {
 	background: var(--bgl-box-bg);
 	color: var(--bgl-primary);
 }
-.nav-button:hover .tooltip[data-v-f3df1ee7] {
+.nav-button:hover .tooltip[data-v-04874db1] {
 	opacity: 1;
 	pointer-events: all;
 }
-.tooltip[data-v-f3df1ee7] {
+.tooltip[data-v-04874db1] {
 	background-color: var(--bgl-popup-bg);
 	color: var(--bgl-primary);
 	line-height: 1;
@@ -4065,23 +4066,23 @@ body:has(.bg-dark.is-active) {
 	opacity: 0;
 	margin-inline-start: 1rem;
 }
-.tooltip[data-v-f3df1ee7]:hover {
+.tooltip[data-v-04874db1]:hover {
 	filter: brightness(95%);
 }
-.tooltip[data-v-f3df1ee7]:active {
+.tooltip[data-v-04874db1]:active {
 	filter: brightness(90%);
 }
-.bot-buttons-wrapper[data-v-f3df1ee7] {
+.bot-buttons-wrapper[data-v-04874db1] {
 	margin-top: auto;
 	width: 100%;
 }
-.nav-links-wrapper[data-v-f3df1ee7] {
+.nav-links-wrapper[data-v-04874db1] {
 	direction: ltr;
 }
-[dir='rtl'] .nav-links-wrapper[data-v-f3df1ee7] {
+[dir='rtl'] .nav-links-wrapper[data-v-04874db1] {
 	direction: rtl;
 }
-.nav-scroll[data-v-f3df1ee7] {
+.nav-scroll[data-v-04874db1] {
 	overflow-y: scroll;
 	width: 50vw;
 	direction: rtl;
@@ -4091,30 +4092,30 @@ body:has(.bg-dark.is-active) {
 	display: flex;
 	flex-direction: column;
 }
-.nav[data-v-f3df1ee7]::-webkit-scrollbar-thumb {
+.nav[data-v-04874db1]::-webkit-scrollbar-thumb {
 	background-color: transparent;
 }
-.nav[data-v-f3df1ee7]:hover::-webkit-scrollbar-thumb {
+.nav[data-v-04874db1]:hover::-webkit-scrollbar-thumb {
 	background-color: var(--bgl-gray);
 }
-[dir='rtl'] .nav-scroll[data-v-f3df1ee7] {
+[dir='rtl'] .nav-scroll[data-v-04874db1] {
 	direction: ltr;
 }
-.full-nav[data-v-f3df1ee7] {
+.full-nav[data-v-04874db1] {
 	height: 100%;
 	display: flex;
 	flex-direction: column;
 }
 @media screen and (min-width: 910px) {
-.nav.open .nav-expend[data-v-f3df1ee7] {
+.nav.open .nav-expend[data-v-04874db1] {
 		margin-inline-start: 189px;
 		transform: rotate(180deg);
 }
-.nav.open[data-v-f3df1ee7] {
+.nav.open[data-v-04874db1] {
 		width: 200px;
 		text-align: start;
 }
-.nav.open .tooltip[data-v-f3df1ee7] {
+.nav.open .tooltip[data-v-04874db1] {
 		background-color: transparent;
 		color: var(--bgl-light-text);
 		padding: 0;
@@ -4123,30 +4124,30 @@ body:has(.bg-dark.is-active) {
 		opacity: 1;
 		margin-inline-start: 0rem;
 }
-.nav.open .nav-button .bgl_icon-font[data-v-f3df1ee7] {
+.nav.open .nav-button .bgl_icon-font[data-v-04874db1] {
 		margin: 0;
 		background: transparent;
 }
-.nav.open .nav-button[data-v-f3df1ee7] {
+.nav.open .nav-button[data-v-04874db1] {
 		width: 180px;
 		border-radius: 10px;
 		margin-inline-start: 10px;
 		margin-top: 10px;
 		margin-bottom: 10px;
 }
-.nav.open .nav-button[data-v-f3df1ee7]:hover,
-	.nav.open .nav-button.router-link-active[data-v-f3df1ee7] {
+.nav.open .nav-button[data-v-04874db1]:hover,
+	.nav.open .nav-button.router-link-active[data-v-04874db1] {
 		background: var(--bgl-popup-bg);
 		color: var(--bgl-primary);
 }
-.nav.open .nav-button[data-v-f3df1ee7]:hover,
-	.nav.open .nav-button:hover .tooltip[data-v-f3df1ee7],
-	.nav.open .nav-button.router-link-active .tooltip[data-v-f3df1ee7] {
+.nav.open .nav-button[data-v-04874db1]:hover,
+	.nav.open .nav-button:hover .tooltip[data-v-04874db1],
+	.nav.open .nav-button.router-link-active .tooltip[data-v-04874db1] {
 		color: var(--bgl-primary);
 }
 }
 @media screen and (max-width: 910px) {
-.full-nav[data-v-f3df1ee7] {
+.full-nav[data-v-04874db1] {
 		height: auto;
 		display: flex;
 		flex-direction: row;
@@ -4155,10 +4156,10 @@ body:has(.bg-dark.is-active) {
 		inset-inline-end: 0;
 		overflow-x: auto;
 }
-.nav.open[data-v-f3df1ee7] {
+.nav.open[data-v-04874db1] {
 		width: initial;
 }
-.nav[data-v-f3df1ee7] {
+.nav[data-v-04874db1] {
 		width: auto;
 		display: flex;
 		flex-direction: row;
@@ -4166,7 +4167,7 @@ body:has(.bg-dark.is-active) {
 		overflow-x: auto;
 		justify-content: flex-start;
 }
-.tooltip[data-v-f3df1ee7] {
+.tooltip[data-v-04874db1] {
 		opacity: 1;
 		background: transparent;
 		color: var(--bgl-light-text);
@@ -4175,25 +4176,25 @@ body:has(.bg-dark.is-active) {
 		padding: 0;
 		margin: 0;
 }
-.nav-button[data-v-f3df1ee7] {
+.nav-button[data-v-04874db1] {
 		flex-direction: column;
 		margin: 12px 0.25rem;
 }
-.nav-button .bgl_icon-font[data-v-f3df1ee7] {
+.nav-button .bgl_icon-font[data-v-04874db1] {
 		padding: 2px 0 0 0;
 		margin: 0;
 		height: 30px;
 		width: 30px;
 }
-.nav-links-wrapper[data-v-f3df1ee7] {
+.nav-links-wrapper[data-v-04874db1] {
 		display: flex;
 }
-.bot-buttons-wrapper[data-v-f3df1ee7] {
+.bot-buttons-wrapper[data-v-04874db1] {
 		margin-top: 0;
 		width: auto;
 		display: flex;
 }
-.nav-scroll[data-v-f3df1ee7] {
+.nav-scroll[data-v-04874db1] {
 		overflow-y: visible;
 		width: auto;
 		direction: auto;
@@ -4204,15 +4205,15 @@ body:has(.bg-dark.is-active) {
 		flex-direction: row;
 		margin-inline-end: auto;
 }
-.nav[data-v-f3df1ee7]::-webkit-scrollbar {
+.nav[data-v-04874db1]::-webkit-scrollbar {
 		display: none;
 }
-.nav-expend[data-v-f3df1ee7] {
+.nav-expend[data-v-04874db1] {
 		display: none;
 }
 }
 @media screen and (max-height: 550px) {
-.nav.open .nav-button[data-v-f3df1ee7] {
+.nav.open .nav-button[data-v-04874db1] {
 		margin-top: 4px;
 		margin-bottom: 4px;
 }

package/dist/utils/BagelFormUtils.d.ts

@@ -53,11 +53,7 @@ interface EmailInputOptions<T, P extends Path<T>> extends InputOptions<T, P> {
 export declare function emailField<T, P extends Path<T>>(id: P, label?: string, options?: EmailInputOptions<T, P>): BaseBagelField<T, P>;
 export declare function dateField<T, P extends Path<T>>(id: P, label?: string, options?: DateOptions<T, P>): BaseBagelField<T, P>;
 export declare function numField<T, P extends Path<T>>(id: P, label?: string, options?: NumFieldOptions<T, P>): BaseBagelField<T, P>;
-export declare function frmRow<T, P extends Path<T>>(...children: SchemaChild<T, P>[]): {
-    $el: string;
-    class: string;
-    children: SchemaChild<T, P>[];
-};
+export declare function frmRow<T, P extends Path<T>>(...children: SchemaChild<T, P>[]): Field<T>;
 export interface UploadOptions<T, K extends Path<T>> extends Omit<UploadInputProps, 'id'>, InputOptions<T, K> {
 }
 export declare function uploadField<T, P extends Path<T>>(id: P, label?: string, options?: UploadOptions<T, P>): BaseBagelField<T, P>;

package/dist/utils/BagelFormUtils.d.ts.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.2.134",
+  "version": "1.2.141",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -86,7 +86,6 @@
     "access": "public"
   },
   "dependencies": {
-    "date-fns": "^4.1.0",
     "@vueuse/core": "^13.1.0",
     "axios": "^1.9.0",
     "floating-vue": "^5.2.2",

package/src/components/BglVideo.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
+import { useIntersectionObserver } from '@vueuse/core'
 import { watch } from 'vue'
 
+type Autoplay = boolean | 'visible'
 interface Props {
 	src?: string
-	autoplay?: boolean
+	autoplay?: Autoplay
 	mute?: boolean
 	aspectRatio?: string
 	controls?: boolean
@@ -21,6 +23,7 @@ const aspectRatio = $computed(
 )
 
 const video = $ref<HTMLVideoElement | null>()
+const videoContainer = $ref<HTMLElement | null>()
 
 function play() {
 	video?.play()
@@ -30,6 +33,21 @@ function pause() {
 	video?.pause()
 }
 
+// Setup intersection observer for autoplay="visible"
+if (props.autoplay === 'visible') {
+	const { stop } = useIntersectionObserver(
+		videoContainer,
+		([{ isIntersecting }]) => {
+			if (isIntersecting) {
+				play()
+			} else {
+				pause()
+			}
+		},
+		{ threshold: 0.3 } // Start playing when 30% of the video is visible
+	)
+}
+
 watch(() => props.status, (status) => {
 	if (status === 'play') play()
 	if (status === 'pause') pause()
@@ -69,7 +87,7 @@ const videoUrl = $computed(() => {
 </script>
 
 <template>
-	<div class="bgl_vid" :class="{ vid_empty: !src }">
+	<div ref="videoContainer" class="bgl_vid" :class="{ vid_empty: !src }">
 		<iframe
 			v-if="embedType"
 			:src="videoUrl"
@@ -82,7 +100,7 @@ const videoUrl = $computed(() => {
 		<video
 			v-else-if="src"
 			ref="video"
-			:autoplay="autoplay"
+			:autoplay="autoplay === true"
 			:muted="mute"
 			:loop="loop"
 			:style="{ aspectRatio }"

package/src/components/NavBar.vue

@@ -39,7 +39,7 @@ onMounted(calcIsOpen)
 
 <template>
 	<div :class="{ open: isOpen, closed: !isOpen }">
-		<slot name="top" :isOpen />
+		<slot name="top" :isOpen="isOpen" />
 		<div
 			class="nav-expend"
 			role="button"

package/src/components/form/BagelForm.vue

@@ -141,9 +141,9 @@ defineExpose({ form, isDirty, validateForm, checkValidity })
 			<slot
 				name="submit"
 				:submit="handleSubmit"
-				:isDirty
-				:validateForm
-				:formState
+				:isDirty="isDirty"
+				:validateForm="validateForm"
+				:formState="formState"
 			/>
 		</form>
 

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

@@ -38,8 +38,7 @@ watch(
 				>
 				<input
 					v-model="inputVal"
-					class="flex-grow-4 border colorInputPick"
-					style="width: 50px"
+					class="flex-grow-1 border colorInputPick"
 					type="text"
 					placeholder="Enter color"
 				>
@@ -54,6 +53,7 @@ watch(
     --input-font-size: 12px;
 	height: calc(var(--input-height) - 9px) !important;
 	background: transparent !important;
+	min-width: 50px !important;
 }
 .colorInputPick:focus{
 	outline: none;

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

@@ -103,18 +103,18 @@ onMounted(() => {
 
 			<input
 				v-if="!multiline && !autoheight && !code && inputRows < 2"
-				:id
+				:id="id"
 				ref="input"
 				v-model.trim="inputVal"
-				:name
-				:title
-				:autocomplete
+				:name="name"
+				:title="title"
+				:autocomplete="autocomplete"
 				:type="type"
 				:rows="1"
 				:placeholder="placeholder || label"
-				:disabled
-				:required
-				:pattern
+				:disabled="disabled"
+				:required="required"
+				:pattern="pattern"
 				v-bind="nativeInputAttrs"
 				@focusout="onFocusout"
 				@focus="onFocus"
@@ -122,17 +122,17 @@ onMounted(() => {
 			>
 			<textarea
 				v-else
-				:id
+				:id="id"
 				ref="input"
 				v-model="inputVal"
-				:name
-				:title
-				:type
+				:name="name"
+				:title="title"
+				:type="type"
 				:rows="inputRows"
 				:placeholder="placeholder || label"
-				:disabled
-				:required
-				:pattern
+				:disabled="disabled"
+				:required="required"
+				:pattern="pattern"
 				v-bind="nativeInputAttrs"
 				@input="updateInputVal"
 				@focusout="onFocusout"
@@ -145,7 +145,7 @@ onMounted(() => {
 			/>
 			<Icon
 				v-if="icon"
-				:icon
+				:icon="icon"
 			/>
 		</label>
 	</div>

package/src/components/layout/Tabs.vue

@@ -41,7 +41,7 @@ const tabComponent = defineComponent({
 
 z
 <template>
-	<TabsNav v-model="slctTab" :flat :tabs :group class="mb-05" />
+	<TabsNav v-model="slctTab" :flat="flat" :tabs="tabs" :group class="mb-05" />
 	<div v-if="currentTab">
 		<template v-if="slots[currentTab]">
 			<slot :name="currentTab" />

package/src/utils/BagelFormUtils.ts

@@ -234,12 +234,12 @@ export function frmRow<
 	P extends Path<T>
 >(
 	...children: SchemaChild<T, P>[]
-) {
+): Field<T> {
 	return {
 		$el: 'div',
 		class: 'flex gap-1 m_block align-items-end',
-		children,
-	} satisfies BaseBagelField<T, P>
+		children: children as Field<T>[],
+	}
 }
 
 export interface UploadOptions<T, K extends Path<T>> extends Omit<UploadInputProps, 'id'>, InputOptions<T, K> {}