@innovastudio/contentbuilder 1.3.85 → 1.3.86
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/package.json
CHANGED
|
@@ -7212,6 +7212,167 @@ class Util {
|
|
|
7212
7212
|
return html;
|
|
7213
7213
|
}
|
|
7214
7214
|
|
|
7215
|
+
getPageTemplate(framework) {
|
|
7216
|
+
let pageTemplate = '';
|
|
7217
|
+
|
|
7218
|
+
if (framework === '') {
|
|
7219
|
+
pageTemplate = `
|
|
7220
|
+
<!DOCTYPE html>
|
|
7221
|
+
<html lang="en">
|
|
7222
|
+
<head>
|
|
7223
|
+
<meta charset="utf-8">
|
|
7224
|
+
<title>Page</title>
|
|
7225
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7226
|
+
<meta name="description" content="">
|
|
7227
|
+
<link rel="shortcut icon" href="#" />
|
|
7228
|
+
|
|
7229
|
+
<link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
|
|
7230
|
+
|
|
7231
|
+
<link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
|
|
7232
|
+
<link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
|
|
7233
|
+
<script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
|
|
7234
|
+
|
|
7235
|
+
<style>
|
|
7236
|
+
.container {
|
|
7237
|
+
margin: 150px auto 0;
|
|
7238
|
+
max-width: 800px;
|
|
7239
|
+
width: 100%;
|
|
7240
|
+
padding: 0 20px;
|
|
7241
|
+
box-sizing: border-box;
|
|
7242
|
+
}
|
|
7243
|
+
</style>
|
|
7244
|
+
</head>
|
|
7245
|
+
<body>
|
|
7246
|
+
|
|
7247
|
+
<div class="container">
|
|
7248
|
+
[%CONTENT%]
|
|
7249
|
+
</div>
|
|
7250
|
+
|
|
7251
|
+
</body>
|
|
7252
|
+
</html>
|
|
7253
|
+
`;
|
|
7254
|
+
} else if (framework === 'tailwind') {
|
|
7255
|
+
pageTemplate = `
|
|
7256
|
+
<!DOCTYPE html>
|
|
7257
|
+
<html lang="en">
|
|
7258
|
+
<head>
|
|
7259
|
+
<meta charset="utf-8">
|
|
7260
|
+
<title>Page</title>
|
|
7261
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7262
|
+
<meta name="description" content="">
|
|
7263
|
+
<link rel="shortcut icon" href="#" />
|
|
7264
|
+
|
|
7265
|
+
<link href="[%PATH%]/assets/minimalist-blocks/content-tailwind.css" rel="stylesheet" type="text/css" />
|
|
7266
|
+
|
|
7267
|
+
<link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
|
|
7268
|
+
<link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
|
|
7269
|
+
<script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
|
|
7270
|
+
|
|
7271
|
+
<link rel="stylesheet" href="[%PATH%]/assets/frameworks/tailwindcss/styles.css">
|
|
7272
|
+
<!-- To build your own, please see: https://tailwindcss.com/docs/installation -->
|
|
7273
|
+
|
|
7274
|
+
<style>
|
|
7275
|
+
.container {
|
|
7276
|
+
margin: 150px auto 0;
|
|
7277
|
+
max-width: 800px;
|
|
7278
|
+
width: 100%;
|
|
7279
|
+
padding: 0 20px;
|
|
7280
|
+
box-sizing: border-box;
|
|
7281
|
+
}
|
|
7282
|
+
</style>
|
|
7283
|
+
</head>
|
|
7284
|
+
<body>
|
|
7285
|
+
|
|
7286
|
+
<div class="container">
|
|
7287
|
+
[%CONTENT%]
|
|
7288
|
+
</div>
|
|
7289
|
+
|
|
7290
|
+
</body>
|
|
7291
|
+
</html>
|
|
7292
|
+
`;
|
|
7293
|
+
} else if (framework === 'bootstrap') {
|
|
7294
|
+
pageTemplate = `
|
|
7295
|
+
<!DOCTYPE html>
|
|
7296
|
+
<html lang="en">
|
|
7297
|
+
<head>
|
|
7298
|
+
<meta charset="utf-8">
|
|
7299
|
+
<title>Page</title>
|
|
7300
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7301
|
+
<meta name="description" content="">
|
|
7302
|
+
<link rel="shortcut icon" href="#" />
|
|
7303
|
+
|
|
7304
|
+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
|
7305
|
+
|
|
7306
|
+
<link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
|
|
7307
|
+
|
|
7308
|
+
<link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
|
|
7309
|
+
<link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
|
|
7310
|
+
<script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
|
|
7311
|
+
|
|
7312
|
+
<style>
|
|
7313
|
+
.container {margin: 140px auto; max-width: 800px; width:100%; padding:0 35px; box-sizing: border-box;}
|
|
7314
|
+
/* Bootstrap css adjustment to enable column drag to resize */
|
|
7315
|
+
.row > *,
|
|
7316
|
+
.column {
|
|
7317
|
+
max-width: unset !important;
|
|
7318
|
+
}
|
|
7319
|
+
</style>
|
|
7320
|
+
</head>
|
|
7321
|
+
<body>
|
|
7322
|
+
|
|
7323
|
+
<div class="container">
|
|
7324
|
+
[%CONTENT%]
|
|
7325
|
+
</div>
|
|
7326
|
+
|
|
7327
|
+
</body>
|
|
7328
|
+
</html>
|
|
7329
|
+
`;
|
|
7330
|
+
} else if (framework === 'foundation') {
|
|
7331
|
+
pageTemplate = `
|
|
7332
|
+
<!DOCTYPE html>
|
|
7333
|
+
<html lang="en">
|
|
7334
|
+
<head>
|
|
7335
|
+
<meta charset="utf-8">
|
|
7336
|
+
<title>Page</title>
|
|
7337
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7338
|
+
<meta name="description" content="">
|
|
7339
|
+
<link rel="shortcut icon" href="#" />
|
|
7340
|
+
|
|
7341
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation.min.css">
|
|
7342
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.3/css/foundation-float.min.css">
|
|
7343
|
+
|
|
7344
|
+
<link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
|
|
7345
|
+
|
|
7346
|
+
<link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
|
|
7347
|
+
<link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
|
|
7348
|
+
<script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
|
|
7349
|
+
|
|
7350
|
+
<style>
|
|
7351
|
+
.container {
|
|
7352
|
+
margin: 150px auto 0;
|
|
7353
|
+
max-width: 800px;
|
|
7354
|
+
width: 100%;
|
|
7355
|
+
padding: 0 20px;
|
|
7356
|
+
box-sizing: border-box;
|
|
7357
|
+
}
|
|
7358
|
+
</style>
|
|
7359
|
+
</head>
|
|
7360
|
+
<body>
|
|
7361
|
+
|
|
7362
|
+
<div class="container">
|
|
7363
|
+
[%CONTENT%]
|
|
7364
|
+
</div>
|
|
7365
|
+
|
|
7366
|
+
</body>
|
|
7367
|
+
</html>
|
|
7368
|
+
`;
|
|
7369
|
+
} else {
|
|
7370
|
+
pageTemplate = '[%CONTENT%]';
|
|
7371
|
+
}
|
|
7372
|
+
|
|
7373
|
+
return pageTemplate;
|
|
7374
|
+
}
|
|
7375
|
+
|
|
7215
7376
|
}
|
|
7216
7377
|
class Dom {
|
|
7217
7378
|
constructor(builder) {
|
|
@@ -75467,39 +75628,6 @@ class ContentBuilder {
|
|
|
75467
75628
|
</div>
|
|
75468
75629
|
</div>
|
|
75469
75630
|
`,
|
|
75470
|
-
pageTemplate: `<!DOCTYPE html>
|
|
75471
|
-
<html lang="en">
|
|
75472
|
-
<head>
|
|
75473
|
-
<meta charset="utf-8">
|
|
75474
|
-
<title>Page</title>
|
|
75475
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
75476
|
-
<meta name="description" content="">
|
|
75477
|
-
<link rel="shortcut icon" href="#" />
|
|
75478
|
-
|
|
75479
|
-
<link href="[%PATH%]/assets/minimalist-blocks/content.css" rel="stylesheet" type="text/css" />
|
|
75480
|
-
|
|
75481
|
-
<link href="[%PATH%]/assets/scripts/glide/css/glide.core.css" rel="stylesheet" type="text/css" />
|
|
75482
|
-
<link href="[%PATH%]/assets/scripts/glide/css/glide.theme.css" rel="stylesheet" type="text/css" />
|
|
75483
|
-
<script src="[%PATH%]/assets/scripts/glide/glide.js" type="text/javascript"></script>
|
|
75484
|
-
|
|
75485
|
-
<style>
|
|
75486
|
-
.container {
|
|
75487
|
-
margin: 150px auto 0;
|
|
75488
|
-
max-width: 800px;
|
|
75489
|
-
width: 100%;
|
|
75490
|
-
padding: 0 20px;
|
|
75491
|
-
box-sizing: border-box;
|
|
75492
|
-
}
|
|
75493
|
-
</style>
|
|
75494
|
-
</head>
|
|
75495
|
-
<body>
|
|
75496
|
-
|
|
75497
|
-
<div class="container">
|
|
75498
|
-
[%CONTENT%]
|
|
75499
|
-
</div>
|
|
75500
|
-
|
|
75501
|
-
</body>
|
|
75502
|
-
</html>`,
|
|
75503
75631
|
|
|
75504
75632
|
/*
|
|
75505
75633
|
onZoomStart: () => {
|
|
@@ -76015,6 +76143,11 @@ class ContentBuilder {
|
|
|
76015
76143
|
const util = new Util(this); // General utilities
|
|
76016
76144
|
|
|
76017
76145
|
this.util = util;
|
|
76146
|
+
|
|
76147
|
+
if (!this.pageTemplate) {
|
|
76148
|
+
this.pageTemplate = util.getPageTemplate(this.framework);
|
|
76149
|
+
}
|
|
76150
|
+
|
|
76018
76151
|
const responsive = new Responsive(this); // General utilities
|
|
76019
76152
|
|
|
76020
76153
|
this.responsive = responsive; // Content stuff
|