https://www.zavzpret.com/lib/blocks/data-vis-container/data-vis-container.js

1import { FranklinBlock } from '../../scripts/lib-franklin.js';
2
3export default class DataVisContainer extends FranklinBlock {
4  beforeBlockRender() {
5    const { textblock, graphs, disclaimer } = this.config;
6    this.inputData = {
7      textblock,
8      graphs,
9      disclaimer,
10    };
11  }
12
13  afterBlockRender() {
14    this.block.classList.add(`core-data-vis-container-graphs-${this.inputData.graphs.length}`);
15
16    // global standard rules for block padding ///////////////////////
17    this.block.classList.add('block-padding-standard');
18    const isEditorial = this.block?.classList instanceof DOMTokenList && this.block?.classList.contains('editorial');
19    if (isEditorial) {
20      this.block.classList.add('block-padding-desktop-x-190');
21    }
22  }
23}