@bagelink/vue 0.0.1180 → 0.0.1184

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 (9) hide show
  1. package/dist/components/Carousel.vue.d.ts.map +1 -1
  2. package/dist/index.cjs +15 -5
  3. package/dist/index.mjs +15 -5
  4. package/dist/style.css +10 -10
  5. package/dist/utils/BagelFormUtils.d.ts +24 -8
  6. package/dist/utils/BagelFormUtils.d.ts.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/Carousel.vue +18 -4
  9. package/src/utils/BagelFormUtils.ts +9 -9
package/dist/components/Carousel.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AAuyBA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AA8YD,iBAAS,cAAc;WAyFT,OAAO,IAA6B;;yBAbrB,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;;EAgB5B;AAmCD,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
+ {"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AAqzBA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AA4ZD,iBAAS,cAAc;WAyFT,OAAO,IAA6B;;yBAbrB,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;;EAgB5B;AAmCD,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"}
package/dist/index.cjs CHANGED
@@ -881,7 +881,10 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
881
881
  if (autoPlayInterval) clearInterval(autoPlayInterval);
882
882
  }
883
883
  function preventDefaultClick(e) {
884
- if (isDragging.value) e.preventDefault();
884
+ if (isDragging.value) {
885
+ e.preventDefault();
886
+ e.stopPropagation();
887
+ }
885
888
  }
886
889
  async function disableDrag() {
887
890
  await vue.nextTick();
@@ -889,13 +892,15 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
889
892
  const elements = Array.from(bglSlider.value.querySelectorAll("img, a"));
890
893
  elements.forEach((el) => {
891
894
  el.setAttribute("draggable", "false");
895
+ el.removeEventListener("click", preventDefaultClick, true);
896
+ el.addEventListener("click", preventDefaultClick, true);
892
897
  });
893
898
  const slides = Array.from(bglSlider.value.children);
894
899
  slides.forEach((slide) => {
895
900
  const element = slide;
896
901
  element.setAttribute("draggable", "false");
897
- element.removeEventListener("click", preventDefaultClick);
898
- element.addEventListener("click", preventDefaultClick);
902
+ element.removeEventListener("click", preventDefaultClick, true);
903
+ element.addEventListener("click", preventDefaultClick, true);
899
904
  });
900
905
  }
901
906
  function startDrag(e) {
@@ -905,6 +910,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
905
910
  startX.value = e.pageX;
906
911
  translateX2.value = getCurrentTransform();
907
912
  isPressed.value = true;
913
+ isDragging.value = false;
908
914
  document.addEventListener("mousemove", onDrag);
909
915
  document.addEventListener("mouseup", endDrag);
910
916
  }
@@ -944,7 +950,11 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
944
950
  }
945
951
  targetPanel = Math.max(0, Math.min(targetPanel, slideCount.value - 1));
946
952
  goToSlide(targetPanel, true);
947
- setTimeout(() => isDragging.value = false, 100);
953
+ if (isDragging.value) {
954
+ setTimeout(() => {
955
+ isDragging.value = false;
956
+ }, 10);
957
+ }
948
958
  }
949
959
  let hasScrollDirectionLock = vue.ref(false);
950
960
  let isHorizontalScroll = vue.ref(false);
@@ -1172,7 +1182,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
1172
1182
  };
1173
1183
  }
1174
1184
  });
1175
- const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-519e4d32"]]);
1185
+ const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-3a1530dc"]]);
1176
1186
  function _isPlaceholder(a2) {
1177
1187
  return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
1178
1188
  }
package/dist/index.mjs CHANGED
@@ -879,7 +879,10 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
879
879
  if (autoPlayInterval) clearInterval(autoPlayInterval);
880
880
  }
881
881
  function preventDefaultClick(e) {
882
- if (isDragging.value) e.preventDefault();
882
+ if (isDragging.value) {
883
+ e.preventDefault();
884
+ e.stopPropagation();
885
+ }
883
886
  }
884
887
  async function disableDrag() {
885
888
  await nextTick();
@@ -887,13 +890,15 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
887
890
  const elements = Array.from(bglSlider.value.querySelectorAll("img, a"));
888
891
  elements.forEach((el) => {
889
892
  el.setAttribute("draggable", "false");
893
+ el.removeEventListener("click", preventDefaultClick, true);
894
+ el.addEventListener("click", preventDefaultClick, true);
890
895
  });
891
896
  const slides = Array.from(bglSlider.value.children);
892
897
  slides.forEach((slide) => {
893
898
  const element = slide;
894
899
  element.setAttribute("draggable", "false");
895
- element.removeEventListener("click", preventDefaultClick);
896
- element.addEventListener("click", preventDefaultClick);
900
+ element.removeEventListener("click", preventDefaultClick, true);
901
+ element.addEventListener("click", preventDefaultClick, true);
897
902
  });
898
903
  }
