@bagelink/vue 1.6.9 → 1.6.21

package/dist/utils/index.d.ts

@@ -29,5 +29,6 @@ export { formatString } from './strings';
 export { useDebounceFn } from '@vueuse/core';
 export declare function pathKeyToURL(pathKey?: string): string | undefined;
 export declare function getNestedValue(obj: any, path?: string, defaultValue?: any): any;
+export declare function tryRun<T>(func: () => T, callback?: (error: Error) => void): T | undefined;
 export declare function downloadFile(source: string | Blob, fileName?: string): void;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAI1E,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,EAC7C,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EACxB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC;;EAwBP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,GAAI,YAAY,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,OAAO,CAAC,EAAE,MAAM,EAAE,GAChB,cAAc,CAAC,CAAC,CAAC,CAgBnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAKD,wBAAsB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CA2CxF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAM5C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,sBAkB5C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAE,GAAe,GAAG,GAAG,CAa1F;AAID,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,QAkBpE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAI1E,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,MAAY,QAO1D;AAED,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,UAMlC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,EAC7C,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EACxB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC;;EAwBP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,GAAI,YAAY,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,OAAO,CAAC,EAAE,MAAM,EAAE,GAChB,cAAc,CAAC,CAAC,CAAC,CAgBnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAKD,wBAAsB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CA2CxF;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAatD;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,UAIvC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,aAAa,SAAO,GAAG,MAAM,GAAG,SAAS,CAG/G;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAM5C,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,sBAkB5C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAE,GAAe,GAAG,GAAG,CAa1F;AAID,wBAAgB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GAAG,CAAC,GAAG,SAAS,CAQzF;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,QA6BpE"}

package/package.json

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

package/src/components/ListItem.vue

