@bagelink/vue 0.0.889 → 0.0.893

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 (10) hide show
  1. package/dist/components/form/inputs/FileUpload.vue.d.ts +2 -0
  2. package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
  3. package/dist/components/form/inputs/SelectInput.vue.d.ts +1 -1
  4. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  5. package/dist/index.cjs +10 -8
  6. package/dist/index.mjs +10 -8
  7. package/dist/style.css +42 -42
  8. package/package.json +1 -1
  9. package/src/components/form/inputs/FileUpload.vue +2 -0
  10. package/src/components/form/inputs/SelectInput.vue +2 -3
package/dist/components/form/inputs/FileUpload.vue.d.ts CHANGED
@@ -84,6 +84,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
84
84
  fill?: boolean;
85
85
  oval?: boolean;
86
86
  theme?: "dropzone" | "basic";
87
+ accept?: string;
87
88
  }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
88
89
  "update:modelValue": (...args: any[]) => void;
89
90
  addFileStart: (...args: any[]) => void;
@@ -99,6 +100,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
99
100
  fill?: boolean;
100
101
  oval?: boolean;
101
102
  theme?: "dropzone" | "basic";
103
+ accept?: string;
102
104
  }> & Readonly<{
103
105
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
104
106
  onAddFileStart?: ((...args: any[]) => any) | undefined;
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":"AAskBA,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;AAsJzC,iBAAS,MAAM,SAgBd;AA6BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA1KZ,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;YA+kBS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;0BAllBpB,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;;YAglBe,GAAG;;;WASvB,OAAO,IAA6B;EAEjD;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YA5oBZ,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;;;;;YAVpB,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;;;;kFAyoB3B,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":"AAwkBA,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;;YAglBS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;0BAnlBpB,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;;YAilBe,GAAG;;;WASvB,OAAO,IAA6B;EAEjD;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YA9oBZ,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;;;;kFA0oBd,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/SelectInput.vue.d.ts CHANGED
@@ -94,7 +94,7 @@ declare function __VLS_template(): {
94
94
  };
95
95
  $forceUpdate: () => void;
96
96
  $nextTick: typeof import('vue').nextTick;
97
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (... /** @type { [typeof __VLS_components.Icon, ] } */args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
97
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
98
98
  } & Readonly<{}> & Omit<Readonly<{
99
99
  value?: string;
100
100
  thin?: boolean;
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":"AAobA,OAAO,EAMN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AA2O/B,iBAAS,cAAc;;sBA8RI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAzFrB,GAAG,8CACmB,GAAG,yBAAyB,GAC3D,CAAA,iDAAiD,6DAAd,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAoGxB,OAAO,IAA6B;EAEjD;AAoCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAxjBX,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;;;kFAijB/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":"AAmbA,OAAO,EAMN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AA0O/B,iBAAS,cAAc;;sBA8RI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAxFH,GAAG,8CAChB,GAAG,yBAA0B,GAAE,6DAE5B,GAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAkGL,OAAO,IAA6B;EAEjD;AAoCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAvjBX,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;;;kFAgjB/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/index.cjs CHANGED
@@ -18674,7 +18674,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
18674
18674
  topic: {},
18675
18675
  fill: { type: Boolean },
18676
18676
  oval: { type: Boolean },
18677
- theme: {}
18677
+ theme: {},
18678
+ accept: {}
18678
18679
  },
18679
18680
  emits: ["update:modelValue", "addFileStart"],
18680
18681
  setup(__props, { emit: __emit }) {
@@ -18783,6 +18784,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
18783
18784
  const input = document.createElement("input");
18784
18785
  input.type = "file";
18785
18786
  input.multiple = props2.multiple;
18787
+ input.accept = props2.accept || "*";
18786
18788
  input.onchange = (e) => {
18787
18789
  const target = e.target;
18788
18790
  if (target.files) {
@@ -19029,7 +19031,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
19029
19031
  };
19030
19032
  }
19031
19033
  });
19032
- const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-80a466d2"]]);
19034
+ const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-963c1a6d"]]);
19033
19035
  const _hoisted_1$u = ["title"];
19034
19036
  const _hoisted_2$k = { key: 0 };
19035
19037
  const _hoisted_3$g = ["value", "placeholder"];
@@ -44134,7 +44136,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
44134
44136
  }
44135
44137
  highlightedIndex.value = -1;
44136
44138
  search.value = "";
