@bagelink/vue 0.0.475 → 0.0.479

package/dist/style.css

@@ -248,19 +248,19 @@
 }
 }
 
-a[data-v-51ee7ea7] {
+a[data-v-b96e25bd] {
   text-decoration: none;
 }
-.loading[data-v-51ee7ea7] {
+.loading[data-v-b96e25bd] {
   border: 1px solid var(--bgl-white);
   border-bottom: 2px solid var(--bgl-white);
-  animation: spin-51ee7ea7 1s linear infinite;
+  animation: spin-b96e25bd 1s linear infinite;
   border-radius: 100px;
   width: 1rem;
   height: 1rem;
   margin: auto;
 }
-@keyframes spin-51ee7ea7 {
+@keyframes spin-b96e25bd {
 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-b96e25bd] {
   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-b96e25bd] {
   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-b96e25bd] {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-51ee7ea7] {
+.bgl_btn-flex[data-v-b96e25bd] {
   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-b96e25bd] {
   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-b96e25bd],
+.bgl_btn-icon[data-v-b96e25bd] {
+  background-color: var(--a8626e32);
+  color: var(--223eadfc);
 }
-.bgl_btn[data-v-51ee7ea7]:hover,
-.bgl_btn-icon[data-v-51ee7ea7]:hover {
+.bgl_btn[data-v-b96e25bd]:hover,
+.bgl_btn-icon[data-v-b96e25bd]:hover {
   filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-51ee7ea7]:active,
-.bgl_btn-icon[data-v-51ee7ea7]:active {
+.bgl_btn[data-v-b96e25bd]:active,
+.bgl_btn-icon[data-v-b96e25bd]:active {
   filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-51ee7ea7] {
+.bgl_btn.bgl_flatBtn[data-v-b96e25bd] {
   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-b96e25bd] {
   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-b96e25bd]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-b96e25bd]: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-b96e25bd]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-b96e25bd]: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-b96e25bd],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-b96e25bd] {
   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-b96e25bd],
+.bgl_btn-icon.bgl_flatBtn.white[data-v-b96e25bd] {
   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-b96e25bd],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-b96e25bd] {
   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-b96e25bd],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-b96e25bd] {
   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-b96e25bd],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-b96e25bd] {
   color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-51ee7ea7] {
+.bgl_btn.thin[data-v-b96e25bd] {
   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-b96e25bd] {
   border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-51ee7ea7] {
+.bgl_btn-icon.thin[data-v-b96e25bd] {
   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-b96e25bd] {
   transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-51ee7ea7] {
-  outline: 1px solid var(--3607ab92);
-  color: var(--3607ab92);
+.bgl_btn-border[data-v-b96e25bd] {
+  outline: 1px solid var(--a8626e32);
+  color: var(--a8626e32);
   background: transparent;
 }
-.bgl_btn-border[data-v-51ee7ea7]:hover {
+.bgl_btn-border[data-v-b96e25bd]:hover {
   color: var(--bgl-white);
-  background: var(--3607ab92);
+  background: var(--a8626e32);
   filter: brightness(100%);
 }
-.bgl_btn-border[data-v-51ee7ea7]:active {
+.bgl_btn-border[data-v-b96e25bd]:active {
   filter: brightness(80%);
 }
 .bg-dark {
@@ -876,7 +876,7 @@ display: block;
   width: calc(100% - 5rem);
 }
 
-.inline[data-v-c50b9110] {
+.inline[data-v-532b36ae] {
 	display: inline;
 }
 
@@ -921,14 +921,14 @@ display: block;
 	color: var(--bgl-red);
 }
 
-.bgl_vid iframe[data-v-e4d1e5e2],
-.bgl_vid video[data-v-e4d1e5e2] {
+.bgl_vid iframe[data-v-862e1f20],
+.bgl_vid video[data-v-862e1f20] {
 	width: 100%;
 	height: auto;
 	display: block;
 	border-radius: var(--input-border-radius);
 }
-.bgl_vid.vid_empty[data-v-e4d1e5e2] {
+.bgl_vid.vid_empty[data-v-862e1f20] {
 	padding-top: 56.25%;
 	background: var(--input-bg);
 	border-radius: var(--input-border-radius);
@@ -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);
 }
 
@@ -2580,7 +2580,7 @@ p {
 	border-radius: var(--input-border-radius);
 }
 
-.tel-input[data-v-bd1b8bc1] {
+.tel-input[data-v-6f0154b1] {
 	direction: ltr;
 	text-align: left;
 	background: var(--input-bg);
@@ -2591,21 +2591,21 @@ p {
 	min-width: calc(var(--input-height) * 3);
 	width: 100%;
 }
-.tel-input[data-v-bd1b8bc1]:focus-within {
+.tel-input[data-v-6f0154b1]:focus-within {
 	outline: none;
 	box-shadow: inset 0 0 10px #00000012;
 }
-.tel-input input[data-v-bd1b8bc1] {
+.tel-input input[data-v-6f0154b1] {
 	background: transparent;
 }
-.tel-input input[data-v-bd1b8bc1]:focus-visible {
+.tel-input input[data-v-6f0154b1]:focus-visible {
 	box-shadow: none;
 }
-.input_country-code[data-v-bd1b8bc1] {
+.input_country-code[data-v-6f0154b1] {
 	font-size: var(--input-font-size);
 	color: var(--input-color);
 }
-.tel-country[data-v-bd1b8bc1] {
+.tel-country[data-v-6f0154b1] {
 	font-size: var(--input-font-size);
 	max-width: 200px;
 	white-space: nowrap;
@@ -2614,7 +2614,7 @@ p {
 	margin-top: 0;
 	margin-bottom: 0;
 }
-.tel-countryp-dropdown[data-v-bd1b8bc1] {
+.tel-countryp-dropdown[data-v-6f0154b1] {
 	direction: ltr;
 	text-align: left;
 }

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.479",
   "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/Badge.vue

@@ -7,7 +7,9 @@ interface Props {
 	'size'?: string
 	'text': string
 	'icon'?: MaterialIcons
+	// eslint-disable-next-line vue/prop-name-casing
 	'icon.end'?: MaterialIcons
+	'iconEnd'?: MaterialIcons
 }
 
 const props = defineProps<Props>()

package/src/components/BglVideo.vue

@@ -30,6 +30,7 @@ const videoUrl = $computed(() => {
 		}
 		if (embedType === 'Vimeo') {
 			const vimeoRegex
+				// eslint-disable-next-line regexp/no-unused-capturing-group
 				= /vimeo\.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|album\/(\d+)\/video\/)?(\d+)(?:$|\/|\?)/
 			const videoId = props.src?.match(vimeoRegex)?.[3]
 			return `https://player.vimeo.com/video/${videoId}`

package/src/components/Btn.vue

@@ -7,9 +7,8 @@ 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
 		'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/components/form/inputs/TelInput.vue

@@ -120,7 +120,7 @@ let selectedIndex = $ref<number>()
 const dropdownOpenDirection = $ref('below')
 const searchQuery = $ref('')
 
-const refInput = $ref<HTMLInputElement | null>(null)
+// const refInput = $ref<HTMLInputElement | null>(null)
 
 // Computed: activeCountry
 const activeCountry = $computed(() => props.allCountries.find(
@@ -149,6 +149,7 @@ const sortedCountries = $computed(() => {
 
 	const countriesList = [...preferredCountries, ...filteredCountries]
 	const cleanInput = searchQuery.replace(
+		// eslint-disable-next-line regexp/no-obscure-range
 		/[~`!#$%&*()+={};:'"<>.,/?-_]/g,
 		'',
 	)
@@ -197,6 +198,7 @@ watch(
 			activeCountryCode = oldValue.iso2
 			return
 		}
+		// eslint-disable-next-line vue/custom-event-name-casing
 		if (value?.iso2) emit('country-changed', value)
 	},
 )
@@ -289,7 +291,7 @@ function handleInput(e: KeyboardEvent) {
 	const keyVal = e.key
 	if (keyVal.length > 1 || e.metaKey) return
 
-	const hasBadChars = RegExp(/[^+\d]/).test(keyVal)
+	const hasBadChars = /[^+\d]/.test(keyVal)
 
 	if (!hasBadChars) return
 
@@ -341,7 +343,6 @@ function handleInput(e: KeyboardEvent) {
 							/>
 
 							<ul
-								ref="listEl"
 								class="overflow-y p-0"
 								:style="{ 'max-height': '400px' }"
 								:class="dropdownOpenDirection"
@@ -375,9 +376,9 @@ function handleInput(e: KeyboardEvent) {
 					</template>
 				</Dropdown>
 
+				<!-- ref="refInput" -->
 				<input
 					:id="id"
-					ref="refInput"
 					v-model="phone"
 					:required="required"
 					:placeholder="computedInputOptions.placeholder"

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[]?]