SectionsLayoutManager.sys.mjs (12834B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 export const DEFAULT_SECTION_LAYOUT = [ 6 { 7 name: "7-double-row-2-ad", 8 responsiveLayouts: [ 9 { 10 columnCount: 4, 11 tiles: [ 12 { 13 size: "large", 14 position: 0, 15 hasAd: false, 16 hasExcerpt: true, 17 }, 18 { 19 size: "medium", 20 position: 2, 21 hasAd: false, 22 hasExcerpt: true, 23 }, 24 { 25 size: "medium", 26 position: 1, 27 hasAd: true, 28 hasExcerpt: false, 29 }, 30 { 31 size: "medium", 32 position: 3, 33 hasAd: false, 34 hasExcerpt: false, 35 }, 36 { 37 size: "medium", 38 position: 5, 39 hasAd: false, 40 hasExcerpt: true, 41 }, 42 { 43 size: "medium", 44 position: 4, 45 hasAd: true, 46 hasExcerpt: true, 47 }, 48 { 49 size: "medium", 50 position: 6, 51 hasAd: false, 52 hasExcerpt: true, 53 }, 54 ], 55 }, 56 { 57 columnCount: 3, 58 tiles: [ 59 { 60 size: "medium", 61 position: 0, 62 hasAd: false, 63 hasExcerpt: true, 64 }, 65 { 66 size: "medium", 67 position: 2, 68 hasAd: true, 69 hasExcerpt: true, 70 }, 71 { 72 size: "medium", 73 position: 1, 74 hasAd: false, 75 hasExcerpt: false, 76 }, 77 { 78 size: "medium", 79 position: 3, 80 hasAd: false, 81 hasExcerpt: false, 82 }, 83 { 84 size: "medium", 85 position: 5, 86 hasAd: true, 87 hasExcerpt: true, 88 }, 89 { 90 size: "small", 91 position: 4, 92 hasAd: false, 93 hasExcerpt: false, 94 }, 95 { 96 size: "small", 97 position: 6, 98 hasAd: false, 99 hasExcerpt: false, 100 }, 101 ], 102 }, 103 { 104 columnCount: 2, 105 tiles: [ 106 { 107 size: "large", 108 position: 0, 109 hasAd: false, 110 hasExcerpt: true, 111 }, 112 { 113 size: "medium", 114 position: 1, 115 hasAd: true, 116 hasExcerpt: true, 117 }, 118 { 119 size: "medium", 120 position: 2, 121 hasAd: false, 122 hasExcerpt: false, 123 }, 124 { 125 size: "medium", 126 position: 3, 127 hasAd: false, 128 hasExcerpt: false, 129 }, 130 { 131 size: "medium", 132 position: 4, 133 hasAd: false, 134 hasExcerpt: true, 135 }, 136 { 137 size: "medium", 138 position: 5, 139 hasAd: true, 140 hasExcerpt: true, 141 }, 142 { 143 size: "medium", 144 position: 6, 145 hasAd: false, 146 hasExcerpt: true, 147 }, 148 ], 149 }, 150 { 151 columnCount: 1, 152 tiles: [ 153 { 154 size: "medium", 155 position: 0, 156 hasAd: false, 157 hasExcerpt: true, 158 }, 159 { 160 size: "medium", 161 position: 1, 162 hasAd: true, 163 hasExcerpt: true, 164 }, 165 { 166 size: "medium", 167 position: 2, 168 hasAd: false, 169 hasExcerpt: false, 170 }, 171 { 172 size: "medium", 173 position: 3, 174 hasAd: false, 175 hasExcerpt: false, 176 }, 177 { 178 size: "medium", 179 position: 4, 180 hasAd: false, 181 hasExcerpt: true, 182 }, 183 { 184 size: "medium", 185 position: 5, 186 hasAd: true, 187 hasExcerpt: true, 188 }, 189 { 190 size: "medium", 191 position: 6, 192 hasAd: false, 193 hasExcerpt: true, 194 }, 195 ], 196 }, 197 ], 198 }, 199 { 200 name: "6-small-medium-1-ad", 201 responsiveLayouts: [ 202 { 203 columnCount: 4, 204 tiles: [ 205 { 206 size: "small", 207 position: 2, 208 hasAd: false, 209 hasExcerpt: false, 210 }, 211 { 212 size: "medium", 213 position: 0, 214 hasAd: false, 215 hasExcerpt: true, 216 }, 217 { 218 size: "medium", 219 position: 1, 220 hasAd: true, 221 hasExcerpt: true, 222 }, 223 { 224 size: "small", 225 position: 3, 226 hasAd: false, 227 hasExcerpt: false, 228 }, 229 { 230 size: "small", 231 position: 4, 232 hasAd: false, 233 hasExcerpt: false, 234 }, 235 { 236 size: "small", 237 position: 5, 238 hasAd: false, 239 hasExcerpt: false, 240 }, 241 ], 242 }, 243 { 244 columnCount: 3, 245 tiles: [ 246 { 247 size: "medium", 248 position: 0, 249 hasAd: false, 250 hasExcerpt: true, 251 }, 252 { 253 size: "medium", 254 position: 1, 255 hasAd: false, 256 hasExcerpt: true, 257 }, 258 { 259 size: "medium", 260 position: 2, 261 hasAd: false, 262 hasExcerpt: true, 263 }, 264 { 265 size: "medium", 266 position: 3, 267 hasAd: true, 268 hasExcerpt: true, 269 }, 270 { 271 size: "medium", 272 position: 4, 273 hasAd: false, 274 hasExcerpt: true, 275 }, 276 { 277 size: "medium", 278 position: 5, 279 hasAd: false, 280 hasExcerpt: true, 281 }, 282 ], 283 }, 284 { 285 columnCount: 2, 286 tiles: [ 287 { 288 size: "medium", 289 position: 0, 290 hasAd: false, 291 hasExcerpt: true, 292 }, 293 { 294 size: "medium", 295 position: 1, 296 hasAd: true, 297 hasExcerpt: true, 298 }, 299 { 300 size: "small", 301 position: 2, 302 hasAd: false, 303 hasExcerpt: false, 304 }, 305 { 306 size: "small", 307 position: 3, 308 hasAd: false, 309 hasExcerpt: false, 310 }, 311 { 312 size: "small", 313 position: 4, 314 hasAd: false, 315 hasExcerpt: false, 316 }, 317 { 318 size: "small", 319 position: 5, 320 hasAd: false, 321 hasExcerpt: false, 322 }, 323 ], 324 }, 325 { 326 columnCount: 1, 327 tiles: [ 328 { 329 size: "medium", 330 position: 0, 331 hasAd: false, 332 hasExcerpt: true, 333 }, 334 { 335 size: "medium", 336 position: 1, 337 hasAd: true, 338 hasExcerpt: true, 339 }, 340 { 341 size: "small", 342 position: 2, 343 hasAd: false, 344 hasExcerpt: false, 345 }, 346 { 347 size: "small", 348 position: 3, 349 hasAd: false, 350 hasExcerpt: false, 351 }, 352 { 353 size: "small", 354 position: 4, 355 hasAd: false, 356 hasExcerpt: false, 357 }, 358 { 359 size: "small", 360 position: 5, 361 hasAd: false, 362 hasExcerpt: false, 363 }, 364 ], 365 }, 366 ], 367 }, 368 { 369 name: "4-large-small-medium-1-ad", 370 responsiveLayouts: [ 371 { 372 columnCount: 4, 373 tiles: [ 374 { 375 size: "large", 376 position: 0, 377 hasAd: false, 378 hasExcerpt: true, 379 }, 380 { 381 size: "small", 382 position: 2, 383 hasAd: false, 384 hasExcerpt: false, 385 }, 386 { 387 size: "medium", 388 position: 1, 389 hasAd: true, 390 hasExcerpt: true, 391 }, 392 { 393 size: "small", 394 position: 3, 395 hasAd: false, 396 hasExcerpt: false, 397 }, 398 ], 399 }, 400 { 401 columnCount: 3, 402 tiles: [ 403 { 404 size: "medium", 405 position: 0, 406 hasAd: false, 407 hasExcerpt: true, 408 }, 409 { 410 size: "small", 411 position: 2, 412 hasAd: false, 413 hasExcerpt: false, 414 }, 415 { 416 size: "medium", 417 position: 1, 418 hasAd: true, 419 hasExcerpt: true, 420 }, 421 { 422 size: "small", 423 position: 3, 424 hasAd: false, 425 hasExcerpt: false, 426 }, 427 ], 428 }, 429 { 430 columnCount: 2, 431 tiles: [ 432 { 433 size: "large", 434 position: 0, 435 hasAd: false, 436 hasExcerpt: true, 437 }, 438 { 439 size: "small", 440 position: 2, 441 hasAd: false, 442 hasExcerpt: false, 443 }, 444 { 445 size: "medium", 446 position: 1, 447 hasAd: true, 448 hasExcerpt: true, 449 }, 450 { 451 size: "small", 452 position: 3, 453 hasAd: false, 454 hasExcerpt: false, 455 }, 456 ], 457 }, 458 { 459 columnCount: 1, 460 tiles: [ 461 { 462 size: "medium", 463 position: 0, 464 hasAd: false, 465 hasExcerpt: true, 466 }, 467 { 468 size: "medium", 469 position: 1, 470 hasAd: true, 471 hasExcerpt: true, 472 }, 473 { 474 size: "small", 475 position: 2, 476 hasAd: false, 477 hasExcerpt: false, 478 }, 479 { 480 size: "small", 481 position: 3, 482 hasAd: false, 483 hasExcerpt: false, 484 }, 485 ], 486 }, 487 ], 488 }, 489 { 490 name: "4-medium-small-1-ad", 491 responsiveLayouts: [ 492 { 493 columnCount: 4, 494 tiles: [ 495 { 496 size: "medium", 497 position: 0, 498 hasAd: false, 499 hasExcerpt: true, 500 }, 501 { 502 size: "medium", 503 position: 1, 504 hasAd: false, 505 hasExcerpt: true, 506 }, 507 { 508 size: "medium", 509 position: 2, 510 hasAd: false, 511 hasExcerpt: true, 512 }, 513 { size: "medium", position: 3, hasAd: true, hasExcerpt: true }, 514 ], 515 }, 516 { 517 columnCount: 3, 518 tiles: [ 519 { 520 size: "medium", 521 position: 0, 522 hasAd: false, 523 hasExcerpt: true, 524 }, 525 { 526 size: "medium", 527 position: 1, 528 hasAd: true, 529 hasExcerpt: true, 530 }, 531 { 532 size: "small", 533 position: 2, 534 hasAd: false, 535 hasExcerpt: false, 536 }, 537 { 538 size: "small", 539 position: 3, 540 hasAd: false, 541 hasExcerpt: false, 542 }, 543 ], 544 }, 545 { 546 columnCount: 2, 547 tiles: [ 548 { 549 size: "medium", 550 position: 0, 551 hasAd: false, 552 hasExcerpt: true, 553 }, 554 { 555 size: "medium", 556 position: 1, 557 hasAd: true, 558 hasExcerpt: true, 559 }, 560 { 561 size: "small", 562 position: 2, 563 hasAd: false, 564 hasExcerpt: false, 565 }, 566 { 567 size: "small", 568 position: 3, 569 hasAd: false, 570 hasExcerpt: false, 571 }, 572 ], 573 }, 574 { 575 columnCount: 1, 576 tiles: [ 577 { 578 size: "medium", 579 position: 0, 580 hasAd: false, 581 hasExcerpt: true, 582 }, 583 { 584 size: "medium", 585 position: 1, 586 hasAd: true, 587 hasExcerpt: true, 588 }, 589 { 590 size: "small", 591 position: 2, 592 hasAd: false, 593 hasExcerpt: false, 594 }, 595 { 596 size: "small", 597 position: 3, 598 hasAd: false, 599 hasExcerpt: false, 600 }, 601 ], 602 }, 603 ], 604 }, 605 ];