@bagelink/vue 1.4.44 → 1.4.48

package/package.json

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

package/src/components/Rating.vue

@@ -0,0 +1,57 @@
+<script lang="ts" setup>
+import type { IconType } from '@bagelink/vue'
+import { Icon } from '@bagelink/vue'
+
+const { rating, totalStars = 5, iconType = 'star', fillColor = '#fabf05', emptyColor = 'lightgray', size = 1.4 } = defineProps<{
+	rating: number | string
+	totalStars?: number
+	iconType?: IconType
+	fillColor?: string
+	emptyColor?: string
+	size?: number
+}>()
+
+function getFillWidth(n: number): string {
+	const ratingNumber = typeof rating === 'string' ? Number.parseFloat(rating.replace(',', '.')) : rating
+	if (n <= Math.floor(ratingNumber)) {
+		return '100%'
+	} else if (n > Math.ceil(ratingNumber)) {
+		return '0%'
+	} else {
+		return `${(ratingNumber % 1) * 100}%`
+	}
+}
+</script>
+
+<template>
+	<div class="rating">
+		<Icon
+			v-for="n in totalStars" :key="n" fill :name="iconType" class="star-icon p-0" :size="size" :style="{
+				'gap': `${size * 0.3}rem`,
+				'--gradient-width': getFillWidth(n),
+				'--fill-color': fillColor,
+				'--empty-color': emptyColor,
+			}"
+		/>
+	</div>
+</template>
+
+<style scoped>
+.rating {
+  display: flex;
+  align-items: center;
+}
+
+.star-icon {
+  --gradient-width: 0%;
+  --fill-color: #fabf05;
+  --empty-color: lightgray;
+  position: relative;
+  display: inline-block;
+  background: linear-gradient(to right, var(--fill-color) var(--gradient-width), var(--empty-color) 0%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  fill: transparent;
+}
+</style>

package/src/components/index.ts

@@ -35,6 +35,7 @@ export { default as NavBar } from './NavBar.vue'
 export { default as PageTitle } from './PageTitle.vue'
 export { default as Pagination } from './Pagination.vue'
 export { default as Pill } from './Pill.vue'
+export { default as Rating } from './Rating.vue'
 export { default as RouterWrapper } from './RouterWrapper.vue'
 export { default as Slider } from './Slider.vue'
 export { default as Spreadsheet } from './Spreadsheet/Index.vue'

package/src/styles/layout.css

@@ -238,6 +238,10 @@
     inset-inline-start: 0;
 }
 
+.start-auto {
+    inset-inline-start: auto;
+}
+
 .start-025 {
     inset-inline-start: 0.25rem;
 }
@@ -420,6 +424,10 @@
     inset-inline-end: 0;
 }
 
+.end-auto {
+    inset-inline-end: auto;
+}
+
 .end-025 {
     inset-inline-end: 0.25rem;
 }
@@ -601,6 +609,10 @@
     top: 0;
 }
 
+.top-auto {
+    top: auto;
+}
+
 .top-025 {
     top: 0.25rem;
 }
@@ -786,6 +798,10 @@
     bottom: 0;
 }
 
+.bottom-auto {
+    bottom: auto;
+}
+
 .bottom-025 {
     bottom: 0.25rem;
 }

package/src/styles/mobilLayout.css

@@ -5840,6 +5840,10 @@
         inset-inline-start: 0 !important;
     }
 
+    .m_start-auto {
+        inset-inline-start: auto !important;
+    }
+
     .m_start-025 {
         inset-inline-start: 0.25rem !important;
     }
@@ -6022,6 +6026,10 @@
         inset-inline-end: 0 !important;
     }
 
+    .m_end-auto {
+        inset-inline-end: auto !important;
+    }
+
     .m_end-025 {
         inset-inline-end: 0.25rem !important;
     }
@@ -6203,6 +6211,10 @@
         top: 0 !important;
     }
 
+    .m_top-auto {
+        top: auto !important;
+    }
+
     .m_top-025 {
         top: 0.25rem !important;
     }
@@ -6388,6 +6400,10 @@
         bottom: 0 !important;
     }
 
+    .m_bottom-auto {
+        bottom: auto !important;
+    }
+
     .m_bottom-025 {
         bottom: 0.25rem !important;
     }
@@ -6569,6 +6585,10 @@
         inset: 0 !important;
     }
 
+    .m_inset-auto {
+        inset: auto !important;
+    }
+
     .m_inset-025 {
         inset: 0.25rem !important;
     }

package/dist/chunk-CsX-DzYB.cjs

@@ -1 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,n)=>{for(var r in n)t(e,r,{get:n[r],enumerable:!0})},s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,`__export`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`__toESM`,{enumerable:!0,get:function(){return c}});

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

@@ -1,16 +0,0 @@
-import { IconType } from '..';
-type __VLS_Props = {
-    icon?: IconType;
-    name?: IconType;
-    size?: number | string;
-    color?: string;
-    round?: boolean;
-    weight?: number | string;
-    fontAwesome?: boolean;
-    fill?: boolean;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: number | string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;
-//# sourceMappingURL=Icon.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.vue.d.ts","sourceRoot":"","sources":["../../src/components/Icon.vue"],"names":[],"mappings":"AAoIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAK7C,KAAK,WAAW,GAAG;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;CACd,CAAC;;UANM,MAAM,GAAG,MAAM;;AAgIvB,wBAOG"}

package/dist/components/form/BglFieldSet.vue.d.ts

@@ -1,25 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        fieldSet: HTMLFieldSetElement;
-    };
-    rootEl: HTMLFieldSetElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {
-    validateForm: () => boolean | undefined;
-    isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    fieldSet: HTMLFieldSetElement;
-}, HTMLFieldSetElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=BglFieldSet.vue.d.ts.map

package/dist/components/form/BglFieldSet.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BglFieldSet.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglFieldSet.vue"],"names":[],"mappings":"AAsBA,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;uBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/editor-BpbYtUrx.js

@@ -1,2 +0,0 @@
-var editor_default = "body {\n	margin: 0;\n	padding: 8px;\n	min-height: 200px;\n	font-family: sans-serif;\n	line-height: 1.5;\n	color: inherit;\n	background: transparent;\n	max-width: 1060px;\n	margin: 0 auto;\n}\n\ntable {\n	border-collapse: collapse;\n	margin-bottom: 1rem;\n}\n\nth,\ntd {\n	padding: 1rem;\n	text-align: left;\n	border: 1px solid #2a2a2a;\n	line-height: 1.5;\n}\n\nth {\n	background-color: #f4f4f4;\n}\n\n/* Add styles for embedded content */\niframe {\n	max-width: 100%;\n	border: none;\n	display: block;\n	margin: 1em auto;\n}\n\n/* Responsive iframe wrapper */\ndiv:has(> iframe) {\n	position: relative;\n	width: 100%;\n	margin: 1em 0;\n	text-align: center;\n}\n\n/* Ensure iframes don't overflow their containers */\ndiv:has(> iframe) iframe {\n	max-width: 100%;\n	margin: 0;\n}\n\n/* Add a subtle border to distinguish embedded content */\niframe:not([class*='editableContent']) {\n	border: 1px solid var(--border-color);\n	border-radius: 4px;\n	background: white;\n}\n";
-export { editor_default as default };

package/dist/editor-CogxCqoB.cjs

@@ -1,3 +0,0 @@
-"use strict";
-var editor_default = "body {\n	margin: 0;\n	padding: 8px;\n	min-height: 200px;\n	font-family: sans-serif;\n	line-height: 1.5;\n	color: inherit;\n	background: transparent;\n	max-width: 1060px;\n	margin: 0 auto;\n}\n\ntable {\n	border-collapse: collapse;\n	margin-bottom: 1rem;\n}\n\nth,\ntd {\n	padding: 1rem;\n	text-align: left;\n	border: 1px solid #2a2a2a;\n	line-height: 1.5;\n}\n\nth {\n	background-color: #f4f4f4;\n}\n\n/* Add styles for embedded content */\niframe {\n	max-width: 100%;\n	border: none;\n	display: block;\n	margin: 1em auto;\n}\n\n/* Responsive iframe wrapper */\ndiv:has(> iframe) {\n	position: relative;\n	width: 100%;\n	margin: 1em 0;\n	text-align: center;\n}\n\n/* Ensure iframes don't overflow their containers */\ndiv:has(> iframe) iframe {\n	max-width: 100%;\n	margin: 0;\n}\n\n/* Add a subtle border to distinguish embedded content */\niframe:not([class*='editableContent']) {\n	border: 1px solid var(--border-color);\n	border-radius: 4px;\n	background: white;\n}\n";
-exports.default = editor_default;

package/dist/editor-CtWHU9QA.js

@@ -1 +0,0 @@
-var e=`body{min-height:200px;color:inherit;background:0 0;max-width:1060px;margin:0 auto;padding:8px;font-family:sans-serif;line-height:1.5}table{border-collapse:collapse;margin-bottom:1rem}th,td{text-align:left;border:1px solid #2a2a2a;padding:1rem;line-height:1.5}th{background-color:#f4f4f4}iframe{border:none;max-width:100%;margin:1em auto;display:block}div:has(>iframe){text-align:center;width:100%;margin:1em 0;position:relative}div:has(>iframe) iframe{max-width:100%;margin:0}iframe:not([class*=editableContent]){border:1px solid var(--border-color);background:#fff;border-radius:4px}`;export{e as default};

package/dist/editor-DDp0A6Ty.cjs

@@ -1 +0,0 @@
-var e=`body{min-height:200px;color:inherit;background:0 0;max-width:1060px;margin:0 auto;padding:8px;font-family:sans-serif;line-height:1.5}table{border-collapse:collapse;margin-bottom:1rem}th,td{text-align:left;border:1px solid #2a2a2a;padding:1rem;line-height:1.5}th{background-color:#f4f4f4}iframe{border:none;max-width:100%;margin:1em auto;display:block}div:has(>iframe){text-align:center;width:100%;margin:1em 0;position:relative}div:has(>iframe) iframe{max-width:100%;margin:0}iframe:not([class*=editableContent]){border:1px solid var(--border-color);background:#fff;border-radius:4px}`;exports.default=e;

package/dist/editor-DQOZvXuf.cjs

@@ -1 +0,0 @@
-var e=`body{min-height:200px;color:inherit;background:0 0;max-width:1060px;margin:0 auto;padding:8px;font-family:sans-serif;line-height:1.5}table{border-collapse:collapse;margin-bottom:1rem}th,td{text-align:left;border:1px solid #2a2a2a;padding:1rem;line-height:1.5}th{background-color:#f4f4f4}iframe{border:none;max-width:100%;margin:1em auto;display:block}div:has(>iframe){text-align:center;width:100%;margin:1em 0;position:relative}div:has(>iframe) iframe{max-width:100%;margin:0}iframe:not([class*=editableContent]){border:1px solid var(--border-color);background:#fff;border-radius:4px}`;exports.default=e;

package/dist/editor-Dk9B96i8.cjs

@@ -1,2 +0,0 @@
-var editor_default = "body {\n	margin: 0;\n	padding: 8px;\n	min-height: 200px;\n	font-family: sans-serif;\n	line-height: 1.5;\n	color: inherit;\n	background: transparent;\n	max-width: 1060px;\n	margin: 0 auto;\n}\n\ntable {\n	border-collapse: collapse;\n	margin-bottom: 1rem;\n}\n\nth,\ntd {\n	padding: 1rem;\n	text-align: left;\n	border: 1px solid #2a2a2a;\n	line-height: 1.5;\n}\n\nth {\n	background-color: #f4f4f4;\n}\n\n/* Add styles for embedded content */\niframe {\n	max-width: 100%;\n	border: none;\n	display: block;\n	margin: 1em auto;\n}\n\n/* Responsive iframe wrapper */\ndiv:has(> iframe) {\n	position: relative;\n	width: 100%;\n	margin: 1em 0;\n	text-align: center;\n}\n\n/* Ensure iframes don't overflow their containers */\ndiv:has(> iframe) iframe {\n	max-width: 100%;\n	margin: 0;\n}\n\n/* Add a subtle border to distinguish embedded content */\niframe:not([class*='editableContent']) {\n	border: 1px solid var(--border-color);\n	border-radius: 4px;\n	background: white;\n}\n";
-exports.default = editor_default;

package/dist/editor-Dpod7RSB.js

@@ -1 +0,0 @@
-var e=`body{min-height:200px;color:inherit;background:0 0;max-width:1060px;margin:0 auto;padding:8px;font-family:sans-serif;line-height:1.5}table{border-collapse:collapse;margin-bottom:1rem}th,td{text-align:left;border:1px solid #2a2a2a;padding:1rem;line-height:1.5}th{background-color:#f4f4f4}iframe{border:none;max-width:100%;margin:1em auto;display:block}div:has(>iframe){text-align:center;width:100%;margin:1em 0;position:relative}div:has(>iframe) iframe{max-width:100%;margin:0}iframe:not([class*=editableContent]){border:1px solid var(--border-color);background:#fff;border-radius:4px}`;export{e as default};

package/dist/editor-UnqmwfaW.js

@@ -1,2 +0,0 @@
-var editor_default = "body {\n	margin: 0;\n	padding: 8px;\n	min-height: 200px;\n	font-family: sans-serif;\n	line-height: 1.5;\n	color: inherit;\n	background: transparent;\n	max-width: 1060px;\n	margin: 0 auto;\n}\n\ntable {\n	border-collapse: collapse;\n	margin-bottom: 1rem;\n}\n\nth,\ntd {\n	padding: 1rem;\n	text-align: left;\n	border: 1px solid #2a2a2a;\n	line-height: 1.5;\n}\n\nth {\n	background-color: #f4f4f4;\n}\n\n/* Add styles for embedded content */\niframe {\n	max-width: 100%;\n	border: none;\n	display: block;\n	margin: 1em auto;\n}\n\n/* Responsive iframe wrapper */\ndiv:has(> iframe) {\n	position: relative;\n	width: 100%;\n	margin: 1em 0;\n	text-align: center;\n}\n\n/* Ensure iframes don't overflow their containers */\ndiv:has(> iframe) iframe {\n	max-width: 100%;\n	margin: 0;\n}\n\n/* Add a subtle border to distinguish embedded content */\niframe:not([class*='editableContent']) {\n	border: 1px solid var(--border-color);\n	border-radius: 4px;\n	background: white;\n}\n";
-export { editor_default as default };

package/dist/editor-fhxKzja8.cjs

@@ -1,2 +0,0 @@
-var editor_default = "body {\n	margin: 0;\n	padding: 8px;\n	min-height: 200px;\n	font-family: sans-serif;\n	line-height: 1.5;\n	color: inherit;\n	background: transparent;\n	max-width: 1060px;\n	margin: 0 auto;\n}\n\ntable {\n	border-collapse: collapse;\n	margin-bottom: 1rem;\n}\n\nth,\ntd {\n	padding: 1rem;\n	text-align: left;\n	border: 1px solid #2a2a2a;\n	line-height: 1.5;\n}\n\nth {\n	background-color: #f4f4f4;\n}\n\n/* Add styles for embedded content */\niframe {\n	max-width: 100%;\n	border: none;\n	display: block;\n	margin: 1em auto;\n}\n\n/* Responsive iframe wrapper */\ndiv:has(> iframe) {\n	position: relative;\n	width: 100%;\n	margin: 1em 0;\n	text-align: center;\n}\n\n/* Ensure iframes don't overflow their containers */\ndiv:has(> iframe) iframe {\n	max-width: 100%;\n	margin: 0;\n}\n\n/* Add a subtle border to distinguish embedded content */\niframe:not([class*='editableContent']) {\n	border: 1px solid var(--border-color);\n	border-radius: 4px;\n	background: white;\n}\n";
-exports.default = editor_default;

package/dist/editor-mLVzxfYa.js

@@ -1,2 +0,0 @@
-var editor_default = "body {\n	margin: 0;\n	padding: 8px;\n	min-height: 200px;\n	font-family: sans-serif;\n	line-height: 1.5;\n	color: inherit;\n	background: transparent;\n	max-width: 1060px;\n	margin: 0 auto;\n}\n\ntable {\n	border-collapse: collapse;\n	margin-bottom: 1rem;\n}\n\nth,\ntd {\n	padding: 1rem;\n	text-align: left;\n	border: 1px solid #2a2a2a;\n	line-height: 1.5;\n}\n\nth {\n	background-color: #f4f4f4;\n}\n\n/* Add styles for embedded content */\niframe {\n	max-width: 100%;\n	border: none;\n	display: block;\n	margin: 1em auto;\n}\n\n/* Responsive iframe wrapper */\ndiv:has(> iframe) {\n	position: relative;\n	width: 100%;\n	margin: 1em 0;\n	text-align: center;\n}\n\n/* Ensure iframes don't overflow their containers */\ndiv:has(> iframe) iframe {\n	max-width: 100%;\n	margin: 0;\n}\n\n/* Add a subtle border to distinguish embedded content */\niframe:not([class*='editableContent']) {\n	border: 1px solid var(--border-color);\n	border-radius: 4px;\n	background: white;\n}\n";
-export { editor_default as default };

package/dist/editor-smCr3pmQ.cjs

@@ -1 +0,0 @@
-exports.default="body{min-height:200px;color:inherit;background:0 0;max-width:1060px;margin:0 auto;padding:8px;font-family:sans-serif;line-height:1.5}table{border-collapse:collapse;margin-bottom:1rem}th,td{text-align:left;border:1px solid #2a2a2a;padding:1rem;line-height:1.5}th{background-color:#f4f4f4}iframe{border:none;max-width:100%;margin:1em auto;display:block}div:has(>iframe){text-align:center;width:100%;margin:1em 0;position:relative}div:has(>iframe) iframe{max-width:100%;margin:0}iframe:not([class*=editableContent]){border:1px solid var(--border-color);background:#fff;border-radius:4px}";