@bagelink/vue 0.0.891 → 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 (7) 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/index.cjs +4 -2
  4. package/dist/index.mjs +4 -2
  5. package/dist/style.css +34 -34
  6. package/package.json +1 -1
  7. package/src/components/form/inputs/FileUpload.vue +2 -0
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/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"];
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"];
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
 
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.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) {