@bagelink/blox 1.6.47 → 1.6.51

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/style.css CHANGED
@@ -72,24 +72,24 @@
72
72
  background: rgba(59, 130, 246, 0.1);
73
73
  }
74
74
 
75
- .container[data-v-5dec5c4c] {
75
+ .container[data-v-05d5aba4] {
76
76
  margin: 0 auto;
77
77
  }
78
- .layout-vertical[data-v-5dec5c4c] {
78
+ .layout-vertical[data-v-05d5aba4] {
79
79
  display: flex;
80
80
  flex-direction: column;
81
81
  }
82
- .layout-horizontal[data-v-5dec5c4c] {
82
+ .layout-horizontal[data-v-05d5aba4] {
83
83
  display: flex;
84
84
  flex-direction: row;
85
85
  flex-wrap: wrap;
86
86
  }
87
- .layout-grid[data-v-5dec5c4c] {
87
+ .layout-grid[data-v-05d5aba4] {
88
88
  display: grid;
89
- grid-template-columns: repeat(var(--7007cebd), 1fr);
89
+ grid-template-columns: repeat(var(--f164f006), 1fr);
90
90
  }
91
91
  @media (max-width: 768px) {
92
- .layout-grid[data-v-5dec5c4c] {
92
+ .layout-grid[data-v-05d5aba4] {
93
93
  grid-template-columns: 1fr;
94
94
  }
95
95
  }
@@ -113,110 +113,110 @@
113
113
  text-align: center;
114
114
  }
115
115
 
116
- .spacer[data-v-ecdcd78a] {
116
+ .spacer[data-v-11859d36] {
117
117
  width: 100%;
118
118
  }
119
119
 
120
- .text-align-left[data-v-dc9789dc] {
120
+ .text-align-left[data-v-19fd75d2] {
121
121
  text-align: left;
122
122
  }
123
- .text-align-center[data-v-dc9789dc] {
123
+ .text-align-center[data-v-19fd75d2] {
124
124
  text-align: center;
125
125
  }
126
- .text-align-right[data-v-dc9789dc] {
126
+ .text-align-right[data-v-19fd75d2] {
127
127
  text-align: right;
128
128
  }
129
- .text-align-justify[data-v-dc9789dc] {
129
+ .text-align-justify[data-v-19fd75d2] {
130
130
  text-align: justify;
131
131
  }
132
132
 
133
- .title-wrapper[data-v-ed3182a3] {
133
+ .title-wrapper[data-v-aa7f2c92] {
134
134
  margin-bottom: 1rem;
135
135
  }
136
- .title[data-v-ed3182a3] {
136
+ .title[data-v-aa7f2c92] {
137
137
  margin: 0 0 0.5rem 0;
138
138
  line-height: 1.2;
139
139
  }
140
- .subtitle[data-v-ed3182a3] {
140
+ .subtitle[data-v-aa7f2c92] {
141
141
  margin: 0;
142
142
  opacity: 0.8;
143
143
  }
144
- .text-align-left[data-v-ed3182a3] {
144
+ .text-align-left[data-v-aa7f2c92] {
145
145
  text-align: left;
146
146
  }
147
- .text-align-center[data-v-ed3182a3] {
147
+ .text-align-center[data-v-aa7f2c92] {
148
148
  text-align: center;
149
149
  }
150
- .text-align-right[data-v-ed3182a3] {
150
+ .text-align-right[data-v-aa7f2c92] {
151
151
  text-align: right;
152
152
  }
153
153
 
154
- .responsive-height[data-v-f477cb25] {
154
+ .responsive-height[data-v-44f7dcf0] {
155
155
  height: var(--height-desktop);
156
156
  }
157
- .responsive-object-fit[data-v-f477cb25] {
157
+ .responsive-object-fit[data-v-44f7dcf0] {
158
158
  object-fit: var(--object-fit-desktop);
159
159
  }
160
160
  @media (max-width: 910px) {
161
- .responsive-height[data-v-f477cb25] {
161
+ .responsive-height[data-v-44f7dcf0] {
162
162
  height: var(--height-mobile);
163
163
  }
164
- .responsive-object-fit[data-v-f477cb25] {
164
+ .responsive-object-fit[data-v-44f7dcf0] {
165
165
  object-fit: var(--object-fit-mobile);
166
166
  }
167
167
  }
168
168
 
169
- .TitleSize[data-v-1e91c605] {
169
+ .TitleSize[data-v-13d1e7cc] {
170
170
  --TitleSize: 30;
171
171
  --MobileTitleSize: 20;
172
172
  font-size: var(--TitleSize);
173
173
  }
174
174
  @media screen and (max-width: 910px) {
175
- .TitleSize[data-v-1e91c605] {
175
+ .TitleSize[data-v-13d1e7cc] {
176
176
  font-size: var(--MobileTitleSize);
177
177
  }
178
178
  }
179
179
 
180
- .mobileMenu .router-link-active.router-link-exact-active.bgl_btn[data-v-47db1456] {
180
+ .mobileMenu .router-link-active.router-link-exact-active.bgl_btn[data-v-351acf8f] {
181
181
  border-bottom: 1px solid var(--bgl-white);
182
182
  font-weight: 800;
183
183
  }
184
184
  @media screen and (max-width: 910px) {
185
- .menuLogo[data-v-47db1456] {
185
+ .menuLogo[data-v-351acf8f] {
186
186
  width: 140px;
187
187
  }
188
- .mobileMenu[data-v-47db1456] {
188
+ .mobileMenu[data-v-351acf8f] {
189
189
  transform: translateX(105%);
190
190
  transition: var(--bgl-transition);
191
191
  }
192
- .openMobileMenu[data-v-47db1456] {
192
+ .openMobileMenu[data-v-351acf8f] {
193
193
  transform: translateX(0%);
194
194
  transition: var(--bgl-transition);
195
195
  }
196
- [dir='rtl'] .mobileMenu[data-v-47db1456] {
196
+ [dir='rtl'] .mobileMenu[data-v-351acf8f] {
197
197
  transform: translateX(-105%);
198
198
  }
199
- [dir='rtl'] .openMobileMenu[data-v-47db1456] {
199
+ [dir='rtl'] .openMobileMenu[data-v-351acf8f] {
200
200
  transform: translateX(0%);
201
201
  }
202
202
  }
203
203
 
204
- .responsive-grid[data-v-1366e471] {
204
+ .responsive-grid[data-v-ede9e3db] {
205
205
  grid-template-columns: repeat(var(--desktop-columns), 1fr);
206
206
  }
207
207
  @media (max-width: 910px) {
208
- .responsive-grid[data-v-1366e471] {
208
+ .responsive-grid[data-v-ede9e3db] {
209
209
  grid-template-columns: repeat(var(--mobile-columns), 1fr);
210
210
  }
211
211
  }
212
212
 
213
- .TitleSize[data-v-e69f38e8] {
213
+ .TitleSize[data-v-6600c2c0] {
214
214
  --TitleSize: 40;
215
215
  --MobileTitleSize: 30;
216
216
  font-size: var(--TitleSize);
217
217
  }
218
218
  @media screen and (max-width: 910px) {
219
- .TitleSize[data-v-e69f38e8] {
219
+ .TitleSize[data-v-6600c2c0] {
220
220
  font-size: var(--MobileTitleSize);
221
221
  }
222
222
  }
@@ -225,13 +225,13 @@
225
225
  cursor: pointer;
226
226
  }
227
227
 
228
- .TitleSize[data-v-d3582027] {
228
+ .TitleSize[data-v-639daae0] {
229
229
  --TitleSize: 40;
230
230
  --MobileTitleSize: 30;
231
231
  font-size: var(--TitleSize);
232
232
  }
233
233
  @media (max-width: 910px) {
234
- .TitleSize[data-v-d3582027] {
234
+ .TitleSize[data-v-639daae0] {
235
235
  font-size: var(--MobileTitleSize);
236
236
  }
237
237
  }
@@ -253,19 +253,19 @@
253
253
  padding: 1rem;
254
254
  }
255
255
 
256
- .TitleSize[data-v-02520023] {
256
+ .TitleSize[data-v-4be9591d] {
257
257
  --TitleSize: 40;
258
258
  --MobileTitleSize: 30;
259
259
  font-size: var(--TitleSize);
260
260
  }
261
- .responsive-title-width[data-v-02520023] {
261
+ .responsive-title-width[data-v-4be9591d] {
262
262
  max-width: var(--title-width-desktop);
263
263
  }
264
264
  @media (max-width: 910px) {
265
- .TitleSize[data-v-02520023] {
265
+ .TitleSize[data-v-4be9591d] {
266
266
  font-size: var(--MobileTitleSize);
267
267
  }
268
- .responsive-title-width[data-v-02520023] {
268
+ .responsive-title-width[data-v-4be9591d] {
269
269
  max-width: var(--title-width-mobile);
270
270
  }
271
271
  }
@@ -384,46 +384,46 @@
384
384
  }
385
385
  }
386
386
 
387
- .responsive-spacing[data-v-d50f8e1c] {
387
+ .responsive-spacing[data-v-452babdb] {
388
388
  gap: var(--space-between-desktop);
389
389
  }
390
- .responsive-box-width[data-v-d50f8e1c] {
390
+ .responsive-box-width[data-v-452babdb] {
391
391
  width: var(--box-width-desktop);
392
392
  }
393
393
  @media (max-width: 910px) {
394
- .responsive-spacing[data-v-d50f8e1c] {
394
+ .responsive-spacing[data-v-452babdb] {
395
395
  gap: var(--space-between-mobile);
396
396
  }
397
- .responsive-box-width[data-v-d50f8e1c] {
397
+ .responsive-box-width[data-v-452babdb] {
398
398
  width: var(--box-width-mobile);
399
399
  }
400
400
  }
401
401
 
402
- .TitleSize[data-v-4db7504d] {
402
+ .TitleSize[data-v-07ff7bf0] {
403
403
  --TitleSize: 40;
404
404
  --MobileTitleSize: 30;
405
405
  font-size: var(--TitleSize);
406
406
  }
407
- .responsive-title-width[data-v-4db7504d] {
407
+ .responsive-title-width[data-v-07ff7bf0] {
408
408
  max-width: var(--title-width-desktop);
409
409
  }
410
- .responsive-spacing[data-v-4db7504d] {
410
+ .responsive-spacing[data-v-07ff7bf0] {
411
411
  gap: var(--space-between-desktop);
412
412
  }
413
- .responsive-icon-grid[data-v-4db7504d] {
413
+ .responsive-icon-grid[data-v-07ff7bf0] {
414
414
  grid-template-columns: var(--icon-size-desktop) auto;
415
415
  }
416
416
  @media (max-width: 910px) {
417
- .TitleSize[data-v-4db7504d] {
417
+ .TitleSize[data-v-07ff7bf0] {
418
418
  font-size: var(--MobileTitleSize);
419
419
  }
420
- .responsive-title-width[data-v-4db7504d] {
420
+ .responsive-title-width[data-v-07ff7bf0] {
421
421
  max-width: var(--title-width-mobile);
422
422
  }
423
- .responsive-spacing[data-v-4db7504d] {
423
+ .responsive-spacing[data-v-07ff7bf0] {
424
424
  gap: var(--space-between-mobile);
425
425
  }
426
- .responsive-icon-grid[data-v-4db7504d] {
426
+ .responsive-icon-grid[data-v-07ff7bf0] {
427
427
  grid-template-columns: var(--icon-size-mobile) auto;
428
428
  }
429
429
  }
@@ -487,12 +487,12 @@
487
487
  }
488
488
  }
489
489
 
490
- .responsive-space[data-v-5314b970] {
490
+ .responsive-space[data-v-8702adbf] {
491
491
  height: var(--desktop-height);
492
492
  margin-bottom: var(--desktop-margin);
493
493
  }
494
494
  @media (max-width: 910px) {
495
- .responsive-space[data-v-5314b970] {
495
+ .responsive-space[data-v-8702adbf] {
496
496
  height: var(--mobile-height);
497
497
  margin-bottom: var(--mobile-margin);
498
498
  }
@@ -503,35 +503,35 @@
503
503
  color: var(--bgl-popup-bgText) !important;
504
504
  }
505
505
 
506
- .NameSize[data-v-6c3ee054] {
506
+ .NameSize[data-v-88b050bd] {
507
507
  font-size: var(--NameSize);
508
508
  }
509
- .responsive-image-height[data-v-6c3ee054] {
509
+ .responsive-image-height[data-v-88b050bd] {
510
510
  max-height: var(--img-height-desktop);
511
511
  }
512
- .responsive-name-size[data-v-6c3ee054] {
512
+ .responsive-name-size[data-v-88b050bd] {
513
513
  font-size: var(--name-size-desktop);
514
514
  }
515
- .responsive-spacing[data-v-6c3ee054] {
515
+ .responsive-spacing[data-v-88b050bd] {
516
516
  gap: var(--space-desktop);
517
517
  }
518
518
  @media (max-width: 910px) {
519
- .responsive-image-height[data-v-6c3ee054] {
519
+ .responsive-image-height[data-v-88b050bd] {
520
520
  max-height: var(--img-height-mobile);
521
521
  }
522
- .responsive-name-size[data-v-6c3ee054] {
522
+ .responsive-name-size[data-v-88b050bd] {
523
523
  font-size: var(--name-size-mobile);
524
524
  }
525
- .responsive-spacing[data-v-6c3ee054] {
525
+ .responsive-spacing[data-v-88b050bd] {
526
526
  gap: var(--space-mobile);
527
527
  }
528
528
  }
529
529
 
530
- .responsive-image-height[data-v-5e13045f] {
530
+ .responsive-image-height[data-v-f5cdbfee] {
531
531
  max-height: var(--img-height-desktop);
532
532
  }
533
533
  @media (max-width: 910px) {
534
- .responsive-image-height[data-v-5e13045f] {
534
+ .responsive-image-height[data-v-f5cdbfee] {
535
535
  max-height: var(--img-height-mobile);
536
536
  }
537
537
  }
@@ -546,47 +546,47 @@
546
546
  top: calc(50% - 2rem);
547
547
  }
548
548
 
549
- .TitleSize[data-v-5805ce4c] {
549
+ .TitleSize[data-v-1a468adf] {
550
550
  --TitleSize: 40;
551
551
  --MobileTitleSize: 30;
552
552
  font-size: var(--TitleSize);
553
553
  }
554
- .responsive-height[data-v-5805ce4c] {
554
+ .responsive-height[data-v-1a468adf] {
555
555
  min-height: var(--height-desktop);
556
556
  }
557
557
  @media screen and (max-width: 910px) {
558
- .TitleSize[data-v-5805ce4c] {
558
+ .TitleSize[data-v-1a468adf] {
559
559
  font-size: var(--MobileTitleSize);
560
560
  }
561
- .responsive-height[data-v-5805ce4c] {
561
+ .responsive-height[data-v-1a468adf] {
562
562
  min-height: var(--height-mobile);
563
563
  }
564
564
  }
565
565
 
566
- .TitleSize[data-v-b41cbbd0] {
566
+ .TitleSize[data-v-24c70320] {
567
567
  --TitleSize: 40;
568
568
  --MobileTitleSize: 30;
569
569
  font-size: var(--TitleSize);
570
570
  }
571
571
  @media screen and (max-width: 910px) {
572
- .TitleSize[data-v-b41cbbd0] {
572
+ .TitleSize[data-v-24c70320] {
573
573
  font-size: var(--MobileTitleSize);
574
574
  }
575
575
  }
576
576
 
577
- .TitleSize[data-v-daf38b34] {
577
+ .TitleSize[data-v-bee838c4] {
578
578
  --TitleSize: 40;
579
579
  --MobileTitleSize: 30;
580
580
  font-size: var(--TitleSize);
581
581
  }
582
582
  @media screen and (max-width: 910px) {
583
- .TitleSize[data-v-daf38b34] {
583
+ .TitleSize[data-v-bee838c4] {
584
584
  font-size: var(--MobileTitleSize);
585
585
  }
586
586
  }
587
587
 
588
588
  /* Responsive colors using CSS variables */
589
- .title-responsive-colors[data-v-daf38b34] {
589
+ .title-responsive-colors[data-v-bee838c4] {
590
590
  /* Desktop colors (default) */
591
591
  color: var(--text-color-desktop) !important;
592
592
  background-color: var(--bg-color-desktop) !important;
@@ -594,19 +594,19 @@
594
594
 
595
595
  /* Mobile override */
596
596
  @media (max-width: 910px) {
597
- .title-responsive-colors[data-v-daf38b34] {
597
+ .title-responsive-colors[data-v-bee838c4] {
598
598
  color: var(--text-color-mobile) !important;
599
599
  background-color: var(--bg-color-mobile) !important;
600
600
  }
601
601
  }
602
602
 
603
- .TitleSize[data-v-fb975aa5] {
603
+ .TitleSize[data-v-b842227e] {
604
604
  --TitleSize: 40;
605
605
  --MobileTitleSize: 30;
606
606
  font-size: var(--TitleSize);
607
607
  }
608
608
  @media screen and (max-width: 910px) {
609
- .TitleSize[data-v-fb975aa5] {
609
+ .TitleSize[data-v-b842227e] {
610
610
  font-size: var(--MobileTitleSize);
611
611
  }
612
612
  }
@@ -694,7 +694,7 @@ body.blox-edit-mode .blox-selected>div::after {
694
694
  }
695
695
 
696
696
  /* Loading state */
697
- .blox-loading[data-v-fa049ec1] {
697
+ .blox-loading[data-v-7e262aee] {
698
698
  display: flex;
699
699
  align-items: center;
700
700
  justify-content: center;
@@ -704,7 +704,7 @@ body.blox-edit-mode .blox-selected>div::after {
704
704
  }
705
705
 
706
706
  /* Empty states */
707
- .blox-empty-state[data-v-fa049ec1] {
707
+ .blox-empty-state[data-v-7e262aee] {
708
708
  display: flex;
709
709
  align-items: center;
710
710
  justify-content: center;
@@ -714,39 +714,39 @@ body.blox-edit-mode .blox-selected>div::after {
714
714
  color: #666;
715
715
  padding: 2rem;
716
716
  }
717
- .blox-empty-preview[data-v-fa049ec1] {
717
+ .blox-empty-preview[data-v-7e262aee] {
718
718
  min-height: 100vh;
719
719
  background: #fff;
720
720
  }
721
721
 
722
722
  /* Block wrapper */
723
- .blox-block-wrapper[data-v-fa049ec1] {
723
+ .blox-block-wrapper[data-v-7e262aee] {
724
724
  position: relative;
725
725
  cursor: pointer;
726
726
  }
727
727
 
728
728
  /* Interactive elements should be clickable in preview mode */
729
- .blox-preview-mode .blox-block-wrapper[data-v-fa049ec1] * {
729
+ .blox-preview-mode .blox-block-wrapper[data-v-7e262aee] * {
730
730
  pointer-events: auto !important;
731
731
  cursor: auto;
732
732
  }
733
733
 
734
734
  /* In edit mode, prevent interactions with inner elements except buttons/links */
735
- body.blox-edit-mode .blox-block-wrapper[data-v-fa049ec1] * {
735
+ body.blox-edit-mode .blox-block-wrapper[data-v-7e262aee] * {
736
736
  pointer-events: none;
737
737
  }
738
- body.blox-edit-mode .blox-block-wrapper button[data-v-fa049ec1],
739
- body.blox-edit-mode .blox-block-wrapper a[data-v-fa049ec1],
740
- body.blox-edit-mode .blox-block-wrapper input[data-v-fa049ec1],
741
- body.blox-edit-mode .blox-block-wrapper textarea[data-v-fa049ec1],
742
- body.blox-edit-mode .blox-block-wrapper select[data-v-fa049ec1] {
738
+ body.blox-edit-mode .blox-block-wrapper button[data-v-7e262aee],
739
+ body.blox-edit-mode .blox-block-wrapper a[data-v-7e262aee],
740
+ body.blox-edit-mode .blox-block-wrapper input[data-v-7e262aee],
741
+ body.blox-edit-mode .blox-block-wrapper textarea[data-v-7e262aee],
742
+ body.blox-edit-mode .blox-block-wrapper select[data-v-7e262aee] {
743
743
  pointer-events: auto;
744
744
  position: relative;
745
745
  z-index: 10;
746
746
  }
747
747
 
748
748
  /* Block label */
749
- .blox-block-label[data-v-fa049ec1] {
749
+ .blox-block-label[data-v-7e262aee] {
750
750
  position: absolute;
751
751
  top: 0;
752
752
  left: 0;
@@ -761,35 +761,35 @@ body.blox-edit-mode .blox-block-wrapper select[data-v-fa049ec1] {
761
761
  }
762
762
 
763
763
  /* Highlight state */
764
- .blox-highlight[data-v-fa049ec1] {
764
+ .blox-highlight[data-v-7e262aee] {
765
765
  outline: 1px solid #9ca3af;
766
766
  outline-offset: -1px;
767
767
  }
768
- .blox-highlight .blox-block-label[data-v-fa049ec1] {
768
+ .blox-highlight .blox-block-label[data-v-7e262aee] {
769
769
  opacity: 1;
770
770
  background: #9ca3af;
771
771
  }
772
- .blox-highlight[data-v-fa049ec1] * {
772
+ .blox-highlight[data-v-7e262aee] * {
773
773
  outline: 1px dashed #9ca3af;
774
774
  }
775
775
 
776
776
  /* Selected state */
777
- .blox-selected[data-v-fa049ec1] {
777
+ .blox-selected[data-v-7e262aee] {
778
778
  background: rgba(88, 191, 235, 0.08) !important;
779
779
  outline: 2px solid #3b82f6 !important;
780
780
  outline-offset: -2px;
781
781
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
782
782
  }
783
- .blox-selected[data-v-fa049ec1] * {
783
+ .blox-selected[data-v-7e262aee] * {
784
784
  outline: 2px dashed #3b83f639 !important;
785
785
  }
786
- .blox-selected .blox-block-label[data-v-fa049ec1] {
786
+ .blox-selected .blox-block-label[data-v-7e262aee] {
787
787
  opacity: 1;
788
788
  background: #3b82f6;
789
789
  }
790
790
 
791
791
  /* Missing component warning */
792
- .blox-missing-component[data-v-fa049ec1] {
792
+ .blox-missing-component[data-v-7e262aee] {
793
793
  padding: 2rem;
794
794
  background: #fef3c7;
795
795
  border: 2px dashed #f59e0b;
@@ -800,16 +800,16 @@ body.blox-edit-mode .blox-block-wrapper select[data-v-fa049ec1] {
800
800
  }
801
801
 
802
802
  /* Block overlay for click detection - but allow buttons to work */
803
- .block-overlay[data-v-fa049ec1] {
803
+ .block-overlay[data-v-7e262aee] {
804
804
  pointer-events: none;
805
805
  }
806
806
 
807
807
  /* Allow interactive elements to receive events */
808
- .block-wrapper button[data-v-fa049ec1],
809
- .block-wrapper a[data-v-fa049ec1],
810
- .block-wrapper input[data-v-fa049ec1],
811
- .block-wrapper textarea[data-v-fa049ec1],
812
- .block-wrapper select[data-v-fa049ec1] {
808
+ .block-wrapper button[data-v-7e262aee],
809
+ .block-wrapper a[data-v-7e262aee],
810
+ .block-wrapper input[data-v-7e262aee],
811
+ .block-wrapper textarea[data-v-7e262aee],
812
+ .block-wrapper select[data-v-7e262aee] {
813
813
  pointer-events: auto;
814
814
  position: relative;
815
815
  z-index: 10;
@@ -817,16 +817,16 @@ body.blox-edit-mode .blox-block-wrapper select[data-v-fa049ec1] {
817
817
 
818
818
  /* Remove all pointer-events CSS - handle only via JavaScript */
819
819
  /* In preview mode, ensure all interactions work */
820
- .preview-mode .block-wrapper[data-v-fa049ec1] * {
820
+ .preview-mode .block-wrapper[data-v-7e262aee] * {
821
821
  pointer-events: auto !important;
822
822
  }
823
- .highlight[data-v-fa049ec1],
824
- .editMode[data-v-fa049ec1]:hover {
825
- animation: highlighter-fa049ec1 1.5s ease-in-out forwards;
823
+ .highlight[data-v-7e262aee],
824
+ .editMode[data-v-7e262aee]:hover {
825
+ animation: highlighter-7e262aee 1.5s ease-in-out forwards;
826
826
  background: #9ca3af20;
827
827
  }
828
- .highlight[data-v-fa049ec1],
829
- .editMode[data-v-fa049ec1]:hover::after {
828
+ .highlight[data-v-7e262aee],
829
+ .editMode[data-v-7e262aee]:hover::after {
830
830
  content: '';
831
831
  position: absolute;
832
832
  inset: 0;
@@ -834,12 +834,12 @@ body.blox-edit-mode .blox-block-wrapper select[data-v-fa049ec1] {
834
834
  outline-offset: -1px;
835
835
  /* z-index: 9999; */
836
836
  }
837
- .selected[data-v-fa049ec1] {
837
+ .selected[data-v-7e262aee] {
838
838
  background: #58bfeb15 !important;
839
839
  animation: none !important;
840
840
  box-shadow: 0 0 0 4px rgba(88, 191, 235, 0.1);
841
841
  }
842
- .selected[data-v-fa049ec1]::after {
842
+ .selected[data-v-7e262aee]::after {
843
843
  outline: 2px solid var(--bgl-primary) !important;
844
844
  outline-offset: -2px !important;
845
845
  content: '';
@@ -850,19 +850,19 @@ body.blox-edit-mode .blox-block-wrapper select[data-v-fa049ec1] {
850
850
  }
851
851
 
852
852
  /* Padding visualization - show as inner area */
853
- .selected[data-v-fa049ec1] {
853
+ .selected[data-v-7e262aee] {
854
854
  position: relative;
855
855
  }
856
856
 
857
857
  /* Create a wrapper for margin visualization */
858
- .selected .responsive-colors[data-v-fa049ec1],
859
- .highlight .responsive-colors[data-v-fa049ec1] {
858
+ .selected .responsive-colors[data-v-7e262aee],
859
+ .highlight .responsive-colors[data-v-7e262aee] {
860
860
  position: relative;
861
861
  }
862
862
 
863
863
  /* Margin visualization using ::before */
864
- .selected .responsive-colors[data-v-fa049ec1]::after,
865
- .highlight .responsive-colors[data-v-fa049ec1]::after {
864
+ .selected .responsive-colors[data-v-7e262aee]::after,
865
+ .highlight .responsive-colors[data-v-7e262aee]::after {
866
866
  content: '';
867
867
  position: absolute;
868
868
  pointer-events: none;
@@ -884,33 +884,33 @@ body.blox-edit-mode .blox-block-wrapper select[data-v-fa049ec1] {
884
884
  /* Only show if there's actual margin */
885
885
  display: var(--has-margin, none);
886
886
  }
887
- .selected .compName[data-v-fa049ec1] {
887
+ .selected .compName[data-v-7e262aee] {
888
888
  background: var(--bgl-primary) !important;
889
889
  opacity: 1 !important;
890
890
  }
891
891
 
892
892
  /* Override hover styles when element is selected */
893
- .selected.highlight .compName[data-v-fa049ec1] {
893
+ .selected.highlight .compName[data-v-7e262aee] {
894
894
  background: var(--bgl-primary) !important;
895
895
  }
896
896
 
897
897
  /* Preview mode styles */
898
- .preview-mode .block-wrapper[data-v-fa049ec1] {
898
+ .preview-mode .block-wrapper[data-v-7e262aee] {
899
899
  /* Remove pointer events and styling in preview mode */
900
900
  pointer-events: auto !important;
901
901
  }
902
- .compName[data-v-fa049ec1] {
902
+ .compName[data-v-7e262aee] {
903
903
  opacity: 0;
904
904
  background: var(--bgl-primary);
905
905
  /* border-top-left-radius: 5px; */
906
906
  border-bottom-right-radius: 5px;
907
907
  z-index: 10001;
908
908
  }
909
- .highlight .compName[data-v-fa049ec1] {
909
+ .highlight .compName[data-v-7e262aee] {
910
910
  opacity: 1 !important;
911
911
  background: #9ca3af !important;
912
912
  }
913
- @keyframes highlighter-fa049ec1 {
913
+ @keyframes highlighter-7e262aee {
914
914
  to {
915
915
  background: #9ca3af00;
916
916
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ExternalPreview.vue.d.ts","sourceRoot":"","sources":["../../src/views/ExternalPreview.vue"],"names":[],"mappings":"AA2oBA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,eAAe,CAAA;AAQ5D,UAAU,KAAK;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,gBAAgB,CAAC,EAAE,GAAG,EAAE,CAAA;CACxB;;YAHS,MAAM;sBAEI,GAAG,EAAE;;AA2ZzB,wBAQG"}
1
+ {"version":3,"file":"ExternalPreview.vue.d.ts","sourceRoot":"","sources":["../../src/views/ExternalPreview.vue"],"names":[],"mappings":"AA0oBA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,eAAe,CAAA;AAQ5D,UAAU,KAAK;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,gBAAgB,CAAC,EAAE,GAAG,EAAE,CAAA;CACxB;;YAHS,MAAM;sBAEI,GAAG,EAAE;;AA0ZzB,wBAQG"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/blox",
3
3
  "type": "module",
4
- "version": "1.6.47",
4
+ "version": "1.6.51",
5
5
  "description": "Blox page builder library for drag-and-drop page building and static data management",
6
6
  "author": {
7
7
  "name": "Bagel Studio",
@@ -76,11 +76,10 @@
76
76
  "peerDependencies": {
77
77
  "vue": "^3.3.0",
78
78
  "vue-router": "^4.0.0",
79
- "@bagelink/vue": "1.6.47"
79
+ "@bagelink/vue": "1.6.51"
80
80
  },
81
81
  "devDependencies": {
82
82
  "@vitejs/plugin-vue": "^5.0.0",
83
- "@vue-macros/reactivity-transform": "^1.1.6",
84
83
  "typescript": "^5.8.3",
85
84
  "vite": "^5.0.0",
86
85
  "vite-plugin-dts": "^4.0.0",