@bagelink/vue 0.0.935 → 0.0.939

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
  2. package/dist/components/form/inputs/RangeInput.vue.d.ts.map +1 -1
  3. package/dist/components/form/inputs/SelectInput.vue.d.ts +2 -0
  4. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  5. package/dist/components/form/inputs/TextInput.vue.d.ts +1 -0
  6. package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
  7. package/dist/index.cjs +7 -6
  8. package/dist/index.mjs +7 -6
  9. package/dist/style.css +55 -54
  10. package/package.json +1 -1
  11. package/src/components/form/inputs/FileUpload.vue +2 -2
  12. package/src/components/form/inputs/RangeInput.vue +2 -1
  13. package/src/components/form/inputs/TextInput.vue +2 -1
package/dist/components/form/inputs/FileUpload.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAykBA,OAAO,EAAmC,KAAK,WAAW,EAAkB,MAAM,eAAe,CAAA;AAKjG,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAuJzC,iBAAS,MAAM,SAiBd;AA6BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA3KZ,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;YAilBS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;0BAplBpB,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;;YAklBe,GAAG;;;WASvB,OAAO,IAA6B;EAEjD;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YA/oBZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;aACL,MAAM,GAAG,MAAM;YAChB,MAAM;WACP,OAAO;WACP,OAAO;YACN,UAAU,GAAG,OAAO;aACnB,MAAM;;;;;YAXP,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;aACL,MAAM,GAAG,MAAM;YAChB,MAAM;WACP,OAAO;WACP,OAAO;YACN,UAAU,GAAG,OAAO;aACnB,MAAM;;;;kFA2oBd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAykBA,OAAO,EAAmC,KAAK,WAAW,EAAkB,MAAM,eAAe,CAAA;AAKjG,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAuJzC,iBAAS,MAAM,SAiBd;AA6BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA3KZ,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;YAklBS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;0BArlBpB,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;;YAmlBe,GAAG;;;WASvB,OAAO,IAA6B;EAEjD;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAhpBZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;aACL,MAAM,GAAG,MAAM;YAChB,MAAM;WACP,OAAO;WACP,OAAO;YACN,UAAU,GAAG,OAAO;aACnB,MAAM;;;;;YAXP,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;aACL,MAAM,GAAG,MAAM;YAChB,MAAM;WACP,OAAO;WACP,OAAO;YACN,UAAU,GAAG,OAAO;aACnB,MAAM;;;;kFA4oBd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
package/dist/components/form/inputs/RangeInput.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RangeInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RangeInput.vue"],"names":[],"mappings":"AAmHA,UAAU,eAAe;IACxB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AACD,QAAA,IAAI,eAAe,EAAG,eAAe,CAAC;AAuCtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;;;;;;AAkF3B,wBAOG"}
1
+ {"version":3,"file":"RangeInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RangeInput.vue"],"names":[],"mappings":"AAoHA,UAAU,eAAe;IACxB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AACD,QAAA,IAAI,eAAe,EAAG,eAAe,CAAC;AAuCtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;;;;;;AAkF3B,wBAOG"}
package/dist/components/form/inputs/SelectInput.vue.d.ts CHANGED
@@ -161,6 +161,7 @@ declare function __VLS_template(): {
161
161
  onDebounce?: ((...args: any[]) => any) | undefined;
162
162
  }>, {
163
163
  focus: () => void | undefined;
164
+ hasFocus: () => boolean;
164
165
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
165
166
  "update:modelValue": (...args: any[]) => void;
166
167
  debounce: (...args: any[]) => void;
@@ -237,6 +238,7 @@ declare function __VLS_template(): {
237
238
  onDebounce?: ((...args: any[]) => any) | undefined;
238
239
  }>, {
239
240
  focus: () => void | undefined;
241
+ hasFocus: () => boolean;
240
242
  }, {}, {}, {}, {
241
243
  type: string;
242
244
  modelValue: string | number;
package/dist/components/form/inputs/SelectInput.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAiaA,OAAO,EAMN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AAyN/B,iBAAS,cAAc;;sBAyQI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA7DhB,GAAE,8CACb,GAAG,yBACA,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAuEjC,OAAO,IAA6B;EAEjD;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA9gBX,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;;aAdvC,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;kFAugB/C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAiaA,OAAO,EAMN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AAyN/B,iBAAS,cAAc;;sBAyQI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA7DhB,GAAE,8CACb,GAAG,yBACA,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAuEjC,OAAO,IAA6B;EAEjD;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA9gBX,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;;aAdvC,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;eACf,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;;;kFAugB/C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
package/dist/components/form/inputs/TextInput.vue.d.ts CHANGED
@@ -28,6 +28,7 @@ declare const _default: import('vue').DefineComponent<{
28
28
  onFocusout?: (e: FocusEvent) => void;
29
29
  }, {
30
30
  focus: () => void | undefined;
31
+ hasFocus: () => boolean;
31
32
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
32
33
  "update:modelValue": (...args: any[]) => void;
33
34
  debounce: (...args: any[]) => void;
package/dist/components/form/inputs/TextInput.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AA8NA,OAAO,EAEN,KAAK,aAAa,EAElB,MAAM,eAAe,CAAA;;SAMf,MAAM;YACH,MAAM;eACH,MAAM;kBACH,MAAM;iBACP,MAAM,GAAG,MAAM;YACpB,MAAM;YACN,OAAO;YACP,OAAO;eACJ,OAAO;cACR,MAAM;aACP,OAAO;eACL,OAAO;WACX,MAAM;uBACM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;WAClC,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM,GAAG,MAAM;mBACR,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;;;SAvB/B,MAAM;YACH,MAAM;eACH,MAAM;kBACH,MAAM;iBACP,MAAM,GAAG,MAAM;YACpB,MAAM;YACN,OAAO;YACP,OAAO;eACJ,OAAO;cACR,MAAM;aACP,OAAO;eACL,OAAO;WACX,MAAM;uBACM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;WAClC,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM,GAAG,MAAM;mBACR,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;UAX7B,MAAM;gBARA,MAAM,GAAG,MAAM;mBAkBZ,MAAM;;AAoLxB,wBASG"}
1
+ {"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AA+NA,OAAO,EAEN,KAAK,aAAa,EAElB,MAAM,eAAe,CAAA;;SAMf,MAAM;YACH,MAAM;eACH,MAAM;kBACH,MAAM;iBACP,MAAM,GAAG,MAAM;YACpB,MAAM;YACN,OAAO;YACP,OAAO;eACJ,OAAO;cACR,MAAM;aACP,OAAO;eACL,OAAO;WACX,MAAM;uBACM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;WAClC,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM,GAAG,MAAM;mBACR,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;;;;SAvB/B,MAAM;YACH,MAAM;eACH,MAAM;kBACH,MAAM;iBACP,MAAM,GAAG,MAAM;YACpB,MAAM;YACN,OAAO;YACP,OAAO;eACJ,OAAO;cACR,MAAM;aACP,OAAO;eACL,OAAO;WACX,MAAM;uBACM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;WAClC,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM,GAAG,MAAM;mBACR,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;UAX7B,MAAM;gBARA,MAAM,GAAG,MAAM;mBAkBZ,MAAM;;AAqLxB,wBASG"}
package/dist/index.cjs CHANGED
@@ -18770,7 +18770,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
18770
18770
  } else {
18771
18771
  idValue = storageFiles.value[0][bindKey2] || "";
18772
18772
  }
18773
- const isSame = [idValue].flat().every((id) => [file_bindkeys.value].flat().includes(id));
18773
+ const isSame = [idValue].flat().every((id) => [file_bindkeys.value].flat().includes(id)) && [file_bindkeys.value].flat().every((id) => [idValue].flat().includes(id));
18774
18774
  if (!isSame) {
18775
18775
  file_bindkeys.value = idValue;
18776
18776
  emit2("update:modelValue", file_bindkeys.value);
@@ -18845,7 +18845,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
18845
18845
  const _directive_lightbox = vue.resolveDirective("lightbox");
18846
18846
  const _directive_tooltip = vue.resolveDirective("tooltip");
18847
18847
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
18848
- vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label), 1),
18848
+ vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(storageFiles.value.length), 1),
18849
18849
  vue.unref(theme) === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
