@bagelink/vue 0.0.1096 → 0.0.1100
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.
- package/dist/components/Carousel.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/FileUpload.vue.d.ts +1 -1
- package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
- package/dist/index.cjs +6 -6
- package/dist/index.mjs +6 -6
- package/dist/style.css +51 -51
- package/package.json +1 -1
- package/src/components/Carousel.vue +7 -4
- package/src/components/form/inputs/FileUpload.vue +3 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AA4bA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AA4BD,iBAAS,cAAc;WA6FT,OAAO,IAA6B;;yBAbrB,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;;EAgB5B;AAgCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAmBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAssBA,OAAO,EAIN,KAAK,WAAW,EAGhB,MAAM,eAAe,CAAA;AAItB,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,CAAA;AAEhC,KAAK,WAAW,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAA;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAmKF,iBAAS,MAAM,SAkBd;AA2BD,QAAA,MAAM,cAAc;sBACM,OAAO;CAChC,CAAC;AACF,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,OAAO,cAAc,CAAC,YAAY,CAAC,CAAC;CAClD,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4jBT,OAAO,IAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA3vBvC,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;YA6uBS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAhvBpB,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;;YA8uBgB,GAAG;;;;EAerC;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;6FAWnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,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
|
@@ -757,7 +757,9 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
|
|
|
757
757
|
let timeout;
|
|
758
758
|
let autoPlayInterval;
|
|
759
759
|
function preventDefaultClick(e) {
|
|
760
|
-
|
|
760
|
+
if (isDragging.value) {
|
|
761
|
+
e.preventDefault();
|
|
762
|
+
}
|
|
761
763
|
}
|
|
762
764
|
function countSlides() {
|
|
763
765
|
if (!bglSlider.value) return;
|
|
@@ -934,7 +936,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
|
|
|
934
936
|
};
|
|
935
937
|
}
|
|
936
938
|
});
|
|
937
|
-
const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-
|
|
939
|
+
const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-063b5ad9"]]);
|
|
938
940
|
function _isPlaceholder(a2) {
|
|
939
941
|
return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
|
|
940
942
|
}
|
|
@@ -19564,9 +19566,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
|
|
|
19564
19566
|
}
|
|
19565
19567
|
const currentIds = storageFiles.value.map((file) => file[bindKey2]);
|
|
19566
19568
|
const idsToAdd = ids.filter((id) => !currentIds.includes(id));
|
|
19567
|
-
const idsToRemove = currentIds.filter(
|
|
19568
|
-
(id) => (typeof id === "string" || typeof id === "number") && !ids.includes(id)
|
|
19569
|
-
);
|
|
19569
|
+
const idsToRemove = currentIds.filter((id) => typeof id === "string" && !ids.includes(id));
|
|
19570
19570
|
idsToRemove.forEach((id) => {
|
|
19571
19571
|
const index2 = storageFiles.value.findIndex((file) => file[bindKey2] === id);
|
|
19572
19572
|
if (index2 !== -1) storageFiles.value.splice(index2, 1);
|
|
@@ -19943,7 +19943,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
|
|
|
19943
19943
|
};
|
|
19944
19944
|
}
|
|
19945
19945
|
});
|
|
19946
|
-
const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-
|
|
19946
|
+
const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-438b09e8"]]);
|
|
19947
19947
|
const _hoisted_1$y = ["title"];
|
|
19948
19948
|
const _hoisted_2$n = { key: 0 };
|
|
19949
19949
|
const _hoisted_3$i = ["value", "placeholder"];
|
package/dist/index.mjs
CHANGED
|
@@ -755,7 +755,9 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
755
755
|
let timeout;
|
|
756
756
|
let autoPlayInterval;
|
|
757
757
|
function preventDefaultClick(e) {
|
|
758
|
-
|
|
758
|
+
if (isDragging.value) {
|
|
759
|
+
e.preventDefault();
|
|
760
|
+
}
|
|
759
761
|
}
|
|
760
762
|
function countSlides() {
|
|
761
763
|
if (!bglSlider.value) return;
|
|
@@ -932,7 +934,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
932
934
|
};
|
|
933
935
|
}
|
|
934
936
|
});
|
|
935
|
-
const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-
|
|
937
|
+
const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-063b5ad9"]]);
|
|
936
938
|
function _isPlaceholder(a2) {
|
|
937
939
|
return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
|
|
938
940
|
}
|
|
@@ -19562,9 +19564,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
19562
19564
|
}
|
|
19563
19565
|
const currentIds = storageFiles.value.map((file) => file[bindKey2]);
|
|
19564
19566
|
const idsToAdd = ids.filter((id) => !currentIds.includes(id));
|
|
19565
|
-
const idsToRemove = currentIds.filter(
|
|
19566
|
-
(id) => (typeof id === "string" || typeof id === "number") && !ids.includes(id)
|
|
19567
|
-
);
|
|
19567
|
+
const idsToRemove = currentIds.filter((id) => typeof id === "string" && !ids.includes(id));
|
|
19568
19568
|
idsToRemove.forEach((id) => {
|
|
19569
19569
|
const index2 = storageFiles.value.findIndex((file) => file[bindKey2] === id);
|
|
19570
19570
|
if (index2 !== -1) storageFiles.value.splice(index2, 1);
|
|
@@ -19941,7 +19941,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
19941
19941
|
};
|
|
19942
19942
|
}
|
|
19943
19943
|
});
|
|
19944
|
-
const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-
|
|
19944
|
+
const FileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-438b09e8"]]);
|
|
19945
19945
|
const _hoisted_1$y = ["title"];
|
|
19946
19946
|
const _hoisted_2$n = { key: 0 };
|
|
19947
19947
|
const _hoisted_3$i = ["value", "placeholder"];
|
package/dist/style.css
CHANGED
|
@@ -356,17 +356,17 @@ display: block;
|
|
|
356
356
|
padding: 0;
|
|
357
357
|
}
|
|
358
358
|
|
|
359
|
-
.dot[data-v-
|
|
359
|
+
.dot[data-v-063b5ad9]{
|
|
360
360
|
height: 10px;
|
|
361
361
|
width: 10px;
|
|
362
362
|
border-radius: 50%;
|
|
363
363
|
background-color: var(--bgl-black);
|
|
364
364
|
opacity: 0.4;
|
|
365
365
|
}
|
|
366
|
-
.dot.current[data-v-
|
|
366
|
+
.dot.current[data-v-063b5ad9]{
|
|
367
367
|
opacity: 0.8;
|
|
368
368
|
}
|
|
369
|
-
.blocker[data-v-
|
|
369
|
+
.blocker[data-v-063b5ad9] {
|
|
370
370
|
position: fixed;
|
|
371
371
|
top: 0;
|
|
372
372
|
left: 0;
|
|
@@ -374,52 +374,52 @@ display: block;
|
|
|
374
374
|
height: 100%;
|
|
375
375
|
z-index: 100;
|
|
376
376
|
}
|
|
377
|
-
.bgl-slider[data-v-
|
|
377
|
+
.bgl-slider[data-v-063b5ad9] {
|
|
378
378
|
display: grid;
|
|
379
379
|
position: relative;
|
|
380
|
-
/* scroll-behavior: smooth; */
|
|
381
380
|
grid-auto-flow: column;
|
|
382
381
|
grid-auto-columns: 100%;
|
|
383
|
-
/* scroll-snap-type: x mandatory; */
|
|
384
382
|
overflow-x: hidden;
|
|
383
|
+
scroll-snap-type: x mandatory;
|
|
384
|
+
scroll-behavior: smooth;
|
|
385
385
|
}
|
|
386
|
-
.autoHeight[data-v-
|
|
386
|
+
.autoHeight[data-v-063b5ad9] {
|
|
387
387
|
transition: height ease 0.7s;
|
|
388
388
|
}
|
|
389
|
-
.bgl-slider.allowScroll[data-v-
|
|
389
|
+
.bgl-slider.allowScroll[data-v-063b5ad9] {
|
|
390
390
|
overflow-x: scroll;
|
|
391
391
|
}
|
|
392
|
-
.bgl-slider[data-v-
|
|
392
|
+
.bgl-slider[data-v-063b5ad9] {
|
|
393
393
|
grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 1) * 1%);
|
|
394
394
|
gap: 1%;
|
|
395
395
|
}
|
|
396
|
-
.bgl-slider.odd[data-v-
|
|
396
|
+
.bgl-slider.odd[data-v-063b5ad9] {
|
|
397
397
|
grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 2) * 1%);
|
|
398
398
|
}
|
|
399
|
-
.bgl-slider.slides-1[data-v-
|
|
399
|
+
.bgl-slider.slides-1[data-v-063b5ad9] {
|
|
400
400
|
grid-auto-columns: 100%;
|
|
401
401
|
gap: 0;
|
|
402
402
|
}
|
|
403
|
-
.bgl-slider[data-v-
|
|
403
|
+
.bgl-slider[data-v-063b5ad9]::-webkit-scrollbar {
|
|
404
404
|
display: none;
|
|
405
405
|
}
|
|
406
|
-
.bgl-slider[data-v-
|
|
406
|
+
.bgl-slider[data-v-063b5ad9] * {
|
|
407
407
|
scroll-snap-align: start;
|
|
408
408
|
}
|
|
409
|
-
.dragging.bgl-slider[data-v-
|
|
409
|
+
.dragging.bgl-slider[data-v-063b5ad9] {
|
|
410
410
|
cursor: grabbing;
|
|
411
411
|
cursor: -webkit-grabbing;
|
|
412
412
|
scroll-snap-type: unset;
|
|
413
413
|
}
|
|
414
|
-
.clicking.bgl-slider[data-v-
|
|
414
|
+
.clicking.bgl-slider[data-v-063b5ad9] {
|
|
415
415
|
scroll-behavior: unset;
|
|
416
416
|
}
|
|
417
|
-
.dragging.bgl-slider[data-v-
|
|
417
|
+
.dragging.bgl-slider[data-v-063b5ad9] * {
|
|
418
418
|
scroll-snap-align: unset;
|
|
419
419
|
user-select: none;
|
|
420
420
|
}
|
|
421
421
|
@media screen and (max-width: 600px) {
|
|
422
|
-
.bgl-slider.slides-1[data-v-
|
|
422
|
+
.bgl-slider.slides-1[data-v-063b5ad9]> * {
|
|
423
423
|
margin-inline-start: 0%;
|
|
424
424
|
}
|
|
425
425
|
}
|
|
@@ -867,7 +867,7 @@ pre code.hljs{
|
|
|
867
867
|
width: 100%;
|
|
868
868
|
}
|
|
869
869
|
|
|
870
|
-
.fileUploadWrap[data-v-
|
|
870
|
+
.fileUploadWrap[data-v-438b09e8] {
|
|
871
871
|
outline: 1px solid var(--border-color);
|
|
872
872
|
border-radius: var(--input-border-radius);
|
|
873
873
|
text-align: center;
|
|
@@ -879,7 +879,7 @@ pre code.hljs{
|
|
|
879
879
|
background: var(--input-bg);
|
|
880
880
|
height: 215px;
|
|
881
881
|
}
|
|
882
|
-
.bagel-input .fileUploadWrap.fileDropZone[data-v-
|
|
882
|
+
.bagel-input .fileUploadWrap.fileDropZone[data-v-438b09e8] {
|
|
883
883
|
background: var(--input-bg);
|
|
884
884
|
display: flex;
|
|
885
885
|
align-items: center;
|
|
@@ -887,14 +887,14 @@ pre code.hljs{
|
|
|
887
887
|
color: var(--bgl-gray);
|
|
888
888
|
flex-direction: column;
|
|
889
889
|
}
|
|
890
|
-
.fileUploadWrap.dragover[data-v-
|
|
891
|
-
.fileUploadWrap[data-v-
|
|
890
|
+
.fileUploadWrap.dragover[data-v-438b09e8],
|
|
891
|
+
.fileUploadWrap[data-v-438b09e8]:hover {
|
|
892
892
|
box-shadow: inset 0 0 10px #00000012;
|
|
893
893
|
}
|
|
894
|
-
.fileUploadWrap[style*='height: auto;'][data-v-
|
|
894
|
+
.fileUploadWrap[style*='height: auto;'][data-v-438b09e8] {
|
|
895
895
|
min-height: 215px;
|
|
896
896
|
}
|
|
897
|
-
.multi-image-item-preview[data-v-
|
|
897
|
+
.multi-image-item-preview[data-v-438b09e8] {
|
|
898
898
|
border: 1px solid var(--border-color) !important;
|
|
899
899
|
border-radius: var(--input-border-radius);
|
|
900
900
|
margin: 0.5rem !important;
|
|
@@ -908,12 +908,12 @@ pre code.hljs{
|
|
|
908
908
|
gap: 1rem;
|
|
909
909
|
align-items: center;
|
|
910
910
|
}
|
|
911
|
-
.multi-image-item-preview p[data-v-
|
|
911
|
+
.multi-image-item-preview p[data-v-438b09e8] {
|
|
912
912
|
overflow: hidden;
|
|
913
913
|
text-overflow: ellipsis;
|
|
914
914
|
white-space: nowrap;
|
|
915
915
|
}
|
|
916
|
-
.multi-preview[data-v-
|
|
916
|
+
.multi-preview[data-v-438b09e8] {
|
|
917
917
|
width: 40px;
|
|
918
918
|
height: 40px;
|
|
919
919
|
border-radius: var(--input-border-radius);
|
|
@@ -924,17 +924,17 @@ pre code.hljs{
|
|
|
924
924
|
align-items: center;
|
|
925
925
|
display: flex;
|
|
926
926
|
}
|
|
927
|
-
.bgl-single-preview[data-v-
|
|
927
|
+
.bgl-single-preview[data-v-438b09e8] {
|
|
928
928
|
height: 100%;
|
|
929
929
|
position: relative;
|
|
930
930
|
}
|
|
931
|
-
.bgl-single-preview + .fileUploadPlaceHolder[data-v-
|
|
931
|
+
.bgl-single-preview + .fileUploadPlaceHolder[data-v-438b09e8] {
|
|
932
932
|
position: absolute;
|
|
933
933
|
inset: 0;
|
|
934
934
|
margin: auto;
|
|
935
935
|
top: calc(50% - 2rem);
|
|
936
936
|
}
|
|
937
|
-
.single-image-item-preview[data-v-
|
|
937
|
+
.single-image-item-preview[data-v-438b09e8] {
|
|
938
938
|
height: 100%;
|
|
939
939
|
min-height: 100%;
|
|
940
940
|
position: relative;
|
|
@@ -942,13 +942,13 @@ pre code.hljs{
|
|
|
942
942
|
align-items: center;
|
|
943
943
|
justify-content: center;
|
|
944
944
|
}
|
|
945
|
-
.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-
|
|
945
|
+
.fileUploadWrap[style*='height: auto'] .single-image-item-preview[data-v-438b09e8] {
|
|
946
946
|
min-height: 215px;
|
|
947
947
|
}
|
|
948
|
-
.fileUploadWrap[style*='height: auto'] .single-preview[data-v-
|
|
948
|
+
.fileUploadWrap[style*='height: auto'] .single-preview[data-v-438b09e8] {
|
|
949
949
|
margin: 0rem !important;
|
|
950
950
|
}
|
|
951
|
-
.single-preview[data-v-
|
|
951
|
+
.single-preview[data-v-438b09e8] {
|
|
952
952
|
border-radius: var(--input-border-radius);
|
|
953
953
|
margin: 1rem;
|
|
954
954
|
padding: 0px;
|
|
@@ -958,7 +958,7 @@ pre code.hljs{
|
|
|
958
958
|
background: var(--bgl-gray-light);
|
|
959
959
|
width: 90%;
|
|
960
960
|
}
|
|
961
|
-
.single-image-item-preview[data-v-
|
|
961
|
+
.single-image-item-preview[data-v-438b09e8]:hover::after {
|
|
962
962
|
content: 'zoom_in';
|
|
963
963
|
font-size: 32px;
|
|
964
964
|
font-family: 'Material Symbols Outlined', serif;
|
|
@@ -968,20 +968,20 @@ pre code.hljs{
|
|
|
968
968
|
z-index: 9;
|
|
969
969
|
pointer-events: none;
|
|
970
970
|
}
|
|
971
|
-
.single-image-item-preview:hover img[data-v-
|
|
971
|
+
.single-image-item-preview:hover img[data-v-438b09e8] {
|
|
972
972
|
filter: brightness(70%);
|
|
973
973
|
}
|
|
974
|
-
.bgl_fill-image.single-image-item-preview[data-v-
|
|
974
|
+
.bgl_fill-image.single-image-item-preview[data-v-438b09e8] {
|
|
975
975
|
height: 100%;
|
|
976
976
|
}
|
|
977
|
-
.bgl_fill-image.single-image-item-preview .single-preview[data-v-
|
|
977
|
+
.bgl_fill-image.single-image-item-preview .single-preview[data-v-438b09e8] {
|
|
978
978
|
border-radius: unset;
|
|
979
979
|
object-fit: cover;
|
|
980
980
|
box-shadow: unset;
|
|
981
981
|
width: 100%;
|
|
982
982
|
height: auto;
|
|
983
983
|
}
|
|
984
|
-
.single-image-item-preview .pie[data-v-
|
|
984
|
+
.single-image-item-preview .pie[data-v-438b09e8] {
|
|
985
985
|
transform-origin: top;
|
|
986
986
|
transform: scale(1.4);
|
|
987
987
|
position: absolute;
|
|
@@ -995,31 +995,31 @@ pre code.hljs{
|
|
|
995
995
|
border: none !important;
|
|
996
996
|
padding: 0 !important;
|
|
997
997
|
}
|
|
998
|
-
.bgl_oval-upload[data-v-
|
|
998
|
+
.bgl_oval-upload[data-v-438b09e8] {
|
|
999
999
|
border-radius: 100% !important;
|
|
1000
1000
|
overflow: hidden;
|
|
1001
1001
|
}
|
|
1002
|
-
.bgl_oval-upload p[data-v-
|
|
1002
|
+
.bgl_oval-upload p[data-v-438b09e8] {
|
|
1003
1003
|
padding: 0.75rem !important;
|
|
1004
1004
|
font-size: 12px;
|
|
1005
1005
|
}
|
|
1006
|
-
.bgl_oval-upload .fileUploadPlaceHolder[data-v-
|
|
1006
|
+
.bgl_oval-upload .fileUploadPlaceHolder[data-v-438b09e8] {
|
|
1007
1007
|
top: 0;
|
|
1008
1008
|
}
|
|
1009
|
-
.bgl_oval-upload .pie[data-v-
|
|
1009
|
+
.bgl_oval-upload .pie[data-v-438b09e8] {
|
|
1010
1010
|
transform: scale(1);
|
|
1011
1011
|
}
|
|
1012
|
-
.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-
|
|
1012
|
+
.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-438b09e8] {
|
|
1013
1013
|
transform: scale(0.4) !important;
|
|
1014
1014
|
}
|
|
1015
|
-
.bgl_oval-upload .single-image-item-preview[data-v-
|
|
1015
|
+
.bgl_oval-upload .single-image-item-preview[data-v-438b09e8] {
|
|
1016
1016
|
height: 100%;
|
|
1017
1017
|
}
|
|
1018
|
-
.bgl_oval-upload .single-preview[data-v-
|
|
1018
|
+
.bgl_oval-upload .single-preview[data-v-438b09e8] {
|
|
1019
1019
|
margin: 0;
|
|
1020
1020
|
height: 100% !important;
|
|
1021
1021
|
}
|
|
1022
|
-
.pie[data-v-
|
|
1022
|
+
.pie[data-v-438b09e8] {
|
|
1023
1023
|
width: 30px;
|
|
1024
1024
|
height: 30px;
|
|
1025
1025
|
position: relative;
|
|
@@ -1027,7 +1027,7 @@ pre code.hljs{
|
|
|
1027
1027
|
align-items: center;
|
|
1028
1028
|
justify-content: center;
|
|
1029
1029
|
}
|
|
1030
|
-
.pie[data-v-
|
|
1030
|
+
.pie[data-v-438b09e8]:before {
|
|
1031
1031
|
content: '';
|
|
1032
1032
|
position: absolute;
|
|
1033
1033
|
border-radius: 50%;
|
|
@@ -1045,26 +1045,26 @@ pre code.hljs{
|
|
|
1045
1045
|
#000 calc(100% - var(--b))
|
|
1046
1046
|
);
|
|
1047
1047
|
}
|
|
1048
|
-
.pie .success[data-v-
|
|
1048
|
+
.pie .success[data-v-438b09e8] {
|
|
1049
1049
|
transform: scale(0);
|
|
1050
1050
|
opacity: 0;
|
|
1051
1051
|
transition: all 0.3s ease-in-out;
|
|
1052
1052
|
}
|
|
1053
|
-
.pie .progress[data-v-
|
|
1053
|
+
.pie .progress[data-v-438b09e8] {
|
|
1054
1054
|
position: absolute;
|
|
1055
1055
|
font-size: 10px;
|
|
1056
1056
|
}
|
|
1057
|
-
.pie.complete .progress[data-v-
|
|
1057
|
+
.pie.complete .progress[data-v-438b09e8] {
|
|
1058
1058
|
display: none;
|
|
1059
1059
|
}
|
|
1060
|
-
.pie.complete .success[data-v-
|
|
1060
|
+
.pie.complete .success[data-v-438b09e8] {
|
|
1061
1061
|
transform: scale(1.3);
|
|
1062
1062
|
opacity: 1;
|
|
1063
1063
|
}
|
|
1064
|
-
.pie.complete[data-v-
|
|
1064
|
+
.pie.complete[data-v-438b09e8]:before {
|
|
1065
1065
|
background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
|
|
1066
1066
|
}
|
|
1067
|
-
.pie.complete[data-v-
|
|
1067
|
+
.pie.complete[data-v-438b09e8] {
|
|
1068
1068
|
color: var(--bgl-green);
|
|
1069
1069
|
}
|
|
1070
1070
|
|
package/package.json
CHANGED
|
@@ -29,7 +29,9 @@ let autoPlayInterval: NodeJS.Timeout
|
|
|
29
29
|
|
|
30
30
|
// Helper Functions
|
|
31
31
|
function preventDefaultClick(e: MouseEvent) {
|
|
32
|
-
|
|
32
|
+
if (isDragging) {
|
|
33
|
+
e.preventDefault()
|
|
34
|
+
}
|
|
33
35
|
}
|
|
34
36
|
|
|
35
37
|
function countSlides() {
|
|
@@ -197,7 +199,7 @@ watch(() => activeSlideIndex, handleSlideChange)
|
|
|
197
199
|
<div v-if="isDragging" class="blocker" />
|
|
198
200
|
<slot />
|
|
199
201
|
</div>
|
|
200
|
-
<div class="dots flex-center gap-05 mt-1"
|
|
202
|
+
<div v-if="dots && slideCount > 1" class="dots flex-center gap-05 mt-1">
|
|
201
203
|
<span v-for="i in slideCount" :key="i" class="dot cursor" :class="{ current: activeSlideIndex === i - 1 }" @click="goToSlide(i - 1)" />
|
|
202
204
|
</div>
|
|
203
205
|
<div class="Handlers">
|
|
@@ -230,11 +232,12 @@ watch(() => activeSlideIndex, handleSlideChange)
|
|
|
230
232
|
.bgl-slider {
|
|
231
233
|
display: grid;
|
|
232
234
|
position: relative;
|
|
233
|
-
/* scroll-behavior: smooth; */
|
|
234
235
|
grid-auto-flow: column;
|
|
235
236
|
grid-auto-columns: 100%;
|
|
236
|
-
/* scroll-snap-type: x mandatory; */
|
|
237
237
|
overflow-x: hidden;
|
|
238
|
+
scroll-snap-type: x mandatory;
|
|
239
|
+
scroll-behavior: smooth;
|
|
240
|
+
|
|
238
241
|
}
|
|
239
242
|
|
|
240
243
|
.autoHeight {
|
|
@@ -12,7 +12,7 @@ import Image from '../../Image.vue'
|
|
|
12
12
|
|
|
13
13
|
type StrKey = keyof StorageFile
|
|
14
14
|
|
|
15
|
-
type FSValue = string[] | string
|
|
15
|
+
type FSValue = string[] | string
|
|
16
16
|
|
|
17
17
|
const {
|
|
18
18
|
label,
|
|
@@ -73,10 +73,7 @@ async function fetchTopicFiles() {
|
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
function loadFiles() {
|
|
76
|
-
const ids = [file_bindkeys.value].flat().filter(Boolean) as unknown as
|
|
77
|
-
| string
|
|
78
|
-
| number
|
|
79
|
-
)[]
|
|
76
|
+
const ids = [file_bindkeys.value].flat().filter(Boolean) as unknown as string[]
|
|
80
77
|
if (!ids.length) {
|
|
81
78
|
storageFiles.splice(0, storageFiles.length)
|
|
82
79
|
return
|
|
@@ -84,9 +81,7 @@ function loadFiles() {
|
|
|
84
81
|
|
|
85
82
|
const currentIds = storageFiles.map(file => file[bindKey])
|
|
86
83
|
const idsToAdd = ids.filter(id => !currentIds.includes(id))
|
|
87
|
-
const idsToRemove = currentIds.filter(
|
|
88
|
-
(id): id is string | number => (typeof id === 'string' || typeof id === 'number') && !ids.includes(id)
|
|
89
|
-
)
|
|
84
|
+
const idsToRemove = currentIds.filter((id): id is string => (typeof id === 'string') && !ids.includes(id))
|
|
90
85
|
|
|
91
86
|
idsToRemove.forEach((id) => {
|
|
92
87
|
const index = storageFiles.findIndex(file => file[bindKey] === id)
|