@bagelink/vue 0.0.1290 → 0.0.1294

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/NumberInput.vue"],"names":[],"mappings":"AAsOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI7C,KAAK,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAA;AAEzD,UAAU,gBAAgB;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB;;;;;;AA4VD,wBAQG"}
+{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/NumberInput.vue"],"names":[],"mappings":"AAuOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI7C,KAAK,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAA;AAEzD,UAAU,gBAAgB;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB;;;;;;AA6VD,wBAQG"}

package/dist/composables/useSchemaField.d.ts

@@ -14,7 +14,7 @@ type SlotFunction<T> = (props: SlotProps<T>) => any;
 type SupportedSlot<T> = BglFormSchemaT<T> | VNode | SlotFunction<T>;
 export declare function useSchemaField<T extends {
     [key: string]: any;
-}>(options: UseSchemaFieldOptions<T>): {
+}>(optns: UseSchemaFieldOptions<T>): {
     renderField: (field: BaseBagelField<T>, slots?: Record<string, SupportedSlot<T>>) => VNode | null;
     getComponent: (field: BaseBagelField<T>) => any;
 };

package/dist/composables/useSchemaField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSchemaField.d.ts","sourceRoot":"","sources":["../../src/composables/useSchemaField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAuBxE,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACzD,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB;AAID,UAAU,SAAS,CAAC,CAAC;IAAI,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE;AAC3D,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,CAAA;AACnD,KAAK,aAAa,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,CAAA;AAEnE,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC;yBAkCzF,cAAc,CAAC,CAAC,CAAC,UAChB,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KACtC,KAAK,GAAG,IAAI;0BAjCc,cAAc,CAAC,CAAC,CAAC;EA4M9C"}
+{"version":3,"file":"useSchemaField.d.ts","sourceRoot":"","sources":["../../src/composables/useSchemaField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAuBxE,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACzD,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB;AAID,UAAU,SAAS,CAAC,CAAC;IAAI,GAAG,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE;AAC3D,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,CAAA;AACnD,KAAK,aAAa,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,CAAA;AAEnE,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC;yBAkCvF,cAAc,CAAC,CAAC,CAAC,UAChB,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,KACtC,KAAK,GAAG,IAAI;0BAjCc,cAAc,CAAC,CAAC,CAAC;EA4M9C"}

package/dist/index.cjs

@@ -10530,8 +10530,8 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
 });
 const SLOT_VALUE_COMPONENTS$1 = /* @__PURE__ */ new Set(["div", "span", "p"]);
 const SRC_VALUE_COMPONENTS$1 = /* @__PURE__ */ new Set(["img", "iframe"]);
-function useSchemaField(options) {
-  const { mode = "form", getRowData, onUpdate, includeUnset = false } = options;
+function useSchemaField(optns) {
+  const { mode = "form", getRowData, onUpdate, includeUnset = false } = optns;
   function getComponent(field) {
     var _a;
     const componentMap = {
@@ -10578,12 +10578,12 @@ function useSchemaField(options) {
       }
     }
     const {
-      // $el,
+      $el,
       children: children2,
-      // options,
-      // attrs,
+      options,
+      attrs,
       class: fieldClass,
-      // id,
+      id,
       transform,
       slots: fieldSlots,
       required: required2,
@@ -17418,8 +17418,9 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
               disabled: _ctx.disabled,
               required: _ctx.required,
               readonly: _ctx.disabled,
-              inputmode: "numeric",
+              inputmode: "decimal",
               autocomplete: "off",
+              pattern: "^-?\\d*\\.?\\d*$",
               autocorrect: "off",
               spellcheck: "false",
               onInput: inputHandler,
@@ -17485,7 +17486,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-3b46ec89"]]);
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-8f9331b5"]]);
 const _hoisted_1$z = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "OTP",

package/dist/index.mjs

@@ -10528,8 +10528,8 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
 });
 const SLOT_VALUE_COMPONENTS$1 = /* @__PURE__ */ new Set(["div", "span", "p"]);
 const SRC_VALUE_COMPONENTS$1 = /* @__PURE__ */ new Set(["img", "iframe"]);
-function useSchemaField(options) {
-  const { mode = "form", getRowData, onUpdate, includeUnset = false } = options;
+function useSchemaField(optns) {
+  const { mode = "form", getRowData, onUpdate, includeUnset = false } = optns;
   function getComponent(field) {
     var _a;
     const componentMap = {
@@ -10576,12 +10576,12 @@ function useSchemaField(options) {
       }
     }
     const {
-      // $el,
+      $el,
       children: children2,
-      // options,
-      // attrs,
+      options,
+      attrs,
       class: fieldClass,
-      // id,
+      id,
       transform,
       slots: fieldSlots,
       required: required2,
@@ -17416,8 +17416,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
               disabled: _ctx.disabled,
               required: _ctx.required,
               readonly: _ctx.disabled,
-              inputmode: "numeric",
+              inputmode: "decimal",
               autocomplete: "off",
+              pattern: "^-?\\d*\\.?\\d*$",
               autocorrect: "off",
               spellcheck: "false",
               onInput: inputHandler,
@@ -17483,7 +17484,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-3b46ec89"]]);
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-8f9331b5"]]);
 const _hoisted_1$z = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "OTP",

package/dist/style.css

@@ -1847,14 +1847,14 @@ pre code.hljs{
 	direction: ltr;
 }
 
-.txtInputIconStart .iconStart[data-v-3b46ec89] {
+.txtInputIconStart .iconStart[data-v-8f9331b5] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.textInputSpinnerWrap .spinner[data-v-3b46ec89] {
+.textInputSpinnerWrap .spinner[data-v-8f9331b5] {
 	color: var(--input-color);
 	position: absolute;
 	inset-inline-end: 0;
@@ -1864,18 +1864,18 @@ pre code.hljs{
 	flex-direction: column;
 	gap: 0;
 }
-.top-bgl-ctrl-num-btn[data-v-3b46ec89]{
+.top-bgl-ctrl-num-btn[data-v-8f9331b5]{
 	margin-top: calc(var(--input-height) / 10) !important;
 }
-.bgl-ctrl-num-btn[data-v-3b46ec89]{
+.bgl-ctrl-num-btn[data-v-8f9331b5]{
 	height: calc(var(--input-height) / 2.5) !important;
 	isolation: isolate;
 }
-.bgl-big-ctrl-num-btn[data-v-3b46ec89]{
+.bgl-big-ctrl-num-btn[data-v-8f9331b5]{
 	width: 100% !important;
 	isolation: isolate;
 }
-.bgl-number-input[data-v-3b46ec89]{
+.bgl-number-input[data-v-8f9331b5]{
 	padding-inline-end: 1.75rem !important;
 }
 

package/package.json

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

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

@@ -159,8 +159,9 @@ watch(() => modelValue, (newVal) => {
 					:disabled
 					:required
 					:readonly="disabled"
-					inputmode="numeric"
+					inputmode="decimal"
 					autocomplete="off"
+					pattern="^-?\d*\.?\d*$"
 					autocorrect="off"
 					spellcheck="false"
 					@input="inputHandler"

package/src/composables/useSchemaField.ts

@@ -35,8 +35,8 @@ interface SlotProps<T> { row: T, field: BaseBagelField<T> }
 type SlotFunction<T> = (props: SlotProps<T>) => any
 type SupportedSlot<T> = BglFormSchemaT<T> | VNode | SlotFunction<T>
 
-export function useSchemaField<T extends { [key: string]: any }>(options: UseSchemaFieldOptions<T>) {
-	const { mode = 'form', getRowData, onUpdate, includeUnset = false } = options
+export function useSchemaField<T extends { [key: string]: any }>(optns: UseSchemaFieldOptions<T>) {
+	const { mode = 'form', getRowData, onUpdate, includeUnset = false } = optns
 
 	function getComponent(field: BaseBagelField<T>) {
 		const componentMap = {
@@ -94,12 +94,12 @@ export function useSchemaField<T extends { [key: string]: any }>(options: UseSch
 		}
 
 		const {
-			// $el,
+			$el,
 			children,
-			// options,
-			// attrs,
+			options,
+			attrs,
 			class: fieldClass,
-			// id,
+			id,
 			transform,
 			slots: fieldSlots,
 			required,