18850
18850
  key: 0,
18851
18851
  outline: "",
@@ -19056,7 +19056,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
19056
19056
  };
19057
19057
  }
19058
19058
  });
19059
- const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-c2732102"]]);
19059
+ const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-b4b4c0ee"]]);
19060
19060
  const _hoisted_1$u = ["title"];
19061
19061
  const _hoisted_2$k = { key: 0 };
19062
19062
  const _hoisted_3$g = ["value", "placeholder"];
@@ -19481,7 +19481,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
19481
19481
  };
19482
19482
  }
19483
19483
  });
19484
- const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-cde1b5cc"]]);
19484
+ const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-ded4d62d"]]);
19485
19485
  function OrderedMap(content) {
19486
19486
  this.content = content;
19487
19487
  }
@@ -52667,11 +52667,12 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
52667
52667
  },
52668
52668
  { immediate: true }
52669
52669
  );
52670
+ const hasFocus = () => document.activeElement === input.value;
52670
52671
  const focus2 = () => {
52671
52672
  var _a2;
52672
52673
  return (_a2 = input.value) == null ? void 0 : _a2.focus();
52673
52674
  };
52674
- __expose({ focus: focus2 });
52675
+ __expose({ focus: focus2, hasFocus });
52675
52676
  vue.onMounted(() => {
52676
52677
  if (props2.autofocus) setTimeout(() => {
52677
52678
  var _a2;
@@ -52752,7 +52753,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
52752
52753
  };
52753
52754
  }
52754
52755
  });
