https://azte.co/resources/components/azteco-flow-image.js

1/* eslint-disable functional/no-conditional-statement */
2/* eslint-disable functional/immutable-data */
3/* eslint-disable @typescript-eslint/explicit-function-return-type */
4
5AztecoYMUtils.spawn({
6  componentTag: 'azteco-flow-image',
7  renderer: obj => ({
8    ...obj,
9    component: AztecoYMUtils.createWebComponent({
10      style: `
11          img {
12            width: 100%;
13            height: auto;
14          }
15        `,
16      connectedCallback: ({ element }) => {
17        const template = ({ src, fallback }) => `
18          <img src="${src}" onerror="this.src='${fallback}';this.onerror=null;" />
19        `;
20
21        const src = element.dataset.src;
22        const fallback = element.dataset.fallback;
23
24        src && element.render(template({ src, fallback }));
25      },
26    }),
27  }),
28});