@@ -80,7 +80,7 @@ const bind = $computed(() => {
 					{{ title }}
 					<slot />
 				</p>
-				<p v-if="subtitle" class="txt12 m-0 p-0 opacity-7" :class="{ 'ellipsis-1': ellipsis }">
+				<p v-if="subtitle" class="txt12 m-0 m-0 py-0 ps-0 pe-1-5 opacity-7 me-2" :class="{ 'ellipsis-1': ellipsis }">
 					{{ subtitle }}
 					<slot name="subtitle" />
 				</p>
@@ -89,7 +89,7 @@ const bind = $computed(() => {
 		</component>
 		<slot name="end">
 			<Icon v-if="iconEnd" :icon="iconEnd" class="transition-400" />
-			<p v-if="end" class="txt12 m-0 p-0 opacity-7" :class="{ 'ellipsis-1': ellipsis }" v-text="end" />
+			<p v-if="end" class="txt12 m-0 py-0 ps-0 pe-1-5 opacity-7 " :class="{ 'ellipsis-1': ellipsis }" v-text="end" />
 		</slot>
 	</div>
 </template>

package/src/components/Swiper.vue

@@ -2,7 +2,7 @@
 import type { Swiper as SwiperType } from 'swiper'
 import type { AutoplayOptions, CoverflowEffectOptions, PaginationOptions, SwiperOptions } from 'swiper/types'
 import { Icon } from '@bagelink/vue'
-import { Autoplay, EffectCoverflow, EffectCube, EffectFade, EffectFlip, Navigation, Pagination } from 'swiper/modules'
+import { Autoplay, EffectCoverflow, EffectCube, EffectFade, EffectFlip, Navigation, Pagination, EffectCards } from 'swiper/modules'
 import { Swiper, SwiperSlide } from 'swiper/vue'
 import { computed, ref, watch } from 'vue'
 import 'swiper/css'
@@ -12,8 +12,9 @@ import 'swiper/css/effect-fade'
 import 'swiper/css/effect-coverflow'
 import 'swiper/css/effect-cube'
 import 'swiper/css/effect-flip'
+import 'swiper/css/effect-cards'
 
-type SwiperEffect = 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip'
+type SwiperEffect = 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip' | 'cards'
 type SwiperDirection = 'horizontal' | 'vertical'
 type SwiperVariant = 'default' | 'testimonial' | 'gallery' | 'cards' | 'coverflow' | 'hero'
 
@@ -232,7 +233,7 @@ const swiperParams = computed((): SwiperOptions => {
 	}
 
 	const params: SwiperOptions = {
-		modules: [Navigation, Pagination, Autoplay, EffectFade, EffectCoverflow, EffectCube, EffectFlip],
+		modules: [Navigation, Pagination, Autoplay, EffectFade, EffectCoverflow, EffectCube, EffectFlip, EffectCards],
 		effect: getValue(props.effect, 'effect', 'slide'),
 		direction: props.direction ?? 'horizontal',
 		speed: getValue(props.speed, 'speed', 300),
@@ -248,8 +249,9 @@ const swiperParams = computed((): SwiperOptions => {
 	}
 
 	// Navigation (priority: prop > variant > default)
-	const navigationEnabled = getValue(props.navigation, 'navigation', false)
-	params.navigation = !!navigationEnabled
+	// const navigationEnabled = getValue(props.navigation, 'navigation', false)
+	// // Note: We use custom navigation controls, not Swiper's built-in navigation
+	// // params.navigation = !!navigationEnabled
 
 	// Pagination (priority: prop > variant > default)
 	const paginationConfig = getValue(props.pagination, 'pagination', false)
@@ -297,7 +299,7 @@ const swiperParams = computed((): SwiperOptions => {
 // Format params for Swiper Vue component with proper types
 const swiperVueProps = computed(() => ({
 	modules: swiperParams.value.modules,
-	effect: swiperParams.value.effect as 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip',
+	effect: swiperParams.value.effect as 'slide' | 'fade' | 'cube' | 'coverflow' | 'flip' | 'cards',
 	direction: swiperParams.value.direction,
 	speed: swiperParams.value.speed,
 	loop: swiperParams.value.loop,
@@ -433,12 +435,12 @@ defineExpose({
 			<div v-if="navigation" class="swi-ctrl">
 				<div class="swi-prev hover" @click="handleSlideNav('prev')">
 					<slot name="prev-button">
-						<Icon name="chevron_left" />
+						<Icon name="chevron_left" class="user-select-none hover z-99   color-primary" :size="2" />
 					</slot>
 				</div>
 				<div class="swi-next hover" @click="handleSlideNav('next')">
 					<slot name="next-button">
-						<Icon name="chevron_right" />
+						<Icon name="chevron_right" class="user-select-none hover z-99   color-primary" :size="2" />
 					</slot>
 				</div>
 			</div>

package/src/components/form/FieldArray.vue

@@ -62,9 +62,9 @@ let lastEmittedValue = '' // Event handlers state
 
 // Generate schema for primitive types
 const primitiveSchema = computed<PrimitiveArrFieldT[]>(() => {
-	if ('text' === props.type) {
+	if (props.type === 'text') {
 		return [{ id: 'value', type: 'text', label: '', $el: 'text' }]
-	}if (props.type === 'number') {
+	} if (props.type === 'number') {
 		return [{ id: 'value', type: 'number', label: '', $el: 'number' }]
 	}
 	return []
@@ -72,20 +72,20 @@ const primitiveSchema = computed<PrimitiveArrFieldT[]>(() => {
 
 const resolvedSchemaData = computed(() => {
 	// Handle 'array' type as equivalent to 'object' type
-	const isObjectType = 'object' === props.type || 'array' === props.type
+	const isObjectType = props.type === 'object' || props.type === 'array'
 
-	if (!isObjectType) {return primitiveSchema.value as BglFormSchemaT<T>}
+	if (!isObjectType) { return primitiveSchema.value as BglFormSchemaT<T> }
 
 	// Use children prop first, then schema prop, then attrs.schema
 	const attrsSchema = props.attrs?.schema !== undefined ? toValue(props.attrs.schema) : null
 	const schemaToUse = props.children || toValue(props.schema) || attrsSchema
 
-	// If no schema but we have defaultValue, try to infer schema from first item
-	const noSchema = null === schemaToUse || schemaToUse === undefined
-		|| (Array.isArray(schemaToUse) && 0 === schemaToUse.length)
-	const hasDefaultValue = props.defaultValue !== undefined
-		&& null !== props.defaultValue
-		&& 0 < props.defaultValue.length
+	// // If no schema but we have defaultValue, try to infer schema from first item
+	// const noSchema = null === schemaToUse || schemaToUse === undefined
+	// 	|| (Array.isArray(schemaToUse) && 0 === schemaToUse.length)
+	// const hasDefaultValue = props.defaultValue !== undefined
+	// 	&& null !== props.defaultValue
+	// 	&& 0 < props.defaultValue.length
 
 	// Don't infer schema from defaultValue - this causes unwanted restoration
 	// Let the component work with empty arrays
@@ -120,8 +120,8 @@ watch(() => internalData.value.length, (newLength) => {
 // Initialize with existing data or defaultValue on mount - only once!
 onMounted(() => {
 	// If no modelValue provided, use defaultValue as initial data (one time only)
-	if (!props.modelValue || 0 === props.modelValue.length) {
-		if (props.defaultValue && 0 < props.defaultValue.length) {
+	if (!props.modelValue || props.modelValue.length === 0) {
+		if (props.defaultValue && props.defaultValue.length > 0) {
 			internalData.value = [...props.defaultValue]
 			emitValue() // This will set the initial value and then it becomes "regular" data
 		}
@@ -137,7 +137,7 @@ onMounted(() => {
 
 // Function to load default values (explicit user action)
 function loadDefaults() {
-	if (props.defaultValue && 0 < props.defaultValue.length) {
+	if (props.defaultValue && props.defaultValue.length > 0) {
 		internalData.value = [...props.defaultValue]
 		emitValue()
 	} else {
@@ -234,8 +234,8 @@ function toggleMinimized(index: number) {
 
 function updateItem(index: number, value: any) {
 	// Handle primitive types by extracting the value property
-	if ('text' === props.type || 'number' === props.type) {
-		internalData.value[index] = 'number' === props.type ? Number(value.value) : value.value
+	if (props.type === 'text' || props.type === 'number') {
+		internalData.value[index] = props.type === 'number' ? Number(value.value) : value.value
 	} else {
 		internalData.value[index] = value
 	}
@@ -243,24 +243,24 @@ function updateItem(index: number, value: any) {
 }
 
 // Computed properties for rendering
-const isPrimitiveType = computed(() => 'text' === props.type || 'number' === props.type)
+const isPrimitiveType = computed(() => props.type === 'text' || props.type === 'number')
 const canRenderItems = computed(() => {
 	const schemaData = resolvedSchemaData.value
-	const hasValidSchema = (Array.isArray(schemaData) && 0 < schemaData.length)
-		|| (props.children && 0 < props.children.length)
-	const hasDefaultValue = props.defaultValue && 0 < props.defaultValue.length
+	const hasValidSchema = (Array.isArray(schemaData) && schemaData.length > 0)
+		|| (props.children && props.children.length > 0)
+	const hasDefaultValue = props.defaultValue && props.defaultValue.length > 0
 
 	// For primitive types or when we have schema or defaultValue
-	const isObjectType = 'object' === props.type || 'array' === props.type
+	const isObjectType = props.type === 'object' || props.type === 'array'
 	const shouldRender = isPrimitiveType.value
-		|| (isObjectType && (true === hasValidSchema || true === hasDefaultValue))
+		|| (isObjectType && (hasValidSchema === true || hasDefaultValue === true))
 	return shouldRender
 })
 const showMinimizeButton = computed(() => {
 	const schemaData = resolvedSchemaData.value
-	const hasLongSchema = Array.isArray(schemaData) && 2 < schemaData.length
+	const hasLongSchema = Array.isArray(schemaData) && schemaData.length > 2
 	const hasRichText = Array.isArray(schemaData)
-		&& schemaData.some((schema: any) => 'richtext' === schema.$el)
+		&& schemaData.some((schema: any) => schema.$el === 'richtext')
 	return hasLongSchema || hasRichText
 })
 </script>
@@ -293,20 +293,19 @@ const showMinimizeButton = computed(() => {
 						No {{ label?.toLowerCase() || 'items' }} added yet
 					</p>
 					<!-- Load defaults button if defaultValue exists -->
-					<Btn v-if="props.defaultValue && props.defaultValue.length > 0" thin color="primary" class="txt12 mb-05" @click="loadDefaults">
+					<Btn
+						v-if="props.defaultValue && props.defaultValue.length > 0" thin color="primary"
+						class="txt12 mb-05" @click="loadDefaults"
+					>
 						Load Default {{ label || 'Items' }}
 					</Btn>
 				</Card>
 
 				<!-- Array Items -->
 				<div
-					v-for="(item, i) in internalData"
-					:key="i"
-					outline
-					thin
+					v-for="(item, i) in internalData" :key="i" outline thin
 					class="mb-05 itemBox transition radius-05 overflow-hidden txt12 border"
-					style="--input-font-size: 12px"
-					:class="{ minimized: minimizedItems[i] }"
+					style="--input-font-size: 12px" :class="{ minimized: minimizedItems[i] }"
 				>
 					<div>
 						<!-- Minimized View -->
@@ -314,15 +313,22 @@ const showMinimizeButton = computed(() => {
 							<p class="minimizedText txt12 p-05 opacity-7 flex-grow-2" @click="toggleMinimized(i)">
 								{{ label }} {{ i + 1 }}
 							</p>
-							<Btn v-if="showMinimizeButton" class="rotate-180 txt10 opacity-7 p-025" flat thin icon="keyboard_arrow_down" @click="toggleMinimized(i)" />
+							<Btn
+								v-if="showMinimizeButton" class="rotate-180 txt10 opacity-7 p-025" flat thin
+								icon="keyboard_arrow_down" @click="toggleMinimized(i)"
+							/>
 						</div>
 
 						<!-- Form View -->
 						<BagelFormFA
-							v-if="!minimizedItems[i]" :model-value="isPrimitiveType ? { value: item } : item" :schema="resolvedSchemaData" class="bginputbg p-05 grid gap-05"
+							v-if="!minimizedItems[i]" :model-value="isPrimitiveType ? { value: item } : item"
+							:schema="resolvedSchemaData" class="bginputbg p-05 grid gap-05"
 							@update:model-value="val => updateItem(i, val)"
 						/>
-						<Btn v-if="props.delete" icon="delete" class="txt10 opacity-7" thin flat @click="deleteItem(i)" />
+						<Btn
+							v-if="props.delete" icon="delete" class="txt10 opacity-7" thin flat
+							@click="deleteItem(i)"
+						/>
 					</div>
 				</div>
 
@@ -388,27 +394,27 @@ const showMinimizeButton = computed(() => {
 
 .itemBox .richtext-editor-content {
 	--richtext-font-size: 12px !important;
-		font-size: 12px !important;
-	}
+	font-size: 12px !important;
+}
 
-	.itemBox iframe.editableContent {
-		--richtext-font-size: 12px !important;
-	}
+.itemBox iframe.editableContent {
+	--richtext-font-size: 12px !important;
+}
 
-	.itemBox .bagel-input.richtext-input {
-		--richtext-font-size: 12px !important;
-	}
+.itemBox .bagel-input.richtext-input {
+	--richtext-font-size: 12px !important;
+}
 
-	/* More specific selectors to override richtext font size */
-	.itemBox .richtext-input iframe {
-		font-size: 12px !important;
-	}
+/* More specific selectors to override richtext font size */
+.itemBox .richtext-input iframe {
+	font-size: 12px !important;
+}
 
-	.itemBox .richtext-input .editableContent body {
-		font-size: 12px !important;
-	}
+.itemBox .richtext-input .editableContent body {
+	font-size: 12px !important;
+}
 
-	.itemBox .richtext-input {
-		font-size: 12px !important;
+.itemBox .richtext-input {
+	font-size: 12px !important;
 }
 </style>

package/src/components/form/inputs/CodeEditor/Index.vue

@@ -143,7 +143,7 @@ watch(() => props.modelValue, (newVal) => {
 }
 
 .code-editor-grandpa {
-	border-radius: 0.25rem;
+	border-radius: var(--code-border-radius, 0.25rem);
 	width: 100%;
 	height: 100%;
 	overflow: auto;

package/src/composables/useExcel.ts

@@ -65,7 +65,7 @@ export function useExcel() {
 		const XLSX = await ensureXLSXLoaded()
 
 		const formattedData = formatData(data, schema)
-		const headers = 0 < schema.length
+		const headers = schema.length > 0
 			? schema.map((sf) => {
 				const { id, label } = sf as unknown as Field<T>
 				return { v: (label as any) || (id as any), t: 's' }
@@ -73,7 +73,7 @@ export function useExcel() {
 			: []
 		const ws = XLSX.utils.json_to_sheet(formattedData)
 
-		if (0 < headers.length) {
+		if (headers.length > 0) {
 			XLSX.utils.sheet_add_aoa(ws, [headers.map(h => h.v)], { origin: 'A1' })
 		}
 
@@ -124,7 +124,7 @@ export function useExcel() {
 		// Read the raw sheet data as arrays
 		const rawSheetData = XLSX.utils.sheet_to_json(worksheet, { header: 1 }) as any[][]
 
-		if (0 === rawSheetData.length) {
+		if (rawSheetData.length === 0) {
 			return { headers: [], data: [] }
 		}
 
@@ -196,10 +196,10 @@ export function useExcel() {
 	// Helper function for date detection and conversion
 	function isExcelSerialDate(value: any): boolean {
 		return (
-			 'number' === typeof value
+			typeof value === 'number'
 			&& Number.isInteger(value)
-			&& 20000 <= value 
-			&& 50000 >= value 
+			&& value >= 20000
+			&& value <= 50000
 		)
 	}