@bagelink/vue 0.0.475 → 0.0.476

package/dist/style.css

@@ -248,19 +248,19 @@
 }
 }
 
-a[data-v-51ee7ea7] {
+a[data-v-ed2a8334] {
   text-decoration: none;
 }
-.loading[data-v-51ee7ea7] {
+.loading[data-v-ed2a8334] {
   border: 1px solid var(--bgl-white);
   border-bottom: 2px solid var(--bgl-white);
-  animation: spin-51ee7ea7 1s linear infinite;
+  animation: spin-ed2a8334 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-51ee7ea7 {
+@keyframes spin-ed2a8334 {
 0% {
     transform: rotate(0deg);
 }
@@ -268,7 +268,7 @@ a[data-v-51ee7ea7] {
     transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-51ee7ea7] {
+.bgl_btn-icon[data-v-ed2a8334] {
   height: var(--btn-height);
   width: var(--btn-height);
   border-radius: 100%;
@@ -278,101 +278,101 @@ a[data-v-51ee7ea7] {
   flex-shrink: 0;
   transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-51ee7ea7] {
+.bgl_btn[data-v-ed2a8334] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   transition: var(--bgl-transition);
   text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-51ee7ea7] {
+.bgl_btn[disabled="true"][data-v-ed2a8334] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-51ee7ea7] {
+.bgl_btn-flex[data-v-ed2a8334] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   justify-content: center;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-51ee7ea7] {
+.bgl_btn .bgl_.bgl_icon-font[data-v-ed2a8334] {
   font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-51ee7ea7],
-.bgl_btn-icon[data-v-51ee7ea7] {
-  background-color: var(--3607ab92);
-  color: var(--7910b026);
+.bgl_btn[data-v-ed2a8334],
+.bgl_btn-icon[data-v-ed2a8334] {
+  background-color: var(--6e111728);
+  color: var(--6b86fc03);
 }
-.bgl_btn[data-v-51ee7ea7]:hover,
-.bgl_btn-icon[data-v-51ee7ea7]:hover {
+.bgl_btn[data-v-ed2a8334]:hover,
+.bgl_btn-icon[data-v-ed2a8334]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-51ee7ea7]:active,
-.bgl_btn-icon[data-v-51ee7ea7]:active {
+.bgl_btn[data-v-ed2a8334]:active,
+.bgl_btn-icon[data-v-ed2a8334]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-51ee7ea7] {
+.bgl_btn.bgl_flatBtn[data-v-ed2a8334] {
   padding-left: var(--btn-padding);
   padding-right: var(--btn-padding);
   background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-51ee7ea7] {
+.bgl_btn-icon.bgl_flatBtn[data-v-ed2a8334] {
   background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-51ee7ea7]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-51ee7ea7]:hover {
+.bgl_btn.bgl_flatBtn[data-v-ed2a8334]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-ed2a8334]:hover {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-51ee7ea7]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-51ee7ea7]:active {
+.bgl_btn.bgl_flatBtn[data-v-ed2a8334]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-ed2a8334]:active {
   background: var(--bgl-gray);
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-51ee7ea7],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-51ee7ea7] {
+.bgl_btn.bgl_flatBtn.red[data-v-ed2a8334],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-ed2a8334] {
   color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.white[data-v-51ee7ea7],
-.bgl_btn-icon.bgl_flatBtn.white[data-v-51ee7ea7] {
+.bgl_btn.bgl_flatBtn.white[data-v-ed2a8334],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-ed2a8334] {
   color: var(--bgl-white);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-51ee7ea7],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-51ee7ea7] {
+.bgl_btn.bgl_flatBtn.light[data-v-ed2a8334],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-ed2a8334] {
   color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-51ee7ea7],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-51ee7ea7] {
+.bgl_btn.bgl_flatBtn.black[data-v-ed2a8334],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-ed2a8334] {
   color: var(--bgl-black);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-51ee7ea7],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-51ee7ea7] {
+.bgl_btn.bgl_flatBtn.gray[data-v-ed2a8334],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-ed2a8334] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-51ee7ea7] {
+.bgl_btn.thin[data-v-ed2a8334] {
   padding-left: calc(var(--btn-padding) / 2);
   padding-right: calc(var(--btn-padding) / 2);
 }
-.bgl_btn.round[data-v-51ee7ea7] {
+.bgl_btn.round[data-v-ed2a8334] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-51ee7ea7] {
+.bgl_btn-icon.thin[data-v-ed2a8334] {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
   line-height: 1;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-51ee7ea7] {
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-ed2a8334] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-51ee7ea7] {
-  outline: 1px solid var(--3607ab92);
-  color: var(--3607ab92);
+.bgl_btn-border[data-v-ed2a8334] {
+  outline: 1px solid var(--6e111728);
+  color: var(--6e111728);
   background: transparent;
 }
-.bgl_btn-border[data-v-51ee7ea7]:hover {
+.bgl_btn-border[data-v-ed2a8334]:hover {
   color: var(--bgl-white);
-  background: var(--3607ab92);
+  background: var(--6e111728);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-51ee7ea7]:active {
+.bgl_btn-border[data-v-ed2a8334]:active {
   filter: brightness(80%);
 }
 .bg-dark {
@@ -2223,7 +2223,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 }
 
-.radio-pill label[data-v-97713f41] {
+.radio-pill label[data-v-681173be] {
 	color: var(--bgl-primary);
 	white-space: nowrap;
 	border-radius: calc(var(--btn-border-radius) * 2);
@@ -2237,18 +2237,18 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	background: var(--bgl-white);
 	user-select: none;
 }
-.radio-pill label[data-v-97713f41]:hover {
+.radio-pill label[data-v-681173be]:hover {
 	filter: var(--bgl-hover-filter);
 }
-.radio-pill input[data-v-97713f41] {
+.radio-pill input[data-v-681173be] {
 	display: none;
 }
-.radio-pill input:checked ~ label[data-v-97713f41] {
+.radio-pill input:checked ~ label[data-v-681173be] {
 	background: var(--bgl-primary);
 	color: var(--bgl-white);
 }
 
-.bagel-input .fileUploadWrap[data-v-a193c86f] {
+.bagel-input .fileUploadWrap[data-v-bf26cc92] {
 	--width: 320px;
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
@@ -2261,7 +2261,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	overflow-y: auto;
 	background: var(--input-bg);
 }
-.previewName[data-v-a193c86f] {
+.previewName[data-v-bf26cc92] {
 	padding: 0.5rem;
 	text-align: start;
 	color: var(--input-color);
@@ -2271,18 +2271,18 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	align-items: center;
 	padding-inline: 14px;
 }
-.previewName p[data-v-a193c86f] {
+.previewName p[data-v-bf26cc92] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.imagePreviewWrap[data-v-a193c86f] {
+.imagePreviewWrap[data-v-bf26cc92] {
 	background: var(--input-bg);
 	border-radius: var(--input-border-radius);
 	padding: 5px;
 	min-height: 90px;
 }
-img.preview[data-v-a193c86f] {
+img.preview[data-v-bf26cc92] {
 	/* max-height: calc(var(--width) / 2); */
 	/* max-width: calc(var(--width) * 2); */
 	width: 40px;
@@ -2292,7 +2292,7 @@ img.preview[data-v-a193c86f] {
 	background: var(--bgl-gray-light);
 	box-shadow: 0 0 10px #00000012;
 }
-img.preview.single[data-v-a193c86f]{
+img.preview.single[data-v-bf26cc92]{
 	max-width: var(--width);
 	width: auto;
 	object-fit: contain;
@@ -2300,18 +2300,18 @@ img.preview.single[data-v-a193c86f]{
 	max-height: calc(var(--width) / 2);
 	margin: 1rem;
 }
-.fileUploadWrap.dragover[data-v-a193c86f],
-.fileUploadWrap[data-v-a193c86f]:hover {
+.fileUploadWrap.dragover[data-v-bf26cc92],
+.fileUploadWrap[data-v-bf26cc92]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-a193c86f] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-bf26cc92] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	color: var(--bgl-gray);
 }
-.pie[data-v-a193c86f] {
+.pie[data-v-bf26cc92] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -2319,7 +2319,7 @@ img.preview.single[data-v-a193c86f]{
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-a193c86f]:before {
+.pie[data-v-bf26cc92]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -2337,26 +2337,26 @@ img.preview.single[data-v-a193c86f]{
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-a193c86f] {
+.pie .success[data-v-bf26cc92] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-a193c86f] {
+.pie .progress[data-v-bf26cc92] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-a193c86f] {
+.pie.complete .progress[data-v-bf26cc92] {
 	display: none;
 }
-.pie.complete .success[data-v-a193c86f] {
+.pie.complete .success[data-v-bf26cc92] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-a193c86f]:before {
+.pie.complete[data-v-bf26cc92]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-a193c86f] {
+.pie.complete[data-v-bf26cc92] {
 	color: var(--bgl-green);
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"allCountries.d.ts","sourceRoot":"","sources":["../../src/utils/allCountries.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AA8TpD,MAAM,WAAW,OAAO;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,EAQjC,CAAA"}
+{"version":3,"file":"allCountries.d.ts","sourceRoot":"","sources":["../../src/utils/allCountries.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AA8TpD,MAAM,WAAW,OAAO;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,WAAW,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,EAQjC,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.475",
+  "version": "0.0.476",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -117,7 +117,7 @@
     "@tiptap/extension-table-cell": "^2.4.0",
     "@tiptap/vue-3": "^2.4.0",
     "leaflet": "^1.9.4",
-    "libphonenumber-js": "1.11.2",
+    "libphonenumber-js": "1.11.3",
     "floating-vue": "^5.2.2",
     "type-fest": "^4.19.0",
     "axios": "^1.7.2"

package/src/components/Btn.vue

@@ -7,9 +7,10 @@ const props = withDefaults(
 	defineProps<{
 		'disabled'?: boolean
 		'icon'?: MaterialIcons
-		// eslint-disable-next-line vue/prop-name-casing TODO: remove/deprecate
+		// eslint-disable-next-line vue/prop-name-casing
 		'icon.end'?: MaterialIcons
-		'icon-end'?: MaterialIcons
+		// TODO: ^ remove/deprecate
+		'iconEnd'?: MaterialIcons
 		'color'?: ThemeType
 		'theme'?: ThemeType
 		'flat'?: boolean

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

@@ -44,12 +44,12 @@ onMounted(() => {
 			ids.forEach((id) => {
 				void bagel.get<StorageFile>(`/files/${id}`).then((file) => {
 					storageFiles.push(file)
-				})
+				}).catch(console.error)
 			})
 		} else {
 			void bagel.get<StorageFile>(`/files/${ids[0]}`).then((file) => {
 				storageFiles.push(file)
-			})
+			}).catch(console.error)
 		}
 	}
 })

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

@@ -67,7 +67,7 @@ onMounted(() => {
 					type="radio"
 					:name="id"
 					:value="getValue(option)"
-					:checked="selectedValue == getValue(option)"
+					:checked="selectedValue === getValue(option)"
 					@change="handleSelect"
 				>
 				<label :for="`${id}-${getValue(option)}`">{{ getLabel(option) }}</label>

package/src/utils/allCountries.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @stylistic/js/max-len */
 import type { CountryCode } from 'libphonenumber-js'
 
 type CountryTuple = [string, CountryCode, string, number?, string[]?]