@bagelink/vue 0.0.937 → 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 (6) hide show
  1. package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
  2. package/dist/index.cjs +3 -3
  3. package/dist/index.mjs +3 -3
  4. package/dist/style.css +34 -34
  5. package/package.json +1 -1
  6. package/src/components/form/inputs/FileUpload.vue +2 -2
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/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"];
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"];
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
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.937",
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