build.html

<script type="text/javascript">
  var DynamicListFuncs = DynamicListFuncs || {};
  var dynamicLists = dynamicLists || {};
  var closeIcon = {
    black: {
      url: '{{{ asset "img/cross.svg" }}}',
      path: 'img/cross.svg'
    },
    white: {
      url: '{{{ asset "img/cross_white.svg" }}}',
      path: 'img/cross.svg'
    }
  };
</script>
{{#if layout}}
  {{#if advancedSettings.cssEnabled}}
  <style>
  {{{advancedSettings.cssCode}}}
  </style>
  {{/if}}
  <div data-dynamic-lists-id="{{ id }}" data-dynamic-lists-layout="{{ layout }}" data-dynamic-lists-uuid="{{uuid}}"></div>
  {{#if advancedSettings.jsEnabled}}
  <script type="text/javascript">
    Fliplet().then(function () {
      var id = {{ id }};
      var data = Fliplet.Widget.getData(id);

      data.closeIcon = closeIcon;

      try {
        {{{ advancedSettings.jsCode }}}
      } catch (e) {
        console.log('Error with custom JS code', e);
      }

      if (typeof DynamicList === 'function') {
        DynamicListFuncs[id] = DynamicList;
        DynamicList = null;
        dynamicLists[id] = new DynamicListFuncs[id](id, data);
      }
    });
  </script>
  {{else}}
    <script type="text/javascript">
      var assetUrl = {
        'small-card': '{{{ asset "js/layout-javascript/small-card-code.js" }}}',
        'news-feed': '{{{ asset "js/layout-javascript/news-feed-code.js" }}}',
        'agenda': '{{{ asset "js/layout-javascript/agenda-code.js" }}}',
        'small-h-card': '{{{ asset "js/layout-javascript/small-h-card-code.js" }}}',
        'simple-list': '{{{ asset "js/layout-javascript/simple-list-code.js" }}}'
      };
    </script>
    <div data-script-insert="{{ id }}" class="hidden"></div>
    <script type="text/javascript">
      Fliplet().then(function () {
        var script = document.createElement('script');

        script.onload = function () {
          if (typeof DynamicList !== 'function') {
            console.warn('DynamicList() is not defined for widget for widget ID {{ id }}');
            return;
          }

          var id = {{ id }};

          DynamicListFuncs[id] = DynamicList;
          DynamicList = null;

          var data = Fliplet.Widget.getData(id);

          data.closeIcon = closeIcon;
          dynamicLists[id] = new DynamicListFuncs[id](id, data);
        };
        script.src = assetUrl['{{ layout }}'];
        document.querySelector('[data-script-insert="{{ id }}"]').appendChild(script);
      });
    </script>
  {{/if}}
{{else}}
<div class="dynamic-list-placeholder">
  <h3>List (from data source)</h3>
  <p>Click here to edit the settings.</p>
</div>
{{/if}}