@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/components/blocks/BlockFooter.vue.d.ts.map +1 -1
- package/dist/components/blocks/BlockNav.vue.d.ts.map +1 -1
- package/dist/components/blocks/Contact.vue.d.ts +1 -1
- package/dist/components/blocks/Contact.vue.d.ts.map +1 -1
- package/dist/components/blocks/Tabs.vue.d.ts +1 -1
- package/dist/components/blocks/Tabs.vue.d.ts.map +1 -1
- package/dist/components/blocks/Team.vue.d.ts.map +1 -1
- package/dist/components/blocks/Testimonials.vue.d.ts.map +1 -1
- package/dist/index.cjs +105 -104
- package/dist/index.mjs +106 -105
- package/dist/style.css +118 -118
- package/dist/views/ExternalPreview.vue.d.ts.map +1 -1
- package/package.json +2 -3
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-
|
|
75
|
+
.container[data-v-05d5aba4] {
|
|
76
76
|
margin: 0 auto;
|
|
77
77
|
}
|
|
78
|
-
.layout-vertical[data-v-
|
|
78
|
+
.layout-vertical[data-v-05d5aba4] {
|
|
79
79
|
display: flex;
|
|
80
80
|
flex-direction: column;
|
|
81
81
|
}
|
|
82
|
-
.layout-horizontal[data-v-
|
|
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-
|
|
87
|
+
.layout-grid[data-v-05d5aba4] {
|
|
88
88
|
display: grid;
|
|
89
|
-
grid-template-columns: repeat(var(--
|
|
89
|
+
grid-template-columns: repeat(var(--f164f006), 1fr);
|
|
90
90
|
}
|
|
91
91
|
@media (max-width: 768px) {
|
|
92
|
-
.layout-grid[data-v-
|
|
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-
|
|
116
|
+
.spacer[data-v-11859d36] {
|
|
117
117
|
width: 100%;
|
|
118
118
|
}
|
|
119
119
|
|
|
120
|
-
.text-align-left[data-v-
|
|
120
|
+
.text-align-left[data-v-19fd75d2] {
|
|
121
121
|
text-align: left;
|
|
122
122
|
}
|
|
123
|
-
.text-align-center[data-v-
|
|
123
|
+
.text-align-center[data-v-19fd75d2] {
|
|
124
124
|
text-align: center;
|
|
125
125
|
}
|
|
126
|
-
.text-align-right[data-v-
|
|
126
|
+
.text-align-right[data-v-19fd75d2] {
|
|
127
127
|
text-align: right;
|
|
128
128
|
}
|
|
129
|
-
.text-align-justify[data-v-
|
|
129
|
+
.text-align-justify[data-v-19fd75d2] {
|
|
130
130
|
text-align: justify;
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
-
.title-wrapper[data-v-
|
|
133
|
+
.title-wrapper[data-v-aa7f2c92] {
|
|
134
134
|
margin-bottom: 1rem;
|
|
135
135
|
}
|
|
136
|
-
.title[data-v-
|
|
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-
|
|
140
|
+
.subtitle[data-v-aa7f2c92] {
|
|
141
141
|
margin: 0;
|
|
142
142
|
opacity: 0.8;
|
|
143
143
|
}
|
|
144
|
-
.text-align-left[data-v-
|
|
144
|
+
.text-align-left[data-v-aa7f2c92] {
|
|
145
145
|
text-align: left;
|
|
146
146
|
}
|
|
147
|
-
.text-align-center[data-v-
|
|
147
|
+
.text-align-center[data-v-aa7f2c92] {
|
|
148
148
|
text-align: center;
|
|
149
149
|
}
|
|
150
|
-
.text-align-right[data-v-
|
|
150
|
+
.text-align-right[data-v-aa7f2c92] {
|
|
151
151
|
text-align: right;
|
|
152
152
|
}
|
|
153
153
|
|
|
154
|
-
.responsive-height[data-v-
|
|
154
|
+
.responsive-height[data-v-44f7dcf0] {
|
|
155
155
|
height: var(--height-desktop);
|
|
156
156
|
}
|
|
157
|
-
.responsive-object-fit[data-v-
|
|
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-
|
|
161
|
+
.responsive-height[data-v-44f7dcf0] {
|
|
162
162
|
height: var(--height-mobile);
|
|
163
163
|
}
|
|
164
|
-
.responsive-object-fit[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
185
|
+
.menuLogo[data-v-351acf8f] {
|
|
186
186
|
width: 140px;
|
|
187
187
|
}
|
|
188
|
-
.mobileMenu[data-v-
|
|
188
|
+
.mobileMenu[data-v-351acf8f] {
|
|
189
189
|
transform: translateX(105%);
|
|
190
190
|
transition: var(--bgl-transition);
|
|
191
191
|
}
|
|
192
|
-
.openMobileMenu[data-v-
|
|
192
|
+
.openMobileMenu[data-v-351acf8f] {
|
|
193
193
|
transform: translateX(0%);
|
|
194
194
|
transition: var(--bgl-transition);
|
|
195
195
|
}
|
|
196
|
-
[dir='rtl'] .mobileMenu[data-v-
|
|
196
|
+
[dir='rtl'] .mobileMenu[data-v-351acf8f] {
|
|
197
197
|
transform: translateX(-105%);
|
|
198
198
|
}
|
|
199
|
-
[dir='rtl'] .openMobileMenu[data-v-
|
|
199
|
+
[dir='rtl'] .openMobileMenu[data-v-351acf8f] {
|
|
200
200
|
transform: translateX(0%);
|
|
201
201
|
}
|
|
202
202
|
}
|
|
203
203
|
|
|
204
|
-
.responsive-grid[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
265
|
+
.TitleSize[data-v-4be9591d] {
|
|
266
266
|
font-size: var(--MobileTitleSize);
|
|
267
267
|
}
|
|
268
|
-
.responsive-title-width[data-v-
|
|
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-
|
|
387
|
+
.responsive-spacing[data-v-452babdb] {
|
|
388
388
|
gap: var(--space-between-desktop);
|
|
389
389
|
}
|
|
390
|
-
.responsive-box-width[data-v-
|
|
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-
|
|
394
|
+
.responsive-spacing[data-v-452babdb] {
|
|
395
395
|
gap: var(--space-between-mobile);
|
|
396
396
|
}
|
|
397
|
-
.responsive-box-width[data-v-
|
|
397
|
+
.responsive-box-width[data-v-452babdb] {
|
|
398
398
|
width: var(--box-width-mobile);
|
|
399
399
|
}
|
|
400
400
|
}
|
|
401
401
|
|
|
402
|
-
.TitleSize[data-v-
|
|
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-
|
|
407
|
+
.responsive-title-width[data-v-07ff7bf0] {
|
|
408
408
|
max-width: var(--title-width-desktop);
|
|
409
409
|
}
|
|
410
|
-
.responsive-spacing[data-v-
|
|
410
|
+
.responsive-spacing[data-v-07ff7bf0] {
|
|
411
411
|
gap: var(--space-between-desktop);
|
|
412
412
|
}
|
|
413
|
-
.responsive-icon-grid[data-v-
|
|
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-
|
|
417
|
+
.TitleSize[data-v-07ff7bf0] {
|
|
418
418
|
font-size: var(--MobileTitleSize);
|
|
419
419
|
}
|
|
420
|
-
.responsive-title-width[data-v-
|
|
420
|
+
.responsive-title-width[data-v-07ff7bf0] {
|
|
421
421
|
max-width: var(--title-width-mobile);
|
|
422
422
|
}
|
|
423
|
-
.responsive-spacing[data-v-
|
|
423
|
+
.responsive-spacing[data-v-07ff7bf0] {
|
|
424
424
|
gap: var(--space-between-mobile);
|
|
425
425
|
}
|
|
426
|
-
.responsive-icon-grid[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
506
|
+
.NameSize[data-v-88b050bd] {
|
|
507
507
|
font-size: var(--NameSize);
|
|
508
508
|
}
|
|
509
|
-
.responsive-image-height[data-v-
|
|
509
|
+
.responsive-image-height[data-v-88b050bd] {
|
|
510
510
|
max-height: var(--img-height-desktop);
|
|
511
511
|
}
|
|
512
|
-
.responsive-name-size[data-v-
|
|
512
|
+
.responsive-name-size[data-v-88b050bd] {
|
|
513
513
|
font-size: var(--name-size-desktop);
|
|
514
514
|
}
|
|
515
|
-
.responsive-spacing[data-v-
|
|
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-
|
|
519
|
+
.responsive-image-height[data-v-88b050bd] {
|
|
520
520
|
max-height: var(--img-height-mobile);
|
|
521
521
|
}
|
|
522
|
-
.responsive-name-size[data-v-
|
|
522
|
+
.responsive-name-size[data-v-88b050bd] {
|
|
523
523
|
font-size: var(--name-size-mobile);
|
|
524
524
|
}
|
|
525
|
-
.responsive-spacing[data-v-
|
|
525
|
+
.responsive-spacing[data-v-88b050bd] {
|
|
526
526
|
gap: var(--space-mobile);
|
|
527
527
|
}
|
|
528
528
|
}
|
|
529
529
|
|
|
530
|
-
.responsive-image-height[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
558
|
+
.TitleSize[data-v-1a468adf] {
|
|
559
559
|
font-size: var(--MobileTitleSize);
|
|
560
560
|
}
|
|
561
|
-
.responsive-height[data-v-
|
|
561
|
+
.responsive-height[data-v-1a468adf] {
|
|
562
562
|
min-height: var(--height-mobile);
|
|
563
563
|
}
|
|
564
564
|
}
|
|
565
565
|
|
|
566
|
-
.TitleSize[data-v-
|
|
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-
|
|
572
|
+
.TitleSize[data-v-24c70320] {
|
|
573
573
|
font-size: var(--MobileTitleSize);
|
|
574
574
|
}
|
|
575
575
|
}
|
|
576
576
|
|
|
577
|
-
.TitleSize[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
739
|
-
body.blox-edit-mode .blox-block-wrapper a[data-v-
|
|
740
|
-
body.blox-edit-mode .blox-block-wrapper input[data-v-
|
|
741
|
-
body.blox-edit-mode .blox-block-wrapper textarea[data-v-
|
|
742
|
-
body.blox-edit-mode .blox-block-wrapper select[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
768
|
+
.blox-highlight .blox-block-label[data-v-7e262aee] {
|
|
769
769
|
opacity: 1;
|
|
770
770
|
background: #9ca3af;
|
|
771
771
|
}
|
|
772
|
-
.blox-highlight[data-v-
|
|
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-
|
|
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-
|
|
783
|
+
.blox-selected[data-v-7e262aee] * {
|
|
784
784
|
outline: 2px dashed #3b83f639 !important;
|
|
785
785
|
}
|
|
786
|
-
.blox-selected .blox-block-label[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
809
|
-
.block-wrapper a[data-v-
|
|
810
|
-
.block-wrapper input[data-v-
|
|
811
|
-
.block-wrapper textarea[data-v-
|
|
812
|
-
.block-wrapper select[data-v-
|
|
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-
|
|
820
|
+
.preview-mode .block-wrapper[data-v-7e262aee] * {
|
|
821
821
|
pointer-events: auto !important;
|
|
822
822
|
}
|
|
823
|
-
.highlight[data-v-
|
|
824
|
-
.editMode[data-v-
|
|
825
|
-
animation: highlighter-
|
|
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-
|
|
829
|
-
.editMode[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
859
|
-
.highlight .responsive-colors[data-v-
|
|
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-
|
|
865
|
-
.highlight .responsive-colors[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
909
|
+
.highlight .compName[data-v-7e262aee] {
|
|
910
910
|
opacity: 1 !important;
|
|
911
911
|
background: #9ca3af !important;
|
|
912
912
|
}
|
|
913
|
-
@keyframes highlighter-
|
|
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":"
|
|
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.
|
|
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.
|
|
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",
|