52755
- const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-2c465924"]]);
52756
+ const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-0e10a3b5"]]);
52756
52757
  const _hoisted_1$h = ["title"];
52757
52758
  const _hoisted_2$9 = ["id", "required"];
52758
52759
  const _hoisted_3$7 = ["for"];
package/dist/index.mjs CHANGED
@@ -18768,7 +18768,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
18768
18768
  } else {
18769
18769
  idValue = storageFiles.value[0][bindKey2] || "";
18770
18770
  }
18771
- const isSame = [idValue].flat().every((id) => [file_bindkeys.value].flat().includes(id));
18771
+ const isSame = [idValue].flat().every((id) => [file_bindkeys.value].flat().includes(id)) && [file_bindkeys.value].flat().every((id) => [idValue].flat().includes(id));
18772
18772
  if (!isSame) {
18773
18773
  file_bindkeys.value = idValue;
18774
18774
  emit2("update:modelValue", file_bindkeys.value);
@@ -18843,7 +18843,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
18843
18843
  const _directive_lightbox = resolveDirective("lightbox");
18844
18844
  const _directive_tooltip = resolveDirective("tooltip");
18845
18845
  return openBlock(), createElementBlock("div", _hoisted_1$v, [
18846
- createElementVNode("label", null, toDisplayString(_ctx.label), 1),
18846
+ createElementVNode("label", null, toDisplayString(_ctx.label) + " " + toDisplayString(storageFiles.value.length), 1),
18847
18847
  unref(theme) === "basic" ? (openBlock(), createBlock(unref(_sfc_main$R), {
18848
18848
  key: 0,
18849
18849
  outline: "",
@@ -19054,7 +19054,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
19054
19054
  };
19055
19055
  }
19056
19056
  });
19057
- const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-c2732102"]]);
19057
+ const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-b4b4c0ee"]]);
19058
19058
  const _hoisted_1$u = ["title"];
19059
19059
  const _hoisted_2$k = { key: 0 };
19060
19060
  const _hoisted_3$g = ["value", "placeholder"];
@@ -19479,7 +19479,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
19479
19479
  };
19480
19480
  }
