@bagelink/blox 1.5.13 → 1.5.17
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/README.md +105 -1
- package/config/baseComponents.ts +307 -285
- package/dist/blox.css +19 -19
- package/dist/config/baseComponents.d.ts +12 -2
- package/dist/config/baseComponents.d.ts.map +1 -1
- package/dist/example-setup.d.ts +1 -0
- package/dist/example-setup.d.ts.map +1 -0
- package/dist/index.cjs +555 -366
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +548 -367
- package/dist/setup.d.ts +113 -5
- package/dist/setup.d.ts.map +1 -1
- package/dist/styles.d.ts +8 -0
- package/dist/styles.d.ts.map +1 -0
- package/dist/views/ExternalPreview.vue.d.ts.map +1 -1
- package/dist/views/RenderPage.vue.d.ts.map +1 -1
- package/index.ts +15 -5
- package/package.json +4 -2
- package/setup.ts +431 -15
- package/views/ExternalPreview.vue +7 -12
- package/views/RenderPage.vue +2 -2
package/dist/blox.css
CHANGED
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
/* Loading state */
|
|
164
|
-
.blox-loading[data-v-
|
|
164
|
+
.blox-loading[data-v-2fc74f90] {
|
|
165
165
|
display: flex;
|
|
166
166
|
align-items: center;
|
|
167
167
|
justify-content: center;
|
|
@@ -171,7 +171,7 @@
|
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
/* Empty states */
|
|
174
|
-
.blox-empty-state[data-v-
|
|
174
|
+
.blox-empty-state[data-v-2fc74f90] {
|
|
175
175
|
display: flex;
|
|
176
176
|
align-items: center;
|
|
177
177
|
justify-content: center;
|
|
@@ -181,18 +181,18 @@
|
|
|
181
181
|
color: #666;
|
|
182
182
|
padding: 2rem;
|
|
183
183
|
}
|
|
184
|
-
.blox-empty-preview[data-v-
|
|
184
|
+
.blox-empty-preview[data-v-2fc74f90] {
|
|
185
185
|
min-height: 100vh;
|
|
186
186
|
background: #fff;
|
|
187
187
|
}
|
|
188
188
|
|
|
189
189
|
/* Block wrapper */
|
|
190
|
-
.blox-block-wrapper[data-v-
|
|
190
|
+
.blox-block-wrapper[data-v-2fc74f90] {
|
|
191
191
|
position: relative;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
194
|
/* Block overlay for click detection */
|
|
195
|
-
.blox-block-overlay[data-v-
|
|
195
|
+
.blox-block-overlay[data-v-2fc74f90] {
|
|
196
196
|
position: absolute;
|
|
197
197
|
inset: 0;
|
|
198
198
|
pointer-events: none;
|
|
@@ -200,23 +200,23 @@
|
|
|
200
200
|
}
|
|
201
201
|
|
|
202
202
|
/* Interactive elements should be clickable */
|
|
203
|
-
.blox-block-wrapper button[data-v-
|
|
204
|
-
.blox-block-wrapper a[data-v-
|
|
205
|
-
.blox-block-wrapper input[data-v-
|
|
206
|
-
.blox-block-wrapper textarea[data-v-
|
|
207
|
-
.blox-block-wrapper select[data-v-
|
|
203
|
+
.blox-block-wrapper button[data-v-2fc74f90],
|
|
204
|
+
.blox-block-wrapper a[data-v-2fc74f90],
|
|
205
|
+
.blox-block-wrapper input[data-v-2fc74f90],
|
|
206
|
+
.blox-block-wrapper textarea[data-v-2fc74f90],
|
|
207
|
+
.blox-block-wrapper select[data-v-2fc74f90] {
|
|
208
208
|
pointer-events: auto;
|
|
209
209
|
position: relative;
|
|
210
210
|
z-index: 10;
|
|
211
211
|
}
|
|
212
212
|
|
|
213
213
|
/* Preview mode - all interactions work */
|
|
214
|
-
.blox-preview-mode .blox-block-wrapper[data-v-
|
|
214
|
+
.blox-preview-mode .blox-block-wrapper[data-v-2fc74f90] * {
|
|
215
215
|
pointer-events: auto !important;
|
|
216
216
|
}
|
|
217
217
|
|
|
218
218
|
/* Block label */
|
|
219
|
-
.blox-block-label[data-v-
|
|
219
|
+
.blox-block-label[data-v-2fc74f90] {
|
|
220
220
|
position: absolute;
|
|
221
221
|
top: 0;
|
|
222
222
|
left: 0;
|
|
@@ -231,30 +231,30 @@
|
|
|
231
231
|
}
|
|
232
232
|
|
|
233
233
|
/* Highlight state */
|
|
234
|
-
.blox-highlight[data-v-
|
|
234
|
+
.blox-highlight[data-v-2fc74f90] {
|
|
235
235
|
background: rgba(156, 163, 175, 0.1);
|
|
236
236
|
outline: 1px solid #9ca3af;
|
|
237
237
|
outline-offset: -1px;
|
|
238
238
|
}
|
|
239
|
-
.blox-highlight .blox-block-label[data-v-
|
|
239
|
+
.blox-highlight .blox-block-label[data-v-2fc74f90] {
|
|
240
240
|
opacity: 1;
|
|
241
241
|
background: #9ca3af;
|
|
242
242
|
}
|
|
243
243
|
|
|
244
244
|
/* Selected state */
|
|
245
|
-
.blox-selected[data-v-
|
|
245
|
+
.blox-selected[data-v-2fc74f90] {
|
|
246
246
|
background: rgba(88, 191, 235, 0.08) !important;
|
|
247
247
|
outline: 2px solid #3b82f6 !important;
|
|
248
248
|
outline-offset: -2px;
|
|
249
249
|
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
|
|
250
250
|
}
|
|
251
|
-
.blox-selected .blox-block-label[data-v-
|
|
251
|
+
.blox-selected .blox-block-label[data-v-2fc74f90] {
|
|
252
252
|
opacity: 1;
|
|
253
253
|
background: #3b82f6;
|
|
254
254
|
}
|
|
255
255
|
|
|
256
256
|
/* Missing component warning */
|
|
257
|
-
.blox-missing-component[data-v-
|
|
257
|
+
.blox-missing-component[data-v-2fc74f90] {
|
|
258
258
|
padding: 2rem;
|
|
259
259
|
background: #fef3c7;
|
|
260
260
|
border: 2px dashed #f59e0b;
|
|
@@ -274,7 +274,7 @@
|
|
|
274
274
|
}
|
|
275
275
|
|
|
276
276
|
/* Loading state */
|
|
277
|
-
.blox-loading[data-v-
|
|
277
|
+
.blox-loading[data-v-bd9da6cc] {
|
|
278
278
|
display: flex;
|
|
279
279
|
align-items: center;
|
|
280
280
|
justify-content: center;
|
|
@@ -284,7 +284,7 @@
|
|
|
284
284
|
}
|
|
285
285
|
|
|
286
286
|
/* Missing component warning */
|
|
287
|
-
.blox-missing-component[data-v-
|
|
287
|
+
.blox-missing-component[data-v-bd9da6cc] {
|
|
288
288
|
padding: 2rem;
|
|
289
289
|
background: #fee;
|
|
290
290
|
border: 2px solid #faa;
|
|
@@ -20,12 +20,22 @@ export interface ComponentConfig {
|
|
|
20
20
|
icon: string;
|
|
21
21
|
img?: string;
|
|
22
22
|
order?: number;
|
|
23
|
-
component: ComponentConstructor;
|
|
23
|
+
component: ComponentConstructor | (() => Promise<any>);
|
|
24
24
|
content?: ComponentSchema[];
|
|
25
25
|
settings?: ComponentSchema[];
|
|
26
|
+
category?: string;
|
|
26
27
|
}
|
|
27
28
|
/**
|
|
28
|
-
*
|
|
29
|
+
* Individual component configurations for easy importing
|
|
30
|
+
*/
|
|
31
|
+
export declare const TextConfig: ComponentConfig;
|
|
32
|
+
export declare const TitleConfig: ComponentConfig;
|
|
33
|
+
export declare const ButtonConfig: ComponentConfig;
|
|
34
|
+
export declare const ImageConfig: ComponentConfig;
|
|
35
|
+
export declare const SpacerConfig: ComponentConfig;
|
|
36
|
+
export declare const ContainerConfig: ComponentConfig;
|
|
37
|
+
/**
|
|
38
|
+
* Base component configurations array
|
|
29
39
|
*/
|
|
30
40
|
export declare const baseComponentConfigs: ComponentConfig[];
|
|
31
41
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baseComponents.d.ts","sourceRoot":"","sources":["../../config/baseComponents.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAUzD,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAA;IACnG,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB;AAED,MAAM,WAAW,eAAe;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"baseComponents.d.ts","sourceRoot":"","sources":["../../config/baseComponents.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAUzD,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAA;IACnG,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB;AAED,MAAM,WAAW,eAAe;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,oBAAoB,GAAG,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,CAAA;IACtD,OAAO,CAAC,EAAE,eAAe,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,eA2CxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,eAsDzB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAyE1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,eA4DzB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAgB1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,eAqC7B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAAe,EAOjD,CAAA;AAED;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,eAAe,EAAE,CAE3D;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAE9E"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=example-setup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"example-setup.d.ts","sourceRoot":"","sources":["../example-setup.ts"],"names":[],"mappings":"AAeA,OAAO,8BAA8B,CAAA"}
|