899
904
  function startDrag(e) {
@@ -903,6 +908,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
903
908
  startX.value = e.pageX;
904
909
  translateX2.value = getCurrentTransform();
905
910
  isPressed.value = true;
911
+ isDragging.value = false;
906
912
  document.addEventListener("mousemove", onDrag);
907
913
  document.addEventListener("mouseup", endDrag);
908
914
  }
@@ -942,7 +948,11 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
942
948
  }
943
949
  targetPanel = Math.max(0, Math.min(targetPanel, slideCount.value - 1));
944
950
  goToSlide(targetPanel, true);
945
- setTimeout(() => isDragging.value = false, 100);
951
+ if (isDragging.value) {
952
+ setTimeout(() => {
953
+ isDragging.value = false;
954
+ }, 10);
955
+ }
946
956
  }
947
957
  let hasScrollDirectionLock = ref(false);
948
958
  let isHorizontalScroll = ref(false);
@@ -1170,7 +1180,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
1170
1180
  };
1171
1181
  }
1172
1182
  });
1173
- const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-519e4d32"]]);
1183
+ const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-3a1530dc"]]);
1174
1184
  function _isPlaceholder(a2) {
1175
1185
  return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
1176
1186
  }
package/dist/style.css CHANGED
@@ -356,13 +356,13 @@ display: block;
356
356
  padding: 0;
357
357
  }
358
358
 
