@bagelink/vue 0.0.891 → 0.0.897

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.
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AAyYA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AAwCD,iBAAS,cAAc;;yBAsEM,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;WAUf,OAAO,IAA6B;EAEjD;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AA2ZA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AAwCD,iBAAS,cAAc;;yBAsEM,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;WAUf,OAAO,IAA6B;EAEjD;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -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;
@@ -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/index.cjs CHANGED
@@ -597,13 +597,21 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
597
597
  child.addEventListener("click", preventDefaultClick);
598
598
  });
599
599
  }
600
- function updateHeight() {
601
- if (!props2.autoHeight || !bglSlider.value) return;
602
- setTimeout(() => {
603
- const children2 = Array.from(bglSlider.value.children[activeSlideIndex.value].children);
600
+ function calcHeight() {
601
+ if (!bglSlider.value) return;
602
+ try {
603
+ const slide = bglSlider.value.children[activeSlideIndex.value];
604
+ if (!slide) return;
605
+ const children2 = Array.from(slide.children);
604
606
  const totalHeight = children2.reduce((sum, el) => sum + el.clientHeight, 0);
605
607
  yHeight.value = `${totalHeight}px`;
606
- }, 200);
608
+ } catch (error) {
609
+ console.error(error);
610
+ }
611
+ }
612
+ function updateHeight() {
613
+ if (!props2.autoHeight) return;
614
+ setTimeout(calcHeight, 200);
607
615
  }
608
616
  function easeScroll(target, duration = 500) {
609
617
  if (!bglSlider.value || isPressed.value) return;
@@ -739,7 +747,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
739
747
  };
740
748
  }
741
749
  });
742
- const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-ca63f224"]]);
750
+ const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-98e36ac5"]]);
743
751
  function _isPlaceholder(a2) {
744
752
  return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
745
753
  }
@@ -18674,7 +18682,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
18674
18682
  topic: {},
18675
18683
  fill: { type: Boolean },
18676
18684
  oval: { type: Boolean },
18677
- theme: {}
18685
+ theme: {},
18686
+ accept: {}
18678
18687
  },
18679
18688
  emits: ["update:modelValue", "addFileStart"],
18680
18689
  setup(__props, { emit: __emit }) {
@@ -18783,6 +18792,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
18783
18792
  const input = document.createElement("input");
18784
18793
  input.type = "file";
18785
18794
  input.multiple = props2.multiple;
18795
+ input.accept = props2.accept || "*";
18786
18796
  input.onchange = (e) => {
18787
18797
  const target = e.target;
18788
18798
  if (target.files) {
@@ -19029,7 +19039,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
19029
19039
  };
19030
19040
  }
19031
19041
  });
19032
- const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-80a466d2"]]);
19042
+ const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-963c1a6d"]]);
19033
19043
  const _hoisted_1$u = ["title"];
19034
19044
  const _hoisted_2$k = { key: 0 };
19035
19045
  const _hoisted_3$g = ["value", "placeholder"];
package/dist/index.mjs CHANGED
@@ -595,13 +595,21 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
595
595
  child.addEventListener("click", preventDefaultClick);
596
596
  });
597
597
  }
598
- function updateHeight() {
599
- if (!props2.autoHeight || !bglSlider.value) return;
600
- setTimeout(() => {
601
- const children2 = Array.from(bglSlider.value.children[activeSlideIndex.value].children);
598
+ function calcHeight() {
599
+ if (!bglSlider.value) return;
600
+ try {
601
+ const slide = bglSlider.value.children[activeSlideIndex.value];
602
+ if (!slide) return;
603
+ const children2 = Array.from(slide.children);
602
604
  const totalHeight = children2.reduce((sum, el) => sum + el.clientHeight, 0);
603
605
  yHeight.value = `${totalHeight}px`;
604
- }, 200);
606
+ } catch (error) {
607
+ console.error(error);
608
+ }
609
+ }
610
+ function updateHeight() {
611
+ if (!props2.autoHeight) return;
612
+ setTimeout(calcHeight, 200);
605
613
  }
606
614
  function easeScroll(target, duration = 500) {
607
615
  if (!bglSlider.value || isPressed.value) return;
@@ -737,7 +745,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
737
745
  };
738
746
  }
739
747
  });
740
- const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-ca63f224"]]);
748
+ const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-98e36ac5"]]);
741
749
  function _isPlaceholder(a2) {
742
750
  return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
743
751
  }
@@ -18672,7 +18680,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
18672
18680
  topic: {},
18673
18681
  fill: { type: Boolean },
18674
18682
  oval: { type: Boolean },
18675
- theme: {}
18683
+ theme: {},
18684
+ accept: {}
18676
18685
  },
18677
18686
  emits: ["update:modelValue", "addFileStart"],