44137
- } else if (props2.searchable && !props2.multiselect && selectedItemCount.value) {
44139
+ } else if (props2.searchable && !props2.multiselect) {
44138
44140
  search.value = selectedLabel.value;
44139
44141
  setTimeout(
44140
44142
  () => {
@@ -44300,10 +44302,10 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
44300
44302
  default: vue.withCtx(() => [
44301
44303
  vue.unref(isSearching) ? (vue.openBlock(), vue.createBlock(vue.unref(Skeleton), {
44302
44304
  key: 0,
44303
- count: 3,
44304
- width: "230px",
44305
- height: "30px",
44306
- class: "mx-1 my-05"
44305
+ count: 6,
44306
+ width: "200px",
44307
+ height: "25px",
44308
+ class: "mx-1 my-1"
44307
44309
  })) : vue.createCommentVNode("", true),
44308
44310
  vue.createVNode(vue.unref(_sfc_main$R), {
44309
44311
  class: "p-05",
@@ -44356,7 +44358,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
44356
44358
  };
44357
44359
  }
44358
44360
  });
44359
- const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-973e8b39"]]);
44361
+ const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-f0366f9c"]]);
44360
44362
  /*!
44361
44363
  * Signature Pad v5.0.3 | https://github.com/szimek/signature_pad
44362
44364
  * (c) 2024 Szymon Nowak | Released under the MIT license
package/dist/index.mjs CHANGED
@@ -18672,7 +18672,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
18672
18672
  topic: {},
18673
18673
  fill: { type: Boolean },
18674
18674
  oval: { type: Boolean },
18675
- theme: {}
18675
+ theme: {},
18676
+ accept: {}
18676
18677
  },
18677
18678
  emits: ["update:modelValue", "addFileStart"],
18678
18679
  setup(__props, { emit: __emit }) {
@@ -18781,6 +18782,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
18781
18782
  const input = document.createElement("input");
18782
18783
  input.type = "file";
18783
18784
  input.multiple = props2.multiple;
18785
+ input.accept = props2.accept || "*";
18784
18786
  input.onchange = (e) => {
18785
18787
  const target = e.target;
18786
18788
  if (target.files) {
@@ -19027,7 +19029,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
19027
19029
  };
19028
19030
  }
19029
19031
  });
19030
- const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-80a466d2"]]);
19032
+ const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-963c1a6d"]]);
19031
19033
  const _hoisted_1$u = ["title"];
19032
19034
  const _hoisted_2$k = { key: 0 };
19033
19035
  const _hoisted_3$g = ["value", "placeholder"];
@@ -44132,7 +44134,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
44132
44134
  }
44133
44135
  highlightedIndex.value = -1;
44134
44136
  search.value = "";
44135
- } else if (props2.searchable && !props2.multiselect && selectedItemCount.value) {
44137
+ } else if (props2.searchable && !props2.multiselect) {
44136
44138
  search.value = selectedLabel.value;
44137
44139
  setTimeout(
44138
44140
  () => {
@@ -44298,10 +44300,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
44298
44300
  default: withCtx(() => [
44299
44301
  unref(isSearching) ? (openBlock(), createBlock(unref(Skeleton), {
44300
44302
  key: 0,
44301
- count: 3,
44302
- width: "230px",
44303
- height: "30px",
44304
- class: "mx-1 my-05"
44303
+ count: 6,
44304
+ width: "200px",
44305
+ height: "25px",
44306
+ class: "mx-1 my-1"
44305
44307
  })) : createCommentVNode("", true),
44306
44308
  createVNode(unref(_sfc_main$R), {
44307
44309
  class: "p-05",
@@ -44354,7 +44356,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
44354
44356
  };
44355
44357
  }
44356
44358
  });
44357
- const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-973e8b39"]]);
44359
+ const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-f0366f9c"]]);
44358
44360
  /*!
44359
44361
  * Signature Pad v5.0.3 | https://github.com/szimek/signature_pad
44360
44362
  * (c) 2024 Szymon Nowak | Released under the MIT license
package/dist/style.css CHANGED
@@ -706,7 +706,7 @@ data[data-v-6c27f163] {
706
706
  }
707
707
  }
708
708
 
709
- .fileUploadWrap[data-v-80a466d2] {
709
+ .fileUploadWrap[data-v-963c1a6d] {
710
710
  outline: 1px solid var(--border-color);
711
711
  border-radius: var(--input-border-radius);
712
712
  text-align: center;
@@ -718,7 +718,7 @@ data[data-v-6c27f163] {
718
718
  background: var(--input-bg);
719
719
  height: 215px;
720
720
  }
721
- .bagel-input .fileUploadWrap.fileDropZone[data-v-80a466d2] {
721
+ .bagel-input .fileUploadWrap.fileDropZone[data-v-963c1a6d] {
722
722
  background: var(--input-bg);
723
723
  display: flex;
724
724
  align-items: center;
@@ -726,14 +726,14 @@ data[data-v-6c27f163] {
726
726
  color: var(--bgl-gray);
727
727
  flex-direction: column;
728
728
  }
729
- .fileUploadWrap.dragover[data-v-80a466d2],
730
- .fileUploadWrap[data-v-80a466d2]:hover {
729
+ .fileUploadWrap.dragover[data-v-963c1a6d],
730
+ .fileUploadWrap[data-v-963c1a6d]:hover {
731
731
  box-shadow: inset 0 0 10px #00000012;
732
732
  }
733
- .fileUploadWrap[style*="height: auto;"][data-v-80a466d2] {
733
+ .fileUploadWrap[style*="height: auto;"][data-v-963c1a6d] {
734
734
  min-height: 215px;
735
735
  }
736
- .multi-image-item-preview[data-v-80a466d2] {
736
+ .multi-image-item-preview[data-v-963c1a6d] {
737
737
  border: 1px solid var(--border-color) !important;
738
738
  border-radius: var(--input-border-radius);
739
739
  margin: 0.5rem !important;
@@ -747,12 +747,12 @@ data[data-v-6c27f163] {
747
747
  gap: 1rem;
748
748
  align-items: center;
749
749
  }
750
- .multi-image-item-preview p[data-v-80a466d2] {
750
+ .multi-image-item-preview p[data-v-963c1a6d] {
751
751
  overflow: hidden;
752
752
  text-overflow: ellipsis;
753
753
  white-space: nowrap;
754
754
  }
755
- .multi-preview[data-v-80a466d2]{
755
+ .multi-preview[data-v-963c1a6d]{
756
756
  width: 40px;
757
757
  height: 40px;
758
758
  border-radius: var(--input-border-radius);
@@ -763,17 +763,17 @@ data[data-v-6c27f163] {
763
763
  align-items: center;
764
764
  display: flex;
765
765
  }
766
- .bgl-single-preview[data-v-80a466d2]{
766
+ .bgl-single-preview[data-v-963c1a6d]{
767
767
  height: 100%;
768
768
  position: relative;
769
769
  }
770
- .bgl-single-preview + .fileUploadPlaceHolder[data-v-80a466d2]{
770
+ .bgl-single-preview + .fileUploadPlaceHolder[data-v-963c1a6d]{
771
771
  position: absolute;
772
772
  inset: 0;
773
773
  margin: auto;
774
774
  top: calc(50% - 2rem);
775
775
  }
776
- .single-image-item-preview[data-v-80a466d2] {
776
+ .single-image-item-preview[data-v-963c1a6d] {
777
777
  height: 100%;
778
778
  min-height: 100%;
779
779
  position: relative;
@@ -781,13 +781,13 @@ data[data-v-6c27f163] {
781
781
  align-items: center;
782
782
  justify-content: center;
783
783
  }
784
- .fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-80a466d2] {
784
+ .fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-963c1a6d] {
785
785
  min-height: 215px;
786
786
  }
787
- .fileUploadWrap[style*="height: auto"] .single-preview[data-v-80a466d2] {
787
+ .fileUploadWrap[style*="height: auto"] .single-preview[data-v-963c1a6d] {
788
788
  margin: 0rem !important;
789
789
  }
790
- .single-preview[data-v-80a466d2]{
790
+ .single-preview[data-v-963c1a6d]{
791
791
  border-radius: var(--input-border-radius);
792
792
  margin: 1rem;
793
793
  padding: 0px;
@@ -796,7 +796,7 @@ data[data-v-6c27f163] {
796
796
  object-fit: cover;
797
797
  background: var(--bgl-gray-light);
798
798
  }
799
- .single-image-item-preview[data-v-80a466d2]:hover::after{
799
+ .single-image-item-preview[data-v-963c1a6d]:hover::after{
800
800
  content: "zoom_in";
801
801
  font-size: 32px;
802
802
  font-family: "Material Symbols Outlined", serif;
@@ -806,20 +806,20 @@ data[data-v-6c27f163] {
806
806
  z-index: 9;
807
807
  pointer-events: none;
808
808
  }
809
- .single-image-item-preview:hover img[data-v-80a466d2]{
809
+ .single-image-item-preview:hover img[data-v-963c1a6d]{
810
810
  filter: brightness(70%);
811
811
  }
812
- .bgl_fill-image.single-image-item-preview[data-v-80a466d2] {
812
+ .bgl_fill-image.single-image-item-preview[data-v-963c1a6d] {
813
813
  height: 100%;
814
814
  }
815
- .bgl_fill-image.single-image-item-preview .single-preview[data-v-80a466d2]{
815
+ .bgl_fill-image.single-image-item-preview .single-preview[data-v-963c1a6d]{
816
816
  border-radius: unset;
817
817
  object-fit: cover;
818
818
  box-shadow: unset;
819
819
  width: 100%;
820
820
  height: auto;
821
821
  }
822
- .single-image-item-preview .pie[data-v-80a466d2] {
822
+ .single-image-item-preview .pie[data-v-963c1a6d] {
823
823
  transform-origin: top;
824
824
  transform: scale(1.4);
825
825
  position: absolute;
@@ -833,31 +833,31 @@ data[data-v-6c27f163] {
833
833
  border: none !important;
834
834
  padding: 0 !important;
835
835
  }
836
- .bgl_oval-upload[data-v-80a466d2] {
836
+ .bgl_oval-upload[data-v-963c1a6d] {
837
837
  border-radius: 100% !important;
838
838
  overflow: hidden;
839
839
  }
840
- .bgl_oval-upload p[data-v-80a466d2] {
840
+ .bgl_oval-upload p[data-v-963c1a6d] {
841
841
  padding: 0.75rem !important;
842
842
  font-size: 12px
843
843
  }
844
- .bgl_oval-upload .fileUploadPlaceHolder[data-v-80a466d2]{
844
+ .bgl_oval-upload .fileUploadPlaceHolder[data-v-963c1a6d]{
845
845
  top: 0;
846
846
  }
847
- .bgl_oval-upload .pie[data-v-80a466d2] {
847
+ .bgl_oval-upload .pie[data-v-963c1a6d] {
848
848
  transform: scale(1);
849
849
  }
850
- .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-80a466d2] {
850
+ .bgl_oval-upload span.bgl_icon-font.color-primary[data-v-963c1a6d] {
851
851
  transform: scale(0.4) !important;
852
852
  }
853
- .bgl_oval-upload .single-image-item-preview[data-v-80a466d2]{
853
+ .bgl_oval-upload .single-image-item-preview[data-v-963c1a6d]{
854
854
  height: 100%;
855
855
  }
856
- .bgl_oval-upload .single-preview[data-v-80a466d2] {
856
+ .bgl_oval-upload .single-preview[data-v-963c1a6d] {
857
857
  margin: 0;
858
858
  height: 100% !important;
859
859
  }
860
- .pie[data-v-80a466d2] {
860
+ .pie[data-v-963c1a6d] {
861
861
  width: 30px;
862
862
  height: 30px;
863
863
  position: relative;
@@ -865,7 +865,7 @@ data[data-v-6c27f163] {
865
865
  align-items: center;
866
866
  justify-content: center;
867
867
  }
868
- .pie[data-v-80a466d2]:before {
868
+ .pie[data-v-963c1a6d]:before {
869
869
  content: '';
870
870
  position: absolute;
871
871
  border-radius: 50%;
@@ -883,26 +883,26 @@ data[data-v-6c27f163] {
883
883
  #000 calc(100% - var(--b))
884
884
  );
885
885
  }
886
- .pie .success[data-v-80a466d2] {
886
+ .pie .success[data-v-963c1a6d] {
887
887
  transform: scale(0);
888
888
  opacity: 0;
889
889
  transition: all 0.3s ease-in-out;
890
890
  }
891
- .pie .progress[data-v-80a466d2] {
891
+ .pie .progress[data-v-963c1a6d] {
892
892
  position: absolute;
893
893
  font-size: 10px;
894
894
  }
895
- .pie.complete .progress[data-v-80a466d2] {
895
+ .pie.complete .progress[data-v-963c1a6d] {
896
896
  display: none;
897
897
  }
898
- .pie.complete .success[data-v-80a466d2] {
898
+ .pie.complete .success[data-v-963c1a6d] {
899
899
  transform: scale(1.3);
900
900
  opacity: 1;
901
901
  }
902
- .pie.complete[data-v-80a466d2]:before {
902
+ .pie.complete[data-v-963c1a6d]:before {
903
903
  background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
904
904
  }
905
- .pie.complete[data-v-80a466d2] {
905
+ .pie.complete[data-v-963c1a6d] {
906
906
  color: var(--bgl-green);
907
907
  }
908
908
 
@@ -1316,10 +1316,10 @@ p {
1316
1316
  } */
1317
1317
  .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
1318
1318
 
1319
- .selectinput[data-v-973e8b39] {
1319
+ .selectinput[data-v-f0366f9c] {
1320
1320
  width: 100%;
1321
1321
  }
1322
- .selectinput-option[data-v-973e8b39] {
1322
+ .selectinput-option[data-v-f0366f9c] {
1323
1323
  padding: 6px 12px;
1324
1324
  cursor: pointer;
1325
1325
  border-radius: 5px;
@@ -1331,23 +1331,23 @@ p {
1331
1331
  font-size: var(--input-font-size);
1332
1332
  margin-block: 0.15rem;
1333
1333
  }
1334
- .selectinput-option .bgl_icon-font[data-v-973e8b39]{
1334
+ .selectinput-option .bgl_icon-font[data-v-f0366f9c]{
1335
1335
  line-height: normal;
1336
1336
  }
1337
- .selectinput-options.multiselect .selectinput-option[data-v-973e8b39] {
1337
+ .selectinput-options.multiselect .selectinput-option[data-v-f0366f9c] {
1338
1338
  grid-template-columns: 10px 1fr;
1339
1339
  }
1340
- .selectinput-options[data-v-973e8b39] {
1340
+ .selectinput-options[data-v-f0366f9c] {
1341
1341
  max-height: 300px;
1342
1342
  overflow-y: auto;
1343
1343
  }
1344
- .selectinput-option[data-v-973e8b39]:hover, .highlight[data-v-973e8b39] {
1344
+ .selectinput-option[data-v-f0366f9c]:hover, .highlight[data-v-f0366f9c] {
1345
1345
  background: var(--bgl-gray-20);
1346
1346
  }
1347
- .isEmpty p[data-v-973e8b39] {
1347
+ .isEmpty p[data-v-f0366f9c] {
1348
1348
  opacity: 0.3;
1349
1349
  }
1350
- .selected[data-v-973e8b39]{
1350
+ .selected[data-v-f0366f9c]{
1351
1351
  /* background: var(--bgl-primary-tint); */
1352
1352
  background: var(--bgl-selected);
1353
1353
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.889",
4
+ "version": "0.0.893",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
package/src/components/form/inputs/FileUpload.vue CHANGED
@@ -18,6 +18,7 @@ const props = defineProps<{
18
18
  fill?: boolean
19
19
  oval?: boolean
20
20
  theme?: 'dropzone' | 'basic'
21
+ accept?: string
21
22
  }>()
22
23
 
23
24
  const emit = defineEmits(['update:modelValue', 'addFileStart'])
@@ -157,6 +158,7 @@ function browse() {
157
158
  const input = document.createElement('input')
158
159
  input.type = 'file'
159
160
  input.multiple = props.multiple
161
+ input.accept = props.accept || '*'
160
162
  input.onchange = (e: Event) => {
161
163
  const target = e.target as HTMLInputElement
162
164
  if (target.files) {
package/src/components/form/inputs/SelectInput.vue CHANGED
@@ -132,8 +132,7 @@ function updateOpen(visible: boolean) {
132
132
  }
133
133
  highlightedIndex = -1
134
134
  search = ''
135
- }
136
- else if (props.searchable && !props.multiselect && selectedItemCount) {
135
+ } else if (props.searchable && !props.multiselect) {
137
136
  search = selectedLabel as string
138
137
  setTimeout(
139
138
  () => (searchInput as any)?.$el?.querySelector('input')?.focus(),
@@ -303,7 +302,7 @@ onMounted(() => {
303
302
  </div>
304
303
  </label>
305
304
  </template>
306
- <Skeleton v-if="isSearching" :count="3" width="230px" height="30px" class="mx-1 my-05" />
305
+ <Skeleton v-if="isSearching" :count="6" width="200px" height="25px" class="mx-1 my-1" />
307
306
  <Card
308
307
  class="p-05"
309
308
  :style="{ width: fullWidth ? '100%' : 'auto' }"