@factoringplus/pl-components-pack-v3 1.1.0-pre-05 → 1.1.1

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/pl-dialog/pl-dialog-plus.stories.d.ts +30 -30
  2. package/dist/components/pl-dialog/pl-dialog-plus.vue.d.ts +1 -1
  3. package/dist/components/pl-dialog/pl-dialog.stories.d.ts +30 -30
  4. package/dist/components/pl-dialog/pl-dialog.vue.d.ts +1 -1
  5. package/dist/components/pl-scrollbar/pl-scrollbar.vue.d.ts +1 -1
  6. package/dist/pl-components-pack-v3.es.js +35 -28
  7. package/dist/pl-components-pack-v3.umd.js +3 -3
  8. package/dist/style.css +1 -1
  9. package/package.json +1 -1
package/dist/components/pl-dialog/pl-dialog-plus.stories.d.ts CHANGED
@@ -237,10 +237,10 @@ export declare const PlDialogPlusStory: () => {
237
237
  type?: "standart" | "status" | "illustration" | undefined;
238
238
  modelValue?: boolean | undefined;
239
239
  width?: string | undefined;
240
+ beforeClose?: Function | undefined;
240
241
  showHeader?: boolean | undefined;
241
242
  showClose?: boolean | undefined;
242
243
  disabledTeleport?: boolean | undefined;
243
- beforeClose?: Function | undefined;
244
244
  closeOnOverlay?: boolean | undefined;
245
245
  innerScroll?: boolean | undefined;
246
246
  key?: string | number | symbol | undefined;
@@ -322,6 +322,10 @@ export declare const PlDialogPlusStory: () => {
322
322
  type: import("vue").PropType<string>;
323
323
  default: string;
324
324
  };
325
+ beforeClose: {
326
+ type: import("vue").PropType<Function>;
327
+ default: () => void;
328
+ };
325
329
  showHeader: {
326
330
  type: import("vue").PropType<boolean>;
327
331
  default: boolean;
@@ -334,10 +338,6 @@ export declare const PlDialogPlusStory: () => {
334
338
  type: import("vue").PropType<boolean>;
335
339
  default: boolean;
336
340
  };
337
- beforeClose: {
338
- type: import("vue").PropType<Function>;
339
- default: () => void;
340
- };
341
341
  closeOnOverlay: {
342
342
  type: import("vue").PropType<boolean>;
343
343
  default: boolean;
@@ -361,10 +361,10 @@ export declare const PlDialogPlusStory: () => {
361
361
  type: "standart" | "status" | "illustration";
362
362
  modelValue: boolean;
363
363
  width: string;
364
+ beforeClose: Function;
364
365
  showHeader: boolean;
365
366
  showClose: boolean;
366
367
  disabledTeleport: boolean;
367
- beforeClose: Function;
368
368
  closeOnOverlay: boolean;
369
369
  innerScroll: boolean;
370
370
  }, {}, string, {}> & {
@@ -404,6 +404,10 @@ export declare const PlDialogPlusStory: () => {
404
404
  type: import("vue").PropType<string>;
405
405
  default: string;
406
406
  };
407
+ beforeClose: {
408
+ type: import("vue").PropType<Function>;
409
+ default: () => void;
410
+ };
407
411
  showHeader: {
408
412
  type: import("vue").PropType<boolean>;
409
413
  default: boolean;
@@ -416,10 +420,6 @@ export declare const PlDialogPlusStory: () => {
416
420
  type: import("vue").PropType<boolean>;
417
421
  default: boolean;
418
422
  };
419
- beforeClose: {
420
- type: import("vue").PropType<Function>;
421
- default: () => void;
422
- };
423
423
  closeOnOverlay: {
424
424
  type: import("vue").PropType<boolean>;
425
425
  default: boolean;
@@ -457,6 +457,10 @@ export declare const PlDialogPlusStory: () => {
457
457
  type: import("vue").PropType<string>;
458
458
  default: string;
459
459
  };
460
+ beforeClose: {
461
+ type: import("vue").PropType<Function>;
462
+ default: () => void;
463
+ };
460
464
  showHeader: {
461
465
  type: import("vue").PropType<boolean>;
462
466
  default: boolean;
@@ -469,10 +473,6 @@ export declare const PlDialogPlusStory: () => {
469
473
  type: import("vue").PropType<boolean>;
470
474
  default: boolean;
471
475
  };
472
- beforeClose: {
473
- type: import("vue").PropType<Function>;
474
- default: () => void;
475
- };
476
476
  closeOnOverlay: {
477
477
  type: import("vue").PropType<boolean>;
478
478
  default: boolean;
@@ -496,10 +496,10 @@ export declare const PlDialogPlusStory: () => {
496
496
  type: "standart" | "status" | "illustration";
497
497
  modelValue: boolean;
498
498
  width: string;
499
+ beforeClose: Function;
499
500
  showHeader: boolean;
500
501
  showClose: boolean;
501
502
  disabledTeleport: boolean;
502
- beforeClose: Function;
503
503
  closeOnOverlay: boolean;
504
504
  innerScroll: boolean;
505
505
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -865,10 +865,10 @@ declare const _default: {
865
865
  type?: "standart" | "status" | "illustration" | undefined;
866
866
  modelValue?: boolean | undefined;
867
867
  width?: string | undefined;
868
+ beforeClose?: Function | undefined;
868
869
  showHeader?: boolean | undefined;
869
870
  showClose?: boolean | undefined;
870
871
  disabledTeleport?: boolean | undefined;
871
- beforeClose?: Function | undefined;
872
872
  closeOnOverlay?: boolean | undefined;
873
873
  innerScroll?: boolean | undefined;
874
874
  key?: string | number | symbol | undefined;
@@ -950,6 +950,10 @@ declare const _default: {
950
950
  type: import("vue").PropType<string>;
951
951
  default: string;
952
952
  };
953
+ beforeClose: {
954
+ type: import("vue").PropType<Function>;
955
+ default: () => void;
956
+ };
953
957
  showHeader: {
954
958
  type: import("vue").PropType<boolean>;
955
959
  default: boolean;
@@ -962,10 +966,6 @@ declare const _default: {
962
966
  type: import("vue").PropType<boolean>;
963
967
  default: boolean;
964
968
  };
965
- beforeClose: {
966
- type: import("vue").PropType<Function>;
967
- default: () => void;
968
- };
969
969
  closeOnOverlay: {
970
970
  type: import("vue").PropType<boolean>;
971
971
  default: boolean;
@@ -989,10 +989,10 @@ declare const _default: {
989
989
  type: "standart" | "status" | "illustration";
990
990
  modelValue: boolean;
991
991
  width: string;
992
+ beforeClose: Function;
992
993
  showHeader: boolean;
993
994
  showClose: boolean;
994
995
  disabledTeleport: boolean;
995
- beforeClose: Function;
996
996
  closeOnOverlay: boolean;
997
997
  innerScroll: boolean;
998
998
  }, {}, string, {}> & {
@@ -1032,6 +1032,10 @@ declare const _default: {
1032
1032
  type: import("vue").PropType<string>;
1033
1033
  default: string;
1034
1034
  };
1035
+ beforeClose: {
1036
+ type: import("vue").PropType<Function>;
1037
+ default: () => void;
1038
+ };
1035
1039
  showHeader: {
1036
1040
  type: import("vue").PropType<boolean>;
1037
1041
  default: boolean;
@@ -1044,10 +1048,6 @@ declare const _default: {
1044
1048
  type: import("vue").PropType<boolean>;
1045
1049
  default: boolean;
1046
1050
  };
1047
- beforeClose: {
1048
- type: import("vue").PropType<Function>;
1049
- default: () => void;
1050
- };
1051
1051
  closeOnOverlay: {
1052
1052
  type: import("vue").PropType<boolean>;
1053
1053
  default: boolean;
@@ -1085,6 +1085,10 @@ declare const _default: {
1085
1085
  type: import("vue").PropType<string>;
1086
1086
  default: string;
1087
1087
  };
1088
+ beforeClose: {
1089
+ type: import("vue").PropType<Function>;
1090
+ default: () => void;
1091
+ };
1088
1092
  showHeader: {
1089
1093
  type: import("vue").PropType<boolean>;
1090
1094
  default: boolean;
@@ -1097,10 +1101,6 @@ declare const _default: {
1097
1101
  type: import("vue").PropType<boolean>;
1098
1102
  default: boolean;
1099
1103
  };
1100
- beforeClose: {
1101
- type: import("vue").PropType<Function>;
1102
- default: () => void;
1103
- };
1104
1104
  closeOnOverlay: {
1105
1105
  type: import("vue").PropType<boolean>;
1106
1106
  default: boolean;
@@ -1124,10 +1124,10 @@ declare const _default: {
1124
1124
  type: "standart" | "status" | "illustration";
1125
1125
  modelValue: boolean;
1126
1126
  width: string;
1127
+ beforeClose: Function;
1127
1128
  showHeader: boolean;
1128
1129
  showClose: boolean;
1129
1130
  disabledTeleport: boolean;
1130
- beforeClose: Function;
1131
1131
  closeOnOverlay: boolean;
1132
1132
  innerScroll: boolean;
1133
1133
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
package/dist/components/pl-dialog/pl-dialog-plus.vue.d.ts CHANGED
@@ -43,10 +43,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
43
43
  type: "standart" | "status" | "illustration";
44
44
  modelValue: boolean;
45
45
  width: string;
46
+ beforeClose: Function;
46
47
  showHeader: boolean;
47
48
  showClose: boolean;
48
49
  disabledTeleport: boolean;
49
- beforeClose: Function;
50
50
  closeOnOverlay: boolean;
51
51
  innerScroll: boolean;
52
52
  }, {}>, {
package/dist/components/pl-dialog/pl-dialog.stories.d.ts CHANGED
@@ -7,12 +7,12 @@ export declare const PlDialogStory: () => {
7
7
  $props: {
8
8
  padding?: string | undefined;
9
9
  modelValue?: boolean | undefined;
10
+ customClass?: string | undefined;
10
11
  showHeader?: boolean | undefined;
11
12
  showGrabber?: boolean | undefined;
12
13
  widthThis?: string | undefined;
13
14
  headerPadding?: string | undefined;
14
15
  showClose?: boolean | undefined;
15
- customClass?: string | undefined;
16
16
  slide?: boolean | undefined;
17
17
  simple?: boolean | undefined;
18
18
  disabledTeleport?: boolean | undefined;
@@ -90,6 +90,10 @@ export declare const PlDialogStory: () => {
90
90
  required: true;
91
91
  default: boolean;
92
92
  };
93
+ customClass: {
94
+ type: import("vue").PropType<string>;
95
+ default: string;
96
+ };
93
97
  showHeader: {
94
98
  type: import("vue").PropType<boolean>;
95
99
  default: boolean;
@@ -110,10 +114,6 @@ export declare const PlDialogStory: () => {
110
114
  type: import("vue").PropType<boolean>;
111
115
  default: boolean;
112
116
  };
113
- customClass: {
114
- type: import("vue").PropType<string>;
115
- default: string;
116
- };
117
117
  slide: {
118
118
  type: import("vue").PropType<boolean>;
119
119
  default: boolean;
@@ -154,12 +154,12 @@ export declare const PlDialogStory: () => {
154
154
  }, string, {
155
155
  padding: string;
156
156
  modelValue: boolean;
157
+ customClass: string;
157
158
  showHeader: boolean;
158
159
  showGrabber: boolean;
159
160
  widthThis: string;
160
161
  headerPadding: string;
161
162
  showClose: boolean;
162
- customClass: string;
163
163
  slide: boolean;
164
164
  simple: boolean;
165
165
  disabledTeleport: boolean;
@@ -197,6 +197,10 @@ export declare const PlDialogStory: () => {
197
197
  required: true;
198
198
  default: boolean;
199
199
  };
200
+ customClass: {
201
+ type: import("vue").PropType<string>;
202
+ default: string;
203
+ };
200
204
  showHeader: {
201
205
  type: import("vue").PropType<boolean>;
202
206
  default: boolean;
@@ -217,10 +221,6 @@ export declare const PlDialogStory: () => {
217
221
  type: import("vue").PropType<boolean>;
218
222
  default: boolean;
219
223
  };
220
- customClass: {
221
- type: import("vue").PropType<string>;
222
- default: string;
223
- };
224
224
  slide: {
225
225
  type: import("vue").PropType<boolean>;
226
226
  default: boolean;
@@ -269,6 +269,10 @@ export declare const PlDialogStory: () => {
269
269
  required: true;
270
270
  default: boolean;
271
271
  };
272
+ customClass: {
273
+ type: import("vue").PropType<string>;
274
+ default: string;
275
+ };
272
276
  showHeader: {
273
277
  type: import("vue").PropType<boolean>;
274
278
  default: boolean;
@@ -289,10 +293,6 @@ export declare const PlDialogStory: () => {
289
293
  type: import("vue").PropType<boolean>;
290
294
  default: boolean;
291
295
  };
292
- customClass: {
293
- type: import("vue").PropType<string>;
294
- default: string;
295
- };
296
296
  slide: {
297
297
  type: import("vue").PropType<boolean>;
298
298
  default: boolean;
@@ -333,12 +333,12 @@ export declare const PlDialogStory: () => {
333
333
  }, string, {
334
334
  padding: string;
335
335
  modelValue: boolean;
336
+ customClass: string;
336
337
  showHeader: boolean;
337
338
  showGrabber: boolean;
338
339
  widthThis: string;
339
340
  headerPadding: string;
340
341
  showClose: boolean;
341
- customClass: string;
342
342
  slide: boolean;
343
343
  simple: boolean;
344
344
  disabledTeleport: boolean;
@@ -596,12 +596,12 @@ declare const _default: {
596
596
  $props: {
597
597
  padding?: string | undefined;
598
598
  modelValue?: boolean | undefined;
599
+ customClass?: string | undefined;
599
600
  showHeader?: boolean | undefined;
600
601
  showGrabber?: boolean | undefined;
601
602
  widthThis?: string | undefined;
602
603
  headerPadding?: string | undefined;
603
604
  showClose?: boolean | undefined;
604
- customClass?: string | undefined;
605
605
  slide?: boolean | undefined;
606
606
  simple?: boolean | undefined;
607
607
  disabledTeleport?: boolean | undefined;
@@ -679,6 +679,10 @@ declare const _default: {
679
679
  required: true;
680
680
  default: boolean;
681
681
  };
682
+ customClass: {
683
+ type: import("vue").PropType<string>;
684
+ default: string;
685
+ };
682
686
  showHeader: {
683
687
  type: import("vue").PropType<boolean>;
684
688
  default: boolean;
@@ -699,10 +703,6 @@ declare const _default: {
699
703
  type: import("vue").PropType<boolean>;
700
704
  default: boolean;
701
705
  };
702
- customClass: {
703
- type: import("vue").PropType<string>;
704
- default: string;
705
- };
706
706
  slide: {
707
707
  type: import("vue").PropType<boolean>;
708
708
  default: boolean;
@@ -743,12 +743,12 @@ declare const _default: {
743
743
  }, string, {
744
744
  padding: string;
745
745
  modelValue: boolean;
746
+ customClass: string;
746
747
  showHeader: boolean;
747
748
  showGrabber: boolean;
748
749
  widthThis: string;
749
750
  headerPadding: string;
750
751
  showClose: boolean;
751
- customClass: string;
752
752
  slide: boolean;
753
753
  simple: boolean;
754
754
  disabledTeleport: boolean;
@@ -786,6 +786,10 @@ declare const _default: {
786
786
  required: true;
787
787
  default: boolean;
788
788
  };
789
+ customClass: {
790
+ type: import("vue").PropType<string>;
791
+ default: string;
792
+ };
789
793
  showHeader: {
790
794
  type: import("vue").PropType<boolean>;
791
795
  default: boolean;
@@ -806,10 +810,6 @@ declare const _default: {
806
810
  type: import("vue").PropType<boolean>;
807
811
  default: boolean;
808
812
  };
809
- customClass: {
810
- type: import("vue").PropType<string>;
811
- default: string;
812
- };
813
813
  slide: {
814
814
  type: import("vue").PropType<boolean>;
815
815
  default: boolean;
@@ -858,6 +858,10 @@ declare const _default: {
858
858
  required: true;
859
859
  default: boolean;
860
860
  };
861
+ customClass: {
862
+ type: import("vue").PropType<string>;
863
+ default: string;
864
+ };
861
865
  showHeader: {
862
866
  type: import("vue").PropType<boolean>;
863
867
  default: boolean;
@@ -878,10 +882,6 @@ declare const _default: {
878
882
  type: import("vue").PropType<boolean>;
879
883
  default: boolean;
880
884
  };
881
- customClass: {
882
- type: import("vue").PropType<string>;
883
- default: string;
884
- };
885
885
  slide: {
886
886
  type: import("vue").PropType<boolean>;
887
887
  default: boolean;
@@ -922,12 +922,12 @@ declare const _default: {
922
922
  }, string, {
923
923
  padding: string;
924
924
  modelValue: boolean;
925
+ customClass: string;
925
926
  showHeader: boolean;
926
927
  showGrabber: boolean;
927
928
  widthThis: string;
928
929
  headerPadding: string;
929
930
  showClose: boolean;
930
- customClass: string;
931
931
  slide: boolean;
932
932
  simple: boolean;
933
933
  disabledTeleport: boolean;
package/dist/components/pl-dialog/pl-dialog.vue.d.ts CHANGED
@@ -59,12 +59,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
59
59
  }, {
60
60
  padding: string;
61
61
  modelValue: boolean;
62
+ customClass: string;
62
63
  showHeader: boolean;
63
64
  showGrabber: boolean;
64
65
  widthThis: string;
65
66
  headerPadding: string;
66
67
  showClose: boolean;
67
- customClass: string;
68
68
  slide: boolean;
69
69
  simple: boolean;
70
70
  disabledTeleport: boolean;
package/dist/components/pl-scrollbar/pl-scrollbar.vue.d.ts CHANGED
@@ -31,8 +31,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
31
31
  onScroll?: ((...args: any[]) => any) | undefined;
32
32
  onWheel?: ((...args: any[]) => any) | undefined;
33
33
  }, {
34
- maxHeight: string | number;
35
34
  height: string | number;
35
+ maxHeight: string | number;
36
36
  wrapClass: string;
37
37
  viewClass: string;
38
38
  hideScrollThumb: boolean;
package/dist/pl-components-pack-v3.es.js CHANGED
@@ -5560,14 +5560,20 @@ function xA(e) {
5560
5560
  return (() => e.apply(n, t))().then((o) => {
5561
5561
  const l = document.getElementById(t[1]);
5562
5562
  if (l !== null) {
5563
- const i = l.querySelector(".loading__body");
5563
+ const i = Array.from(l.childNodes).find((u) => {
5564
+ if (u.className === "loading__body")
5565
+ return u;
5566
+ });
5564
5567
  i && l.removeChild(i);
5565
5568
  }
5566
5569
  return o;
5567
5570
  }).catch((o) => {
5568
5571
  const l = document.getElementById(t[1]);
5569
5572
  if (l !== null) {
5570
- const i = l.querySelector(".loading__body");
5573
+ const i = Array.from(l.childNodes).find((u) => {
5574
+ if (u.className === "loading__body")
5575
+ return u;
5576
+ });
5571
5577
  i && l.removeChild(i);
5572
5578
  }
5573
5579
  throw o;
@@ -28982,7 +28988,7 @@ const nH = { class: "pl-multitab-container" }, rH = {
28982
28988
  }
28983
28989
  }, lH = {
28984
28990
  class: /* @__PURE__ */ P(["pl-radio-container"])
28985
- }, sH = ["id", "value", "disabled", "onChange"], iH = { class: "pl-radio-wrapper" }, uH = /* @__PURE__ */ me({
28991
+ }, sH = ["id", "value", "disabled"], iH = ["onClick"], uH = /* @__PURE__ */ me({
28986
28992
  __name: "pl-radio",
28987
28993
  props: {
28988
28994
  size: {
@@ -29012,43 +29018,42 @@ const nH = { class: "pl-multitab-container" }, rH = {
29012
29018
  },
29013
29019
  emits: ["update:modelValue", "change"],
29014
29020
  setup(e, { emit: t }) {
29015
- const n = e, r = k(n.modelValue), o = k(n.modelValue ? n.options[0].value : ""), l = (u) => {
29016
- n.disabled || (o.value = u, t("update:modelValue", r.value), t("change", o.value));
29017
- }, i = (u, c) => {
29018
- !n.disabled && !r.value ? (o.value = u, t("update:modelValue", r.value), t("change", o.value)) : c.preventDefault();
29021
+ const n = e, r = k(n.modelValue), o = k(n.modelValue ? n.options[0].value : ""), l = (i, u) => {
29022
+ n.disabled ? u.preventDefault() : (o.value = i, t("update:modelValue", o.value), t("change", o.value));
29019
29023
  };
29020
29024
  return ge(
29021
29025
  () => n.modelValue,
29022
- (u) => {
29023
- o.value = u ? n.options[0].value : "", r.value = u;
29026
+ (i) => {
29027
+ o.value = i ? n.options[0].value : "", r.value = i;
29024
29028
  }
29025
- ), (u, c) => (T(), z("div", lH, [
29026
- (T(!0), z(Ge, null, pt(e.options, (d, v) => (T(), z("label", {
29027
- key: v,
29029
+ ), (i, u) => (T(), z("div", lH, [
29030
+ (T(!0), z(Ge, null, pt(e.options, (c, d) => (T(), z("label", {
29031
+ key: d + "pl-radio",
29028
29032
  class: P(["pl-radio", `pl-radio-${n.size}`, { "pl-radio-disabled": n.disabled }])
29029
29033
  }, [
29030
29034
  Pe($("input", {
29031
- id: "radio-" + v,
29032
- "onUpdate:modelValue": c[0] || (c[0] = (p) => o.value = p),
29035
+ id: "radio-" + d,
29036
+ "onUpdate:modelValue": u[0] || (u[0] = (v) => o.value = v),
29033
29037
  type: "radio",
29034
- value: d.value,
29035
- disabled: n.disabled,
29036
- onChange: (p) => l(d.value)
29037
- }, null, 40, sH), [
29038
+ value: c.value,
29039
+ disabled: n.disabled
29040
+ }, null, 8, sH), [
29038
29041
  [Z2, o.value]
29039
29042
  ]),
29040
- $("div", iH, [
29043
+ $("div", {
29044
+ class: "pl-radio-wrapper",
29045
+ onClick: (v) => l(c.value, v)
29046
+ }, [
29041
29047
  $("span", {
29042
29048
  class: P(["pl-radio-button", { "pl-radio-button-isChecked": o.value }])
29043
29049
  }, null, 2),
29044
- d.label ? (T(), ce(qp, {
29050
+ c.label ? (T(), ce(qp, {
29045
29051
  key: 0,
29046
- title: d.label,
29047
- description: d.description,
29048
- "is-disabled": n.disabled,
29049
- onClick: (p) => i(d.value, p)
29050
- }, null, 8, ["title", "description", "is-disabled", "onClick"])) : X("", !0)
29051
- ])
29052
+ title: c.label,
29053
+ description: c.description,
29054
+ "is-disabled": n.disabled
29055
+ }, null, 8, ["title", "description", "is-disabled"])) : X("", !0)
29056
+ ], 8, iH)
29052
29057
  ], 2))), 128))
29053
29058
  ]));
29054
29059
  }
@@ -31831,13 +31836,15 @@ const ql = /* @__PURE__ */ new Map(), LG = {
31831
31836
  return e.addEventListener("touchmove", l, { passive: !0 }), { currentHandler: o, touchMoveHandler: l };
31832
31837
  }, bm = (e, t = !1, n = !1) => {
31833
31838
  const r = document.createElement("div");
31834
- r.className = "loading__body", r.style.background = t ? "" : "rgb(255 255 255 / 80%)", r.style.height = n ? "100vh" : "", r.innerHTML += `
31839
+ r.className = "loading__body", r.style.background = t ? "" : "rgb(255 255 255 / 80%)", r.style.height = n ? "100dvh" : "", r.innerHTML += `
31835
31840
  <div class='loading__spinner-wrapper' data-testid='loading-plus'>
31836
31841
  <svg>
31837
31842
  <circle cx='18' cy='18' r='18'></circle>
31838
31843
  </svg>
31839
31844
  </div>
31840
- `, (!e.style.position || e.style.position === "static") && !n && (e.style.position = "relative"), e.appendChild(r);
31845
+ `;
31846
+ const o = window.getComputedStyle(e);
31847
+ (!o.position || o.position === "static") && !n && (e.style.position = "relative"), e.appendChild(r);
31841
31848
  }, $G = {
31842
31849
  mounted: (e, t) => {
31843
31850
  const n = t.modifiers.fullscreen ? document.body : e;