359
- .BglCarousel[data-v-519e4d32] {
359
+ .BglCarousel[data-v-3a1530dc] {
360
360
  position: relative;
361
361
  width: 100%;
362
362
  overflow: hidden;
363
363
  touch-action: pan-y pinch-zoom; /* Allow vertical scrolling */
364
364
  }
365
- .bgl-slider[data-v-519e4d32] {
365
+ .bgl-slider[data-v-3a1530dc] {
366
366
  display: flex;
367
367
  position: relative;
368
368
  width: 100%;
@@ -375,26 +375,26 @@ display: block;
375
375
  -webkit-user-select: none;
376
376
  user-select: none;
377
377
  }
378
- .bgl-slider[data-v-519e4d32] > * {
378
+ .bgl-slider[data-v-3a1530dc] > * {
379
379
  flex: 0 0 calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
380
380
  width: calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
381
381
  min-width: calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
382
382
  position: relative;
383
383
  overflow: hidden;
384
384
  }
385
- .bgl-slider.slides-1[data-v-519e4d32] > * {
385
+ .bgl-slider.slides-1[data-v-3a1530dc] > * {
386
386
  flex: 0 0 100%;
387
387
  width: 100%;
388
388
  min-width: 100%;
389
389
  }
390
- .dragging .bgl-slider[data-v-519e4d32] > * {
390
+ .dragging .bgl-slider[data-v-3a1530dc] > * {
391
391
  pointer-events: none;
392
392
  user-select: none;
393
393
  }
394
- .autoHeight[data-v-519e4d32] {
394
+ .autoHeight[data-v-3a1530dc] {
395
395
  transition: height ease 0.7s;
396
396
  }
397
- .dots[data-v-519e4d32] {
397
+ .dots[data-v-3a1530dc] {
398
398
  display: flex;
399
399
  justify-content: center;
400
400
  align-items: center;
@@ -402,7 +402,7 @@ display: block;
402
402
  margin-top: 1rem;
403
403
  gap: 8px;
404
404
  }
405
- .dot[data-v-519e4d32] {
405
+ .dot[data-v-3a1530dc] {
406
406
  height: 10px;
407
407
  width: 10px;
408
408
  border-radius: 50%;
@@ -411,10 +411,10 @@ display: block;
411
411
  transition: opacity 0.3s ease;
412
412
  cursor: pointer;
413
413
  }
414
- .dot[data-v-519e4d32]:hover {
414
+ .dot[data-v-3a1530dc]:hover {
415
415
  opacity: 0.6;
416
416
  }
417
- .dot.current[data-v-519e4d32] {
417
+ .dot.current[data-v-3a1530dc] {
418
418
  opacity: 0.8;
419
419
  }
420
420
 
package/dist/utils/BagelFormUtils.d.ts CHANGED
@@ -32,7 +32,9 @@ type RichTextOptions = InputOptions;
32
32
  export declare function getBaseField<T extends {
33
33
  [key: string]: any;
34
34
  }>(id?: keyof T extends string ? keyof T : string, labelOrRest?: string | Partial<Field<T>>, rest?: Partial<Field<T>>): Field<T>;
35
- export declare function richText<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: RichTextOptions): {
35
+ export declare function richText<T extends {
36
+ [key: string]: any;
37
+ }>(id: keyof T extends string ? keyof T : string, label?: string, options?: RichTextOptions): {
36
38
  $el: string;
37
39
  class: string | undefined;
38
40
  required: boolean | undefined;
@@ -42,11 +44,21 @@ export declare function richText<T>(id: keyof T extends string ? keyof T : strin
42
44
  placeholder: string | undefined;
43
45
  attrs: {};
44
46
  };
45
- export declare function txtField<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: TextInputOptions): Field;
46
- export declare function slctField<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: Option[] | (() => Option[]), config?: SlctInputOptions): Field;
47
- export declare function checkField<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: InputOptions): Field;
48
- export declare function dateField<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: DateOptions): Field;
49
- export declare function numField<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: NumFieldOptions): Field;
47
+ export declare function txtField<T extends {
48
+ [key: string]: any;
49
+ }>(id: keyof T extends string ? keyof T : string, label?: string, options?: TextInputOptions): Field;
50
+ export declare function slctField<T extends {
51
+ [key: string]: any;
52
+ }>(id: keyof T extends string ? keyof T : string, label?: string, options?: Option[] | (() => Option[]), config?: SlctInputOptions): Field;
53
+ export declare function checkField<T extends {
54
+ [key: string]: any;
55
+ }>(id: keyof T extends string ? keyof T : string, label?: string, options?: InputOptions): Field;
56
+ export declare function dateField<T extends {
57
+ [key: string]: any;
58
+ }>(id: keyof T extends string ? keyof T : string, label?: string, options?: DateOptions): Field;
59
+ export declare function numField<T extends {
60
+ [key: string]: any;
61
+ }>(id: keyof T extends string ? keyof T : string, label?: string, options?: NumFieldOptions): Field;
50
62
  export declare function frmRow(...children: Field[]): {
51
63
  $el: string;
52
64
  class: string;
@@ -88,7 +100,9 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
88
100
  };
89
101
  id?: undefined;
90
102
  };
91
- export declare function telField<T>(id: keyof T extends string ? keyof T : string, label?: string, options?: {
103
+ export declare function telField<T extends {
104
+ [key: string]: any;
105
+ }>(id: keyof T extends string ? keyof T : string, label?: string, options?: {
92
106
  [key: string]: any;
93
107
  }): Field;
94
108
  export declare function findBglFieldById(id: string, _schema: BglFormSchemaT): Field | undefined;
@@ -96,7 +110,9 @@ interface ArrayFieldOptions extends InputOptions {
96
110
  delete?: boolean;
97
111
  add?: boolean;
98
112
  }
99
- export declare function arrField<T>(id: keyof T extends string ? keyof T : string, label: string, schema: BglFormSchemaT, options?: ArrayFieldOptions): {
113
+ export declare function arrField<T extends {
114
+ [key: string]: any;
115
+ }>(id: keyof T extends string ? keyof T : string, label: string, schema: BglFormSchemaT, options?: ArrayFieldOptions): {
100
116
  label: string;
101
117
  id: keyof T extends string ? keyof T : string;
102
118
  $el: string;
package/dist/utils/BagelFormUtils.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.1180",
4
+ "version": "0.0.1184",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
package/src/components/Carousel.vue CHANGED
@@ -214,7 +214,10 @@ function clearAutoplay() {
214
214
 
215
215
  // Mouse events
216
216
  function preventDefaultClick(e: MouseEvent) {
217
- if (isDragging) e.preventDefault()
217
+ if (isDragging) {
218
+ e.preventDefault()
219
+ e.stopPropagation()
220
+ }
218
221
  }
219
222
 
220
223
  async function disableDrag() {
@@ -224,14 +227,18 @@ async function disableDrag() {
224
227
  const elements = Array.from(bglSlider.querySelectorAll('img, a')) as HTMLElement[]
225
228
  elements.forEach((el) => {
226
229
  el.setAttribute('draggable', 'false')
230
+ // Add click prevention to interactive elements
231
+ el.removeEventListener('click', preventDefaultClick, true)
232
+ el.addEventListener('click', preventDefaultClick, true)
227
233
  })
228
234
 
229
235
  const slides = Array.from(bglSlider.children)
230
236
  slides.forEach((slide) => {
231
237
  const element = slide as HTMLElement
232
238
  element.setAttribute('draggable', 'false')
233
- element.removeEventListener('click', preventDefaultClick)
234
- element.addEventListener('click', preventDefaultClick)
239
+ // Add click prevention to slides
240
+ element.removeEventListener('click', preventDefaultClick, true)
241
+ element.addEventListener('click', preventDefaultClick, true)
235
242
  })
236
243
  }
237
244
 
@@ -243,6 +250,7 @@ function startDrag(e: MouseEvent) {
243
250
  startX = e.pageX
244
251
  translateX = getCurrentTransform()
245
252
  isPressed = true
253
+ isDragging = false // Reset dragging state on start
246
254
 
247
255
  document.addEventListener('mousemove', onDrag)
248
256
  document.addEventListener('mouseup', endDrag)
@@ -294,7 +302,13 @@ function endDrag() {
294
302
 
295
303
  targetPanel = Math.max(0, Math.min(targetPanel, slideCount - 1))
296
304
  goToSlide(targetPanel, true)
297
- setTimeout(() => (isDragging = false), 100)
305
+
306
+ // Keep isDragging true for a short period to prevent click
307
+ if (isDragging) {
308
+ setTimeout(() => {
309
+ isDragging = false
310
+ }, 10) // Short timeout to ensure click event is handled first
311
+ }
298
312
  }
299
313
 
300
314
  // Add a new state variable for tracking scroll direction
package/src/utils/BagelFormUtils.ts CHANGED
@@ -47,7 +47,7 @@ export function getBaseField<T extends { [key: string]: any }>(
47
47
  return { id, label: labelOrRest, ...rest }
48
48
  }
49
49
 
50
- export function richText<T>(
50
+ export function richText<T extends { [key: string]: any }>(
51
51
  id: keyof T extends string ? keyof T : string,
52
52
  label?: string,
53
53
  options?: RichTextOptions,
@@ -64,7 +64,7 @@ export function richText<T>(
64
64
  }
65
65
  }
66
66
 
67
- export function txtField<T>(
67
+ export function txtField<T extends { [key: string]: any }>(
68
68
  id: keyof T extends string ? keyof T : string,
69
69
  label?: string,
70
70
  options?: TextInputOptions,
@@ -87,7 +87,7 @@ export function txtField<T>(
87
87
  }
88
88
  }
89
89
 
90
- export function slctField<T>(
90
+ export function slctField<T extends { [key: string]: any }>(
91
91
  id: keyof T extends string ? keyof T : string,
92
92
  label?: string,
93
93
  options?: Option[] | (() => Option[]),
@@ -114,7 +114,7 @@ export function slctField<T>(
114
114
  }
115
115
  }
116
116
 
117
- export function checkField<T>(
117
+ export function checkField<T extends { [key: string]: any }>(
118
118
  id: keyof T extends string ? keyof T : string,
119
119
  label?: string,
120
120
  options?: InputOptions,
@@ -128,7 +128,7 @@ export function checkField<T>(
128
128
  }
129
129
  }
130
130
 
131
- export function dateField<T>(
131
+ export function dateField<T extends { [key: string]: any }>(
132
132
  id: keyof T extends string ? keyof T : string,
133
133
  label?: string,
134
134
  options?: DateOptions,
@@ -148,7 +148,7 @@ export function dateField<T>(
148
148
  }
149
149
  }
150
150
 
151
- export function numField<T>(
151
+ export function numField<T extends { [key: string]: any }>(
152
152
  id: keyof T extends string ? keyof T : string,
153
153
  label?: string,
154
154
  options?: NumFieldOptions,
@@ -217,7 +217,7 @@ export function bglForm(idOrField?: string | Field, ...schema: Field[]) {
217
217
  }
218
218
  }
219
219
 
220
- export function telField<T>(
220
+ export function telField<T extends { [key: string]: any }>(
221
221
  id: keyof T extends string ? keyof T : string,
222
222
  label?: string,
223
223
  options?: { [key: string]: any }
@@ -247,7 +247,7 @@ interface ArrayFieldOptions extends InputOptions {
247
247
  add?: boolean
248
248
  }
249
249
 
250
- export function arrField<T>(
250
+ export function arrField<T extends { [key: string]: any }>(
251
251
  id: keyof T extends string ? keyof T : string,
252
252
  label: string,
253
253
  schema: BglFormSchemaT,
@@ -262,7 +262,7 @@ export function arrField<T>(
262
262
  }
263
263
  }
264
264
 
265
- // export function updateBagelSchemaWithErrorResponse<T>(
265
+ // export function updateBagelSchemaWithErrorResponse<T extends { [key: string]: any }>(
266
266
  // schema: BglFormSchemaT<T>,
267
267
  // invalidFieldId: Record<string, string[]>,
268
268
  // ) {