18678
18687
  setup(__props, { emit: __emit }) {
@@ -18781,6 +18790,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
18781
18790
  const input = document.createElement("input");
18782
18791
  input.type = "file";
18783
18792
  input.multiple = props2.multiple;
18793
+ input.accept = props2.accept || "*";
18784
18794
  input.onchange = (e) => {
18785
18795
  const target = e.target;
18786
18796
  if (target.files) {
@@ -19027,7 +19037,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
19027
19037
  };
19028
19038
  }
19029
19039
  });
19030
- const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-80a466d2"]]);
19040
+ const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-963c1a6d"]]);
19031
19041
  const _hoisted_1$u = ["title"];
19032
19042
  const _hoisted_2$k = { key: 0 };
19033
19043
  const _hoisted_3$g = ["value", "placeholder"];
package/dist/style.css CHANGED
@@ -350,7 +350,7 @@ display: block;
350
350
  padding: 0;
351
351
  }
352
352
 
353
- .blocker[data-v-ca63f224] {
353
+ .blocker[data-v-98e36ac5] {
354
354
  position: fixed;
355
355
  top: 0;
356
356
  left: 0;
@@ -358,7 +358,7 @@ display: block;
358
358
  height: 100%;
359
359
  z-index: 100;
360
360
  }
361
- .bgl-slider[data-v-ca63f224] {
361
+ .bgl-slider[data-v-98e36ac5] {
362
362
  display: grid;
363
363
  position: relative;
364
364
  /* scroll-behavior: smooth; */
@@ -367,43 +367,43 @@ display: block;
367
367
  /* scroll-snap-type: x mandatory; */
368
368
  overflow-x: hidden;
369
369
  }
370
- .autoHeight[data-v-ca63f224] {
370
+ .autoHeight[data-v-98e36ac5] {
371
371
  transition: height ease 0.7s;
372
372
  }
373
- .bgl-slider.allowScroll[data-v-ca63f224] {
373
+ .bgl-slider.allowScroll[data-v-98e36ac5] {
374
374
  overflow-x: scroll;
375
375
  }
376
- .bgl-slider[data-v-ca63f224] {
376
+ .bgl-slider[data-v-98e36ac5] {
377
377
  grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 1) * 1%);
378
378
  gap: 1%;
379
379
  }
380
- .bgl-slider.odd[data-v-ca63f224] {
380
+ .bgl-slider.odd[data-v-98e36ac5] {
381
381
  grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 2) * 1%);
382
382
  }
383
- .bgl-slider.slides-1[data-v-ca63f224] {
383
+ .bgl-slider.slides-1[data-v-98e36ac5] {
384
384
  grid-auto-columns: 100%;
385
385
  gap: 0;
386
386
  }
387
- .bgl-slider[data-v-ca63f224]::-webkit-scrollbar {
387
+ .bgl-slider[data-v-98e36ac5]::-webkit-scrollbar {
388
388
  display: none;
389
389
  }
390
- .bgl-slider[data-v-ca63f224] * {
390
+ .bgl-slider[data-v-98e36ac5] * {
391
391
  scroll-snap-align: start;
392
392
  }
393
- .dragging.bgl-slider[data-v-ca63f224] {
393
+ .dragging.bgl-slider[data-v-98e36ac5] {
394
394
  cursor: grabbing;
395
395
  cursor: -webkit-grabbing;
396
396
  scroll-snap-type: unset;
397
397
  }
398
- .clicking.bgl-slider[data-v-ca63f224] {
398
+ .clicking.bgl-slider[data-v-98e36ac5] {
399
399
  scroll-behavior: unset;
400
400
  }
401
- .dragging.bgl-slider[data-v-ca63f224] * {
401
+ .dragging.bgl-slider[data-v-98e36ac5] * {
402
402
  scroll-snap-align: unset;
403
403
  user-select: none;
404
404
  }
405
405
  @media screen and (max-width: 600px) {
406
- .bgl-slider.slides-1[data-v-ca63f224]> * {
406
+ .bgl-slider.slides-1[data-v-98e36ac5]> * {
407
407
  margin-inline-start: 0%;
408
408
  }
409
409
  }
@@ -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
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.891",
4
+ "version": "0.0.897",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
@@ -38,13 +38,22 @@ function disableDrag() {
38
38
  })
39
39
  }
40
40
 
41
- function updateHeight() {
42
- if (!props.autoHeight || !bglSlider) return
43
- setTimeout(() => {
44
- const children = Array.from(bglSlider.children[activeSlideIndex].children)
41
+ function calcHeight() {
42
+ if (!bglSlider) return
43
+ try {
44
+ const slide = bglSlider.children[activeSlideIndex]
45
+ if (!slide) return
46
+ const children = Array.from(slide.children)
45
47
  const totalHeight = children.reduce((sum, el) => sum + el.clientHeight, 0)
46
48
  yHeight = `${totalHeight}px`
47
- }, 200)
49
+ } catch (error) {
50
+ console.error(error)
51
+ }
52
+ }
53
+
54
+ function updateHeight() {
55
+ if (!props.autoHeight) return
56
+ setTimeout(calcHeight, 200)
48
57
  }
49
58
 
50
59
  function easeScroll(target: number, duration = 500) {
@@ -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) {