19481
19481
  });
19482
- const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-cde1b5cc"]]);
19482
+ const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-ded4d62d"]]);
19483
19483
  function OrderedMap(content) {
19484
19484
  this.content = content;
19485
19485
  }
@@ -52665,11 +52665,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
52665
52665
  },
52666
52666
  { immediate: true }
52667
52667
  );
52668
+ const hasFocus = () => document.activeElement === input.value;
52668
52669
  const focus2 = () => {
52669
52670
  var _a2;
52670
52671
  return (_a2 = input.value) == null ? void 0 : _a2.focus();
52671
52672
  };
52672
- __expose({ focus: focus2 });
52673
+ __expose({ focus: focus2, hasFocus });
52673
52674
  onMounted(() => {
52674
52675
  if (props2.autofocus) setTimeout(() => {
52675
52676
  var _a2;
@@ -52750,7 +52751,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
52750
52751
  };
52751
52752
  }
52752
52753
  });
52753
- const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-2c465924"]]);
52754
+ const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-0e10a3b5"]]);
52754
52755
  const _hoisted_1$h = ["title"];
52755
52756
  const _hoisted_2$9 = ["id", "required"];
52756
52757
  const _hoisted_3$7 = ["for"];
package/dist/style.css CHANGED
@@ -707,7 +707,7 @@ data[data-v-6c27f163] {
707
707
  }
708
708
  }
709
709
 
