@bagelink/vue 0.0.413 → 0.0.419

package/dist/types/BagelForm.d.ts

@@ -1,4 +1,5 @@
 import { SelectInput, TextInput } from '..';
+
 export type AttributeValue = string | number | boolean | null | undefined | Record<string, any>;
 export type AttributeFn<T = Record<string, any>> = (field: any, row: T) => AttributeValue;
 export interface Attributes<T = any> {

package/dist/types/BtnOptions.d.ts

@@ -1,4 +1,5 @@
-import type { ThemeType, MaterialIcons } from '.';
+import { ThemeType, MaterialIcons } from '.';
+
 export interface BtnOptions {
     onClick?: () => void;
     color?: ThemeType;

package/dist/types/NavLink.d.ts

@@ -1,4 +1,5 @@
 import { MaterialIcons } from './materialIcons';
+
 export type NavLink = {
     label: string;
     to?: string;

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
+import { MaterialIcons } from './materialIcons';
 export type { ModalFormComponentProps, ModalApi, ModalComponentProps, ModalFormOptions, ModalOptions, } from '../plugins/modal';
-import type { MaterialIcons } from './materialIcons';
 export type { MaterialIcons };
 export type { Tables, TableToTypeMapping } from '../../../sdk/src/index.ts';
 export type { StorageFile } from './file';

package/dist/utils/BagelFormUtils.d.ts

@@ -1,4 +1,5 @@
-import type { Field } from '..';
+import { Field } from '..';
+
 export type Option = string | number | Record<string, any> | {
     label: string;
     value: string | number;

package/dist/utils/clickOutside.d.ts

@@ -1,4 +1,5 @@
-import type { DirectiveBinding } from 'vue';
+import { DirectiveBinding } from 'vue';
+
 declare const _default: {
     beforeMount(el: any, binding: DirectiveBinding): void;
     unmounted(el: any): void;

package/dist/utils/index.d.ts

@@ -1,7 +1,8 @@
 import { Attributes } from '../types';
+
 export declare const debounce: (fn: () => void, delay?: number) => void;
 export declare const keyToLabel: (key?: string) => string | undefined;
-export declare const copyText: (text: string, cb?: ((msg: string) => void) | undefined) => Promise<void>;
+export declare const copyText: (text: string, cb?: (msg: string) => void) => Promise<void>;
 export declare const initials: (...strArr: string[]) => string;
 export declare function useEscape(event: KeyboardEvent, closeModel: () => void): void;
 export declare function classify(fieldVal?: any, row?: any, ...classes: any[]): string;

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,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,eAAO,MAAM,QAAQ,OAAQ,MAAM,IAAI,yBAGtC,CAAC;AAEF,eAAO,MAAM,UAAU,SAAU,MAAM,KAAG,MAAM,GAAG,SAEjC,CAAC;AAEnB,eAAO,MAAM,QAAQ,SACd,MAAM,cAED,MAAM,KAAK,IAAI,+BAI1B,CAAC;AAEF,eAAO,MAAM,QAAQ,cAAe,MAAM,EAAE,WAG3C,CAAC;AAEF,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,UAKpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,OAS7F;AAED,eAAO,MAAM,KAAK,UAAW,GAAG,YAAY,GAAG,QAM9C,CAAC;AAEF,eAAO,MAAM,SAAS,cAAe,OAAO,MAAM,EAAE,GAAG,CAAC,YAAY,MAAM,QAAqD,CAAC;AAEhI,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,eAAO,MAAM,QAAQ,OAAQ,MAAM,IAAI,yBAGtC,CAAC;AAEF,eAAO,MAAM,UAAU,SAAU,MAAM,KAAG,MAAM,GAAG,SAEjC,CAAC;AAEnB,eAAO,MAAM,QAAQ,SACd,MAAM,OAEP,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,kBAI1B,CAAC;AAEF,eAAO,MAAM,QAAQ,cAAe,MAAM,EAAE,WAG3C,CAAC;AAEF,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,UAKpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,OAS7F;AAED,eAAO,MAAM,KAAK,UAAW,GAAG,YAAY,GAAG,QAM9C,CAAC;AAEF,eAAO,MAAM,SAAS,cAAe,OAAO,MAAM,EAAE,GAAG,CAAC,YAAY,MAAM,QAAqD,CAAC;AAEhI,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC"}

package/package.json

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

package/src/components/Avatar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="avatar" :style="{ width: `${size}px`, height: `${size}px` }">
+  <div class="avatar flex" :style="{ width: `${size}px`, height: `${size}px` }">
     <img v-if="src" :src="src" :alt="name">
     <p v-else :style="{ 'line-height': `${size}px`, 'font-size': `calc(1.5rem * ${size} / 50)` }">
       {{ fallback || initials(name || '') }}
@@ -26,6 +26,7 @@ withDefaults(defineProps<{
   overflow: hidden;
   text-align: center;
   padding: 0;
+  flex-shrink: 0;
 }
 
 .avatar p {

package/src/components/ListView.vue

@@ -9,52 +9,48 @@
 	</div>
 </template>
 
-<script lang="ts" setup>
-import Card from './Card.vue';
-
-</script>
+<script lang="ts" setup></script>
 
 <style>
 .list-wrap {
-  grid-template-rows: auto 1fr;
+	grid-template-rows: auto 1fr;
 }
 
 .list-item {
-  padding: 0.5rem 1rem;
-  min-height: -webkit-fit-content;
-  min-height: -moz-fit-content;
-  min-height: fit-content;
-  margin: 0.25rem 0;
-  cursor: pointer;
-  transition: var(--bgl-transition);
-  color: var(--bgl-black);
-  text-decoration: none;
-  position: relative;
+	padding: 0.5rem 1rem;
+	min-height: -webkit-fit-content;
+	min-height: -moz-fit-content;
+	min-height: fit-content;
+	margin: 0.25rem 0;
+	cursor: pointer;
+	transition: var(--bgl-transition);
+	color: var(--bgl-black);
+	text-decoration: none;
+	position: relative;
 }
 
 .list-item::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: -0.15rem;
-  border-bottom: 1px solid var(--border-color);
+	content: '';
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: -0.15rem;
+	border-bottom: 1px solid var(--border-color);
 }
 
 .list-item:hover,
 .list-item.router-link-active {
-  background-color: var(--bgl-blue-light);
+	background-color: var(--bgl-blue-light);
 }
 
 .list-item:active {
-  -webkit-filter: var(--bgl-hover-filter);
-  filter: var(--bgl-hover-filter);
+	-webkit-filter: var(--bgl-hover-filter);
+	filter: var(--bgl-hover-filter);
 }
 
 @media screen and (max-width: 910px) {
-
-  .list-item {
-    padding: 0.5rem;
-  }
+	.list-item {
+		padding: 0.5rem;
+	}
 }
 </style>