@bagelink/vue 1.0.64 → 1.1.1

package/dist/components/form/inputs/OTP.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OTP.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/OTP.vue"],"names":[],"mappings":"AAmJA,KAAK,WAAW,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;;;;;;;;;;AAqJjF,wBASG"}
+{"version":3,"file":"OTP.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/OTP.vue"],"names":[],"mappings":"AAgKA,KAAK,WAAW,GAAG;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;;;;;;;;;;AA4JjF,wBASG"}

package/dist/index.cjs

@@ -16420,7 +16420,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
                 max: vue.unref(formattedMax),
                 required: _ctx.required,
                 disabled: !_ctx.editMode,
-                class: vue.normalizeClass(["date-input", {
+                class: vue.normalizeClass(["date-input m-0", {
                   "txt-center": _ctx.center
                 }]),
                 readonly: false,
@@ -16578,7 +16578,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-f18c11ed"]]);
+const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-f22ba90f"]]);
 const _hoisted_1$F = ["title"];
 const _hoisted_2$t = { key: 0 };
 const _hoisted_3$o = {
@@ -17773,6 +17773,11 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
       if (noPreventKeys.includes(event.key)) {
         return;
       }
+      const preventKeys = ["ArrowUp", "ArrowDown"];
+      if (preventKeys.includes(event.key)) {
+        event.preventDefault();
+        return;
+      }
       if (event.key === "Backspace") {
         digits[index2] = void 0;
         if (index2 !== 0) {
@@ -17830,14 +17835,16 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
             pattern: "[0-9]*",
             oninput: "this.value = this.value.slice(0, 1)",
             onKeydown: ($event) => handleKeyDown($event, ind),
-            onPaste: ($event) => handlePaste($event, ind)
+            onPaste: ($event) => handlePaste($event, ind),
+            onKeyup: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+            }, ["prevent"]))
           }, null, 40, _hoisted_1$A);
         }), 128))
       ], 512);
     };
   }
 });
-const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-c175fbd6"]]);
+const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-ab0a46bf"]]);
 const _hoisted_1$z = { class: "relative passwordInput" };
 const _hoisted_2$o = { class: "m-password position-bottom-end flex column justify-content-center" };
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
@@ -19304,7 +19311,7 @@ const resolveConfig = (config) => {
   const newConfig = mergeConfig$1({}, config);
   let { data: data2, withXSRFToken, xsrfHeaderName, xsrfCookieName, headers, auth } = newConfig;
   newConfig.headers = headers = AxiosHeaders$1.from(headers);
-  newConfig.url = buildURL(buildFullPath(newConfig.baseURL, newConfig.url), config.params, config.paramsSerializer);
+  newConfig.url = buildURL(buildFullPath(newConfig.baseURL, newConfig.url, newConfig.allowAbsoluteUrls), config.params, config.paramsSerializer);
   if (auth) {
     headers.set(
       "Authorization",
@@ -19821,7 +19828,7 @@ function dispatchRequest(config) {
     return Promise.reject(reason);
   });
 }
-const VERSION$1 = "1.8.2";
+const VERSION$1 = "1.8.3";
 const validators$1 = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((type3, i2) => {
   validators$1[type3] = function validator2(thing) {
@@ -36795,7 +36802,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Lightbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-977a5319"]]);
+const Lightbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fb2d5763"]]);
 const groups = {};
 let clickHandler = (_e2) => void 0;
 const lightboxDirective = {

package/dist/index.mjs

@@ -16418,7 +16418,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                 max: unref(formattedMax),
                 required: _ctx.required,
                 disabled: !_ctx.editMode,
-                class: normalizeClass(["date-input", {
+                class: normalizeClass(["date-input m-0", {
                   "txt-center": _ctx.center
                 }]),
                 readonly: false,
@@ -16576,7 +16576,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-f18c11ed"]]);
+const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-f22ba90f"]]);
 const _hoisted_1$F = ["title"];
 const _hoisted_2$t = { key: 0 };
 const _hoisted_3$o = {
@@ -17771,6 +17771,11 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       if (noPreventKeys.includes(event.key)) {
         return;
       }
+      const preventKeys = ["ArrowUp", "ArrowDown"];
+      if (preventKeys.includes(event.key)) {
+        event.preventDefault();
+        return;
+      }
       if (event.key === "Backspace") {
         digits[index2] = void 0;
         if (index2 !== 0) {
@@ -17828,14 +17833,16 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             pattern: "[0-9]*",
             oninput: "this.value = this.value.slice(0, 1)",
             onKeydown: ($event) => handleKeyDown($event, ind),
-            onPaste: ($event) => handlePaste($event, ind)
+            onPaste: ($event) => handlePaste($event, ind),
+            onKeyup: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["prevent"]))
           }, null, 40, _hoisted_1$A);
         }), 128))
       ], 512);
     };
   }
 });
-const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-c175fbd6"]]);
+const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-ab0a46bf"]]);
 const _hoisted_1$z = { class: "relative passwordInput" };
 const _hoisted_2$o = { class: "m-password position-bottom-end flex column justify-content-center" };
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
@@ -19302,7 +19309,7 @@ const resolveConfig = (config) => {
   const newConfig = mergeConfig$1({}, config);
   let { data: data2, withXSRFToken, xsrfHeaderName, xsrfCookieName, headers, auth } = newConfig;
   newConfig.headers = headers = AxiosHeaders$1.from(headers);
-  newConfig.url = buildURL(buildFullPath(newConfig.baseURL, newConfig.url), config.params, config.paramsSerializer);
+  newConfig.url = buildURL(buildFullPath(newConfig.baseURL, newConfig.url, newConfig.allowAbsoluteUrls), config.params, config.paramsSerializer);
   if (auth) {
     headers.set(
       "Authorization",
@@ -19819,7 +19826,7 @@ function dispatchRequest(config) {
     return Promise.reject(reason);
   });
 }
-const VERSION$1 = "1.8.2";
+const VERSION$1 = "1.8.3";
 const validators$1 = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((type3, i2) => {
   validators$1[type3] = function validator2(thing) {
@@ -36793,7 +36800,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Lightbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-977a5319"]]);
+const Lightbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fb2d5763"]]);
 const groups = {};
 let clickHandler = (_e2) => void 0;
 const lightboxDirective = {

package/dist/style.css

@@ -1433,69 +1433,69 @@ pre code.hljs{
 	outline-color: var(--input-bg);
 }
 
-.calendar-container[data-v-f18c11ed] {
+.calendar-container[data-v-f22ba90f] {
 	max-width: 90vw;
 }
-.calendar-section[data-v-f18c11ed] {
+.calendar-section[data-v-f22ba90f] {
 	min-width: 280px;
 }
-.calendar-grid[data-v-f18c11ed] {
+.calendar-grid[data-v-f22ba90f] {
 	grid-template-columns: repeat(7, 1fr);
 }
-.month-grid[data-v-f18c11ed] {
+.month-grid[data-v-f22ba90f] {
 	grid-template-columns: repeat(3, 1fr);
 	grid-template-rows: repeat(4, 1fr);
 }
-.year-grid[data-v-f18c11ed] {
+.year-grid[data-v-f22ba90f] {
 	grid-template-columns: repeat(3, 1fr);
 	grid-template-rows: repeat(7, 1fr);
 }
-.month-item[data-v-f18c11ed],
-.year-item[data-v-f18c11ed] {
+.month-item[data-v-f22ba90f],
+.year-item[data-v-f22ba90f] {
 	background: none;
 	color: var(--bgl-text-color);
 }
-.month-item[data-v-f18c11ed]:hover:not(.disabled),
-.year-item[data-v-f18c11ed]:hover:not(.disabled) {
+.month-item[data-v-f22ba90f]:hover:not(.disabled),
+.year-item[data-v-f22ba90f]:hover:not(.disabled) {
 	background: var(--bgl-box-bg);
 	filter: var(--bgl-hover-filter);
 }
-.month-item[data-v-f18c11ed]:active:not(.disabled),
-.year-item[data-v-f18c11ed]:active:not(.disabled) {
+.month-item[data-v-f22ba90f]:active:not(.disabled),
+.year-item[data-v-f22ba90f]:active:not(.disabled) {
 	background: var(--bgl-box-bg);
 	filter: var(--bgl-active-filter);
 }
-.month-item.selected[data-v-f18c11ed],
-.year-item.selected[data-v-f18c11ed] {
+.month-item.selected[data-v-f22ba90f],
+.year-item.selected[data-v-f22ba90f] {
 	background-color: var(--bgl-primary);
 	color: white;
 }
-.month-item.disabled[data-v-f18c11ed],
-.year-item.disabled[data-v-f18c11ed] {
+.month-item.disabled[data-v-f22ba90f],
+.year-item.disabled[data-v-f22ba90f] {
 	opacity: 0.6;
 	filter: grayscale(0.3);
 }
-.day[data-v-f18c11ed] {
+.day[data-v-f22ba90f] {
 	border: none;
 	background: none;
 	color: var(--bgl-text-color);
 }
-.day[data-v-f18c11ed]:hover:not(.disabled) {
+.day[data-v-f22ba90f]:hover:not(.disabled) {
 	background-color: var(--input-bg);
 }
-.day.selected[data-v-f18c11ed] {
+.day.selected[data-v-f22ba90f] {
 	background-color: var(--bgl-primary);
 	color: var(--bgl-white);
 }
-.day.today[data-v-f18c11ed]:not(.selected) {
+.day.today[data-v-f22ba90f]:not(.selected) {
 	border: 1px solid var(--bgl-primary);
 }
-.day.disabled[data-v-f18c11ed] {
+.day.disabled[data-v-f22ba90f] {
 	opacity: 0.6;
 	filter: grayscale(0.3);
 	cursor: not-allowed;
 }
-.day.not-in-month[data-v-f18c11ed] {
+.day.not-in-month[data-v-f22ba90f] {
 	opacity: 0.4;
 }
 
@@ -1912,13 +1912,13 @@ pre code.hljs{
 	padding-inline-end: 1.75rem !important;
 }
 
-.otp_wrap[data-v-c175fbd6] {
+.otp_wrap[data-v-ab0a46bf] {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
 }
-.digit-box[data-v-c175fbd6] {
+.digit-box[data-v-ab0a46bf] {
     height: 3rem;
     flex-grow: 1;
     border: 1px solid var(--bgl-primary-tint);
@@ -1930,20 +1930,28 @@ pre code.hljs{
     font-size: 2.4rem;
     -moz-appearance: textfield; /* Firefox */
     caret-color: transparent;
+    /* Remove spinner arrows */
+    appearance: textfield; /* Standardized property */
 }
-.digit-box[data-v-c175fbd6]::-webkit-outer-spin-button {
-    -webkit-appearance: none; /* Chrome, Safari, Edge, Opera */
+
+/* Remove spinner arrows for Webkit browsers */
+.digit-box[data-v-ab0a46bf]::-webkit-outer-spin-button,
+.digit-box[data-v-ab0a46bf]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    appearance: none;
     margin: 0;
 }
-.digit-box[data-v-c175fbd6]:focus {
+.digit-box[data-v-ab0a46bf]:focus {
   outline: 1px solid var(--bgl-primary);
   filter: drop-shadow(0 0 0.25rem var(--bgl-primary));
 }
-.digit-box[type="number"][data-v-c175fbd6] {
-    -moz-appearance: textfield; /* Firefox */
-}
+
+/* Redundant, already covered above */
+/* .digit-box[type="number"] {
+    -moz-appearance: textfield;
+} */
 @media screen and (max-width: 910px) {
-.digit-box[data-v-c175fbd6] {
+.digit-box[data-v-ab0a46bf] {
     padding: 0.25rem;
 }
 }
@@ -4613,22 +4621,22 @@ td[data-v-5386c509]:has(:checked){
   -moz-user-drag: none;
 }
 
-.bgl-lightbox[data-v-977a5319]:has(.bgl_vid) {
+.bgl-lightbox[data-v-fb2d5763]:has(.bgl_vid) {
 	width: 90vw;
 }
-.lightbox-image[data-v-977a5319]{
+.lightbox-image[data-v-fb2d5763]{
 	object-fit: contain;
 }
-.bgl-lightbox-overlay[data-v-977a5319] {
+.bgl-lightbox-overlay[data-v-fb2d5763] {
 	background: rgba(0, 0, 0, 0.8);
 }
-.bgl-lightbox[data-v-977a5319] {
+.bgl-lightbox[data-v-fb2d5763] {
 	max-height: 90%;
 }
-.bgl-lightbox-item[data-v-977a5319]{
-	animation: 500ms ease bgl-lightbox-load-977a5319;
+.bgl-lightbox-item[data-v-fb2d5763]{
+	animation: 500ms ease bgl-lightbox-load-fb2d5763;
 }
-@keyframes bgl-lightbox-load-977a5319 {
+@keyframes bgl-lightbox-load-fb2d5763 {
 from {
     scale:0.7;
 }
@@ -4636,46 +4644,46 @@ to {
 	scale:1;
 }
 }
-.bgl-lightbox-item[data-v-977a5319] * {
+.bgl-lightbox-item[data-v-fb2d5763] * {
 	max-height: calc(80vh - 90px);
 	border-radius: 3px;
 	margin: auto;
-	animation: 200ms ease bgl-lightbox-load-977a5319;
+	animation: 200ms ease bgl-lightbox-load-fb2d5763;
 	transition: max-height 200ms ease;
 }
-.bgl-lightbox-item.zoomed[data-v-977a5319] * {
+.bgl-lightbox-item.zoomed[data-v-fb2d5763] * {
 	max-height: calc(100vh - 90px);
 	height: calc(100vh - 90px);
 }
-.navigation[data-v-977a5319] {
+.navigation[data-v-fb2d5763] {
 	top: 50%;
 	transform: translateY(-50%);
 }
-.thumbnail[data-v-977a5319] {
+.thumbnail[data-v-fb2d5763] {
 	height: 50px;
 	width: 50px;
 }
-.thumbnail[data-v-977a5319]:hover {
+.thumbnail[data-v-fb2d5763]:hover {
 	opacity: 1;
 }
-.thumbnail[data-v-977a5319]:active {
+.thumbnail[data-v-fb2d5763]:active {
 	opacity: 0.8;
 }
-.thumbnail.active[data-v-977a5319] {
+.thumbnail.active[data-v-fb2d5763] {
 	opacity: 1;
 	outline: 2px solid white;
 }
-.file-info[data-v-977a5319]{
+.file-info[data-v-fb2d5763]{
 	max-width: 420px
 }
 @media screen and (max-width: 910px) {
-.file-info[data-v-977a5319]{
+.file-info[data-v-fb2d5763]{
 	max-width: 220px;
 	text-align: center !important;
 }
-.file-info[data-v-977a5319] *{
+.file-info[data-v-fb2d5763] *{
 	text-align: center !important;
-	margin-inline: 0 !important;;
+	margin-inline: 0 !important;
 	max-width: 100% !important;
 }
 }

package/package.json

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

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

@@ -418,7 +418,7 @@ onMounted(() => {
 						:max="formattedMax"
 						:required="required"
 						:disabled="!editMode"
-						class="date-input"
+						class="date-input m-0"
 						:class="{
 							'txt-center': center,
 						}"

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

@@ -35,6 +35,12 @@ function handleKeyDown(event: KeyboardEvent, index: number) {
 		return
 	}
 
+	const preventKeys = ['ArrowUp', 'ArrowDown']
+	if (preventKeys.includes(event.key)) {
+		event.preventDefault()
+		return
+	}
+
 	if (event.key === 'Backspace') {
 		digits[index] = undefined
 
@@ -95,6 +101,7 @@ function isDigitsFull() {
 			oninput="this.value = this.value.slice(0, 1)"
 			@keydown="handleKeyDown($event, ind)"
 			@paste="handlePaste($event, ind)"
+			@keyup.prevent
 		>
 	</div>
 </template>
@@ -119,10 +126,15 @@ function isDigitsFull() {
     font-size: 2.4rem;
     -moz-appearance: textfield; /* Firefox */
     caret-color: transparent;
+    /* Remove spinner arrows */
+    appearance: textfield; /* Standardized property */
 }
 
-.digit-box::-webkit-outer-spin-button {
-    -webkit-appearance: none; /* Chrome, Safari, Edge, Opera */
+/* Remove spinner arrows for Webkit browsers */
+.digit-box::-webkit-outer-spin-button,
+.digit-box::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    appearance: none;
     margin: 0;
 }
 
@@ -131,9 +143,10 @@ function isDigitsFull() {
   filter: drop-shadow(0 0 0.25rem var(--bgl-primary));
 }
 
-.digit-box[type="number"] {
-    -moz-appearance: textfield; /* Firefox */
-}
+/* Redundant, already covered above */
+/* .digit-box[type="number"] {
+    -moz-appearance: textfield;
+} */
 
 @media screen and (max-width: 910px) {
   .digit-box {

package/src/components/lightbox/Lightbox.vue

@@ -266,7 +266,7 @@ defineExpose({ open, close })
 }
 .file-info *{
 	text-align: center !important;
-	margin-inline: 0 !important;;
+	margin-inline: 0 !important;
 	max-width: 100% !important;
 }
 }