710
- .fileUploadWrap[data-v-c2732102] {
710
+ .fileUploadWrap[data-v-b4b4c0ee] {
711
711
  outline: 1px solid var(--border-color);
712
712
  border-radius: var(--input-border-radius);
713
713
  text-align: center;
@@ -719,7 +719,7 @@ data[data-v-6c27f163] {
719
719
  background: var(--input-bg);
720
720
  height: 215px;
721
721
  }
722
- .bagel-input .fileUploadWrap.fileDropZone[data-v-c2732102] {
722
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-b4b4c0ee] {
723
723
  background: var(--input-bg);
724
724
  display: flex;
725
725
  align-items: center;
@@ -727,14 +727,14 @@ data[data-v-6c27f163] {
727
727
  color: var(--bgl-gray);
728
728
  flex-direction: column;
729
729
  }
730
- .fileUploadWrap.dragover[data-v-c2732102],
731
- .fileUploadWrap[data-v-c2732102]:hover {
730
+ .fileUploadWrap.dragover[data-v-b4b4c0ee],
731
+ .fileUploadWrap[data-v-b4b4c0ee]:hover {
732
732
  box-shadow: inset 0 0 10px #00000012;
733
733
  }
734
- .fileUploadWrap[style*="height: auto;"][data-v-c2732102] {
734
+ .fileUploadWrap[style*="height: auto;"][data-v-b4b4c0ee] {
735
735
  min-height: 215px;
736
736
  }
737
- .multi-image-item-preview[data-v-c2732102] {
737
+ .multi-image-item-preview[data-v-b4b4c0ee] {
738
738
  border: 1px solid var(--border-color) !important;
739
739
  border-radius: var(--input-border-radius);
740
740
  margin: 0.5rem !important;
@@ -748,12 +748,12 @@ data[data-v-6c27f163] {
748
748
  gap: 1rem;
749
749
  align-items: center;
750
750
  }
751
- .multi-image-item-preview p[data-v-c2732102] {
751
+ .multi-image-item-preview p[data-v-b4b4c0ee] {
752
752
  overflow: hidden;
753
753
  text-overflow: ellipsis;
754
754
  white-space: nowrap;
755
755
  }
756
- .multi-preview[data-v-c2732102]{
756
+ .multi-preview[data-v-b4b4c0ee]{
757
757
  width: 40px;
758
758
  height: 40px;
759
759
  border-radius: var(--input-border-radius);
@@ -764,17 +764,17 @@ data[data-v-6c27f163] {
764
764
  align-items: center;
765
765
  display: flex;
766
766
  }
767
- .bgl-single-preview[data-v-c2732102]{
767
+ .bgl-single-preview[data-v-b4b4c0ee]{
768
768
  height: 100%;
769
769
  position: relative;
770
770
  }
771
- .bgl-single-preview + .fileUploadPlaceHolder[data-v-c2732102]{
771
+ .bgl-single-preview + .fileUploadPlaceHolder[data-v-b4b4c0ee]{
772
772
  position: absolute;
773
773
  inset: 0;
774
774
  margin: auto;
775
775
  top: calc(50% - 2rem);
776
776
  }
777
- .single-image-item-preview[data-v-c2732102] {
777
+ .single-image-item-preview[data-v-b4b4c0ee] {
778
778
  height: 100%;
779
779
  min-height: 100%;
780
780
  position: relative;
@@ -782,13 +782,13 @@ data[data-v-6c27f163] {
782
782
  align-items: center;
783
783
  justify-content: center;
784
784
  }
785
- .fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-c2732102] {
785
+ .fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-b4b4c0ee] {
786
786
  min-height: 215px;
787
787
  }
788
- .fileUploadWrap[style*="height: auto"] .single-preview[data-v-c2732102] {
788
+ .fileUploadWrap[style*="height: auto"] .single-preview[data-v-b4b4c0ee] {
789
789
  margin: 0rem !important;
790
790
  }
791
- .single-preview[data-v-c2732102]{
791
+ .single-preview[data-v-b4b4c0ee]{
792
792
  border-radius: var(--input-border-radius);
793
793
  margin: 1rem;
794
794
  padding: 0px;
@@ -797,7 +797,7 @@ data[data-v-6c27f163] {
797
797
  object-fit: cover;
798
798
  background: var(--bgl-gray-light);
799
799
  }
800
- .single-image-item-preview[data-v-c2732102]:hover::after{
800
+ .single-image-item-preview[data-v-b4b4c0ee]:hover::after{
801
801
  content: "zoom_in";
802
802
  font-size: 32px;
803
803
  font-family: "Material Symbols Outlined", serif;
@@ -807,20 +807,20 @@ data[data-v-6c27f163] {
807
807
  z-index: 9;
808
808
  pointer-events: none;
809
809
  }
810
- .single-image-item-preview:hover img[data-v-c2732102]{
810
+ .single-image-item-preview:hover img[data-v-b4b4c0ee]{
811
811
  filter: brightness(70%);
812
812
  }
813
- .bgl_fill-image.single-image-item-preview[data-v-c2732102] {
813
+ .bgl_fill-image.single-image-item-preview[data-v-b4b4c0ee] {
814
814
  height: 100%;
815
815
  }
816
- .bgl_fill-image.single-image-item-preview .single-preview[data-v-c2732102]{
816
+ .bgl_fill-image.single-image-item-preview .single-preview[data-v-b4b4c0ee]{
817
817
  border-radius: unset;
818
818
  object-fit: cover;
819
819
  box-shadow: unset;
820
820
  width: 100%;
821
821
  height: auto;
822
822
  }
823
- .single-image-item-preview .pie[data-v-c2732102] {
823
+ .single-image-item-preview .pie[data-v-b4b4c0ee] {
824
824
  transform-origin: top;
825
825
  transform: scale(1.4);
826
826
  position: absolute;
@@ -834,31 +834,31 @@ data[data-v-6c27f163] {
834
834
  border: none !important;
835
835
  padding: 0 !important;
836
836
  }
837
- .bgl_oval-upload[data-v-c2732102] {
837
+ .bgl_oval-upload[data-v-b4b4c0ee] {
838
838
  border-radius: 100% !important;
839
839
  overflow: hidden;
840
840
  }
841
- .bgl_oval-upload p[data-v-c2732102] {
841
+ .bgl_oval-upload p[data-v-b4b4c0ee] {
842
842
  padding: 0.75rem !important;
843
843
  font-size: 12px
844
844
  }
845
- .bgl_oval-upload .fileUploadPlaceHolder[data-v-c2732102]{
845
+ .bgl_oval-upload .fileUploadPlaceHolder[data-v-b4b4c0ee]{
846
846
  top: 0;
847
847
  }
848
- .bgl_oval-upload .pie[data-v-c2732102] {
848
+ .bgl_oval-upload .pie[data-v-b4b4c0ee] {
849
849
  transform: scale(1);
850
850
  }
851
- .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-c2732102] {
851
+ .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-b4b4c0ee] {
852
852
  transform: scale(0.4) !important;
853
853
  }
854
- .bgl_oval-upload .single-image-item-preview[data-v-c2732102]{
854
+ .bgl_oval-upload .single-image-item-preview[data-v-b4b4c0ee]{
855
855
  height: 100%;
856
856
  }
857
- .bgl_oval-upload .single-preview[data-v-c2732102] {
857
+ .bgl_oval-upload .single-preview[data-v-b4b4c0ee] {
858
858
  margin: 0;
859
859
  height: 100% !important;
860
860
  }
861
- .pie[data-v-c2732102] {
861
+ .pie[data-v-b4b4c0ee] {
862
862
  width: 30px;
863
863
  height: 30px;
864
864
  position: relative;
@@ -866,7 +866,7 @@ data[data-v-6c27f163] {
866
866
  align-items: center;
867
867
  justify-content: center;
868
868
  }
869
- .pie[data-v-c2732102]:before {
869
+ .pie[data-v-b4b4c0ee]:before {
870
870
  content: '';
871
871
  position: absolute;
872
872
  border-radius: 50%;
@@ -884,26 +884,26 @@ data[data-v-6c27f163] {
884
884
  #000 calc(100% - var(--b))
885
885
  );
886
886
  }
887
- .pie .success[data-v-c2732102] {
887
+ .pie .success[data-v-b4b4c0ee] {
888
888
  transform: scale(0);
889
889
  opacity: 0;
890
890
  transition: all 0.3s ease-in-out;
891
891
  }
892
- .pie .progress[data-v-c2732102] {
892
+ .pie .progress[data-v-b4b4c0ee] {
893
893
  position: absolute;
894
894
  font-size: 10px;
895
895
  }
896
- .pie.complete .progress[data-v-c2732102] {
896
+ .pie.complete .progress[data-v-b4b4c0ee] {
897
897
  display: none;
898
898
  }
899
- .pie.complete .success[data-v-c2732102] {
899
+ .pie.complete .success[data-v-b4b4c0ee] {
900
900
  transform: scale(1.3);
901
901
  opacity: 1;
902
902
  }
903
- .pie.complete[data-v-c2732102]:before {
903
+ .pie.complete[data-v-b4b4c0ee]:before {
904
904
  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
905
905
  }
906
- .pie.complete[data-v-c2732102] {
906
+ .pie.complete[data-v-b4b4c0ee] {
907
907
  color: var(--bgl-green);
908
908
  }
909
909
 
@@ -996,17 +996,18 @@ data[data-v-6c27f163] {
996
996
  color: var(--bgl-light-text);
997
997
  }
998
998
 
999
- .range-slide input[data-v-cde1b5cc] {
999
+ .range-slide input[data-v-ded4d62d] {
1000
1000
  -webkit-appearance: none;
1001
1001
  width: 100%;
1002
1002
  border-radius: 5px;
1003
1003
  outline: none;
1004
1004
  transition: background 0.3s ease;
1005
1005
  }
1006
- .range-slide input[data-v-cde1b5cc]::-webkit-slider-thumb {
1006
+ .range-slide input[data-v-ded4d62d]::-webkit-slider-thumb {
1007
1007
  -webkit-appearance: none;
1008
1008
  appearance: none;
1009
- margin-top: calc(-1 * var(--thickness, 8px) / 2);
1009
+ /* margin-top: calc(-1 * var(--thickness, 8px) / 2); */
1010
+ margin-top: 0;
1010
1011
  width: 16px;
1011
1012
  height: 16px;
1012
1013
  background: var(--bgl-primary);
@@ -1014,7 +1015,7 @@ data[data-v-6c27f163] {
1014
1015
  border-radius: 50%;
1015
1016
  cursor: pointer;
1016
1017
  }
1017
- .range-slide input[data-v-cde1b5cc]::-moz-range-thumb {
1018
+ .range-slide input[data-v-ded4d62d]::-moz-range-thumb {
1018
1019
  width: 16px;
1019
1020
  height: 16px;
1020
1021
  margin-top: calc(-1 * var(--thickness, 8px) / 2);
@@ -1023,11 +1024,11 @@ data[data-v-6c27f163] {
1023
1024
  border-radius: 50%;
1024
1025
  cursor: pointer;
1025
1026
  }
1026
- .range-slide.disabled input[type='range'][data-v-cde1b5cc]::-webkit-slider-thumb {
1027
+ .range-slide.disabled input[type='range'][data-v-ded4d62d]::-webkit-slider-thumb {
1027
1028
  display: none;
1028
1029
  }
1029
- .range-slide input[data-v-cde1b5cc]::-webkit-slider-runnable-track,
1030
- .range-slide input[data-v-cde1b5cc]::-moz-range-track {
1030
+ .range-slide input[data-v-ded4d62d]::-webkit-slider-runnable-track,
1031
+ .range-slide input[data-v-ded4d62d]::-moz-range-track {
1031
1032
  width: 100%;
1032
1033
  background: transparent;
1033
1034
  border-radius: 5px;
@@ -1598,58 +1599,58 @@ p {
1598
1599
  font-size: var(--label-font-size);
1599
1600
  }
1600
1601
 
1601
- .bagel-input textarea[data-v-2c465924] {
1602
+ .bagel-input textarea[data-v-0e10a3b5] {
1602
1603
  min-height: unset;
1603
1604
  font-size: var(--input-font-size);
1604
1605
  }
1605
- .bagel-input.text-input textarea[data-v-2c465924] {
1606
+ .bagel-input.text-input textarea[data-v-0e10a3b5] {
1606
1607
  resize: none;
1607
1608
  }
1608
- .code textarea[data-v-2c465924] {
1609
+ .code textarea[data-v-0e10a3b5] {
1609
1610
  font-family: 'Inconsolata', monospace;
1610
1611
  background: var(--bgl-code-bg) !important;
1611
1612
  color: var(--bgl-light-text) !important;
1612
1613
  }
1613
- .code textarea[data-v-2c465924]::placeholder {
1614
+ .code textarea[data-v-0e10a3b5]::placeholder {
1614
1615
  color: var(--bgl-light-text) !important;
1615
1616
  opacity: 0.3;
1616
1617
  }
1617
- .bagel-input.small[data-v-2c465924] {
1618
+ .bagel-input.small[data-v-0e10a3b5] {
1618
1619
  margin-bottom: 0;
1619
1620
  height: 30px;
1620
1621
  }
1621
- .bagel-input.dense label[data-v-2c465924] {
1622
+ .bagel-input.dense label[data-v-0e10a3b5] {
1622
1623
  display: flex;
1623
1624
  align-items: center;
1624
1625
  gap: 0.5rem;
1625
1626
  }
1626
- .bagel-input input[data-v-2c465924]:disabled {
1627
+ .bagel-input input[data-v-0e10a3b5]:disabled {
1627
1628
  background: #f5f5f5;
1628
1629
  }
1629
- .bagel-input label[data-v-2c465924] {
1630
+ .bagel-input label[data-v-0e10a3b5] {
1630
1631
  font-size: var(--label-font-size);
1631
1632
  }
1632
- .textInputIconWrap .bgl_icon-font[data-v-2c465924] {
1633
+ .textInputIconWrap .bgl_icon-font[data-v-0e10a3b5] {
1633
1634
  color: var(--input-color);
1634
1635
  position: absolute;
1635
1636
  inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
1636
1637
  margin-top: calc(var(--input-height) / 2 + 0.1rem);
1637
1638
  line-height: 0;
1638
1639
  }
1639
- .textInputIconWrap input[data-v-2c465924]{
1640
+ .textInputIconWrap input[data-v-0e10a3b5]{
1640
1641
  padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
1641
1642
  }
1642
- .txtInputIconStart .iconStart[data-v-2c465924] {
1643
+ .txtInputIconStart .iconStart[data-v-0e10a3b5] {
1643
1644
  color: var(--input-color);
1644
1645
  position: absolute;
1645
1646
  inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
1646
1647
  margin-top: calc(var(--input-height) / 2 );
1647
1648
  line-height: 0;
1648
1649
  }
1649
- .txtInputIconStart input[data-v-2c465924], .txtInputIconStart textarea[data-v-2c465924]{
1650
+ .txtInputIconStart input[data-v-0e10a3b5], .txtInputIconStart textarea[data-v-0e10a3b5]{
1650
1651
  padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
1651
1652
  }
1652
- .bagel-input.small textarea[data-v-2c465924] {
1653
+ .bagel-input.small textarea[data-v-0e10a3b5] {
1653
1654
  height: 30px;
1654
1655
  }
1655
1656
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.935",
4
+ "version": "0.0.939",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
package/src/components/form/inputs/FileUpload.vue CHANGED
@@ -116,7 +116,7 @@ function updateModelValue() {
116
116
  }
117
117
  const isSame = [idValue]
118
118
  .flat()
119
- .every(id => [file_bindkeys].flat().includes(id))
119
+ .every(id => [file_bindkeys].flat().includes(id)) && [file_bindkeys].flat().every(id => [idValue].flat().includes(id))
120
120
  if (!isSame) {
121
121
  file_bindkeys = idValue
122
122
  emit('update:modelValue', file_bindkeys)
@@ -199,7 +199,7 @@ function drop(e: DragEvent) {
199
199
  <template>
200
200
  <div class="bagel-input">
201
201
  <label>
202
- {{ label }}
202
+ {{ label }} {{ storageFiles.length }}
203
203
  </label>
204
204
 
205
205
  <Card
package/src/components/form/inputs/RangeInput.vue CHANGED
@@ -77,7 +77,8 @@ const height = $computed(() => {
77
77
  .range-slide input::-webkit-slider-thumb {
78
78
  -webkit-appearance: none;
79
79
  appearance: none;
80
- margin-top: calc(-1 * var(--thickness, 8px) / 2);
80
+ /* margin-top: calc(-1 * var(--thickness, 8px) / 2); */
81
+ margin-top: 0;
81
82
  width: 16px;
82
83
  height: 16px;
83
84
  background: var(--bgl-primary);
package/src/components/form/inputs/TextInput.vue CHANGED
@@ -69,8 +69,9 @@ watch(
69
69
  { immediate: true },
70
70
  )
71
71
 
72
+ const hasFocus = () => document.activeElement === input
72
73
  const focus = () => input?.focus()
73
- defineExpose({ focus })
74
+ defineExpose({ focus, hasFocus })
74
75
 
75
76
  onMounted(() => {
76
77
  if (props.autofocus) setTimeout(() => input?.focus(), 10)