---
regenerate:                             true
---

{% capture cache %}

{% comment %}
 # -----------------------------------------------------------------------------
 # ~/assets/themes/j1/adapter/js/gallery.js
 # Liquid template to create the J1 Adapter for J1 Gallery
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2023, 2024 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 # -----------------------------------------------------------------------------
{% endcomment %}

{% comment %} Liquid procedures
-------------------------------------------------------------------------------- {% endcomment %}

{% comment %} Set global settings
-------------------------------------------------------------------------------- {% endcomment %}
{% assign environment           = site.environment %}
{% assign template_version      = site.version %}

{% comment %} Process YML config data
================================================================================ {% endcomment %}

{% comment %} Set config files
-------------------------------------------------------------------------------- {% endcomment %}
{% assign template_config       = site.data.j1_config %}
{% assign apps                  = site.data.apps %}
{% assign modules               = site.data.modules %}

{% comment %} Set config data
-------------------------------------------------------------------------------- {% endcomment %}
{% assign gallery_defaults   = modules.defaults.gallery.defaults %}
{% assign gallery_settings   = modules.gallery.settings %}

{% comment %} Set config options
-------------------------------------------------------------------------------- {% endcomment %}
{% assign gallery_options    = gallery_defaults | merge: gallery_settings %}

{% comment %} Detect prod mode
-------------------------------------------------------------------------------- {% endcomment %}
{% assign production = false %}
{% if environment == 'prod' or environment == 'production' %}
  {% assign production = true %}
{% endif %}

/*
 # -----------------------------------------------------------------------------
 # ~/assets/themes/j1/adapter/js/gallery.js
 # JS Adapter for J1 Gallery
 #
 # Product/Info:
 # https://jekyll.one
 # https://github.com/miromannino/Justified-Gallery
 #
 # Copyright (C) 2020 Miro Mannino
 # Copyright (C) 2023 Sachin Neravath
 # Copyright (C) 2023, 2024 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 # Justified Gallery is licensed under the MIT license
 # See: https://github.com/miromannino/Justified-Gallery/blob/master/LICENSE
 # lightGallery is licensed under the GPLv3 license
 # See: https://github.com/sachinchoolur/lightGallery/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # Adapter generated: {{site.time}}
 # -----------------------------------------------------------------------------
*/

// -----------------------------------------------------------------------------
// ESLint shimming
// -----------------------------------------------------------------------------
/* eslint indent: "off"                                                       */
// -----------------------------------------------------------------------------
'use strict';
j1.adapter.gallery = (function (j1, window) {

  {% comment %} Global variables
  ------------------------------------------------------------------------------ {% endcomment %}
  var environment   = '{{environment}}';
  var state         = 'not_started';
  var play_button   = '/assets/themes/j1/modules/lightGallery/css/themes/uno/icons/play-button.png';
  var url;
  var origin;
  var galleryDefaults;
  var gallerySettings;
  var galleryOptions;
  var frontmatterOptions;
  var _this;
  var logger;
  var logText;

  // ---------------------------------------------------------------------------
  // Helper functions
  // ---------------------------------------------------------------------------

  // ---------------------------------------------------------------------------
  // Main object
  // ---------------------------------------------------------------------------
  return {

    // -------------------------------------------------------------------------
    // Initializer
    // -------------------------------------------------------------------------
    init: function (options) {

      url               = new URL(window.location.href);
      origin            = url.origin;

      // flag used for Chromium browser workaround
      j1['jg'] = {
        callback:   {},
      };

      // -----------------------------------------------------------------------
      // Default module settings
      // -----------------------------------------------------------------------
      var settings = $.extend({
        module_name: 'j1.adapter.gallery',
        generated:   '{{site.time}}'
      }, options);

      // -----------------------------------------------------------------------
      // Global variable settings
      // -----------------------------------------------------------------------
      _this = j1.adapter.gallery;
      logger = log4javascript.getLogger('j1.adapter.gallery');

      // create settings object from frontmatter (page settings)
      frontmatterOptions  = options != null ? $.extend({}, options) : {};

      // Load  module DEFAULTS|CONFIG
      galleryDefaults = $.extend({}, {{gallery_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
      gallerySettings = $.extend({}, {{gallery_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
      galleryOptions  = $.extend(true, {}, galleryDefaults, gallerySettings, frontmatterOptions);

      // load HTML portion for all grids
      console.debug('loading HTML portion for all galleries configured');
      _this.loadGalleryHTML(galleryOptions, galleryOptions.galleries);

      var dependencies_met_j1_finished = setInterval(function() {
        var pageState     = $('#no_flicker').css("display");
        var pageVisible   = (pageState == 'block') ? true : false;
        var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;

        if (j1.getState() == 'finished' && pageVisible) {
          // initialize state flag
          _this.setState('started');
          logger.debug('\n' + 'state: ' + _this.getState());
          logger.info('\n' + 'module is being initialized');

          _this.initialize(galleryOptions);
          _this.setState('finished');

          logger.debug('\n' + 'state: ' + _this.getState());
          logger.info('\n' + 'module initialized successfully');

          clearInterval(dependencies_met_j1_finished);
        } // END 'finished' && 'pageVisible'
      }, 10);
    },

    // -----------------------------------------------------------------------
    // Load AJAX data and initialize the jg gallery
    // -----------------------------------------------------------------------
    initialize: function (options) {
      var xhrLoadState      = 'pending';                                        // (initial) load state for the HTML portion of the slider
      var load_dependencies = {};
      var dependency;

      logger = log4javascript.getLogger('j1.adapter.gallery');

      _this.setState('running');
      logger.debug('\n' + 'state: ' + _this.getState());

      {% for gallery in gallery_options.galleries %}

        {% if gallery.enabled %}
        {% assign gallery_id = gallery.id %}
        logger.info('\n' + 'found gallery on id: ' + '{{gallery_id}}');

          // create dynamic loader variable to setup the grid on id {{gallery_id}}
          dependency = 'dependencies_met_html_loaded_{{gallery_id}}';
          load_dependencies[dependency] = '';

          // initialize the gallery if HTML portion successfully loaded
          //
          load_dependencies['dependencies_met_html_loaded_{{gallery_id}}'] = setInterval (function (options) {
            // check if HTML portion of the gallery is loaded successfully
            xhrLoadState = j1.xhrDOMState['#{{gallery_id}}_parent'];
            if ( xhrLoadState === 'success' ) {
              var $grid_{{gallery_id}} = $('#{{gallery_id}}');                  // used for later access

              logger.info('\n' + 'dyn_loader, initialize gallery on id: ' + '{{gallery_id}}');

              j1.jg.callback.{{gallery_id}} = 'waiting';

              /* eslint-disable */
              $('#{{gallery_id}}').justifiedGallery({
                {% for option in gallery.gallery_options %}
                {% if option[0] contains "gutters" %}
                {{'margins' | json}}: {{option[1] | json}},
                {% continue %}
                {% endif %}
                {{option[0] | json}}: {{option[1] | json}},
                {% endfor %}
              })
              .on('jg.complete', function (evt) {
                evt.stopPropagation();

                j1.jg.callback.{{gallery_id}} = 'successful';

                // setup the lightbox
                //
                logger.info('\n' + 'dyn_loader, callback "jg.complete" entered on id: ' + '{{gallery_id}}');
                logger.info('\n' + 'dyn_loader, initialize lightGallery on id: ' + '{{gallery_id}}');

                var lg = document.getElementById("{{gallery_id}}");
                lightGallery(lg, {
                  "plugins":    [{{gallery.lightGallery.plugins}}],
                  {% for option in gallery.lightGallery.options %}
                  {{option[0] | json}}: {{option[1] | json}},
                  {% endfor %}
                  "galleryId":  "{{gallery_id}}",
                  "selector":   ".lg-item",
                  {% if gallery.video == 'html5' and gallery.lightGallery.videojsOptions.enabled %}
                  "videojsOptions": {
                    {% for option in gallery.lightGallery.videojsOptions %}
                    {% if option[0] contains "enabled" %}
                    {% continue %}
                    {% endif %}
                    {{option[0] | json}}: {{option[1] | json}},
                    {% endfor %}
                  }
                  {% endif %}

                  {% if gallery.video == 'youtube' and gallery.lightGallery.playerParams.enabled %}
                  "youTubePlayerParams": {
                    {% for option in gallery.lightGallery.playerParams %}
                    {% if option[0] contains "enabled" %}
                    {% continue %}
                    {% endif %}
                    {{option[0] | json}}: {{option[1] | json}},
                    {% endfor %}
                    "origin": "origin"
                  }
                  {% endif %}

                  {% if gallery.video == 'vimeo' and gallery.lightGallery.playerParams.enabled %}
                  "vimeoPlayerParams": {
                    {% for option in gallery.lightGallery.playerParams %}
                    {% if option[0] contains "enabled" %}
                    {% continue %}
                    {% endif %}
                    {{option[0] | json}}: {{option[1] | json}},
                    {% endfor %}
                  }
                  {% endif %}

                  {% if gallery.video == 'dailymotion' and gallery.lightGallery.playerParams.enabled %}
                  "dailymotionPlayerParams": {
                    {% for option in gallery.lightGallery.playerParams %}
                    {% if option[0] contains "enabled" %}
                    {% continue %}
                    {% endif %}
                    {{option[0] | json}}: {{option[1] | json}},
                    {% endfor %}
                  }
                  {% endif %}

                  {% if gallery.video == 'wistia' and gallery.lightGallery.playerParams.enabled %}
                  "wistiaPlayerParams": {
                    {% for option in gallery.lightGallery.playerParams %}
                    {% if option[0] contains "enabled" %}
                    {% continue %}
                    {% endif %}
                    {{option[0] | json}}: {{option[1] | json}},
                    {% endfor %}
                  }
                  {% endif %}

                }); // END lightGallery

              }); // END justifiedGallery on('jg.complete)
              /* eslint-enable */

              // workaround for Chromium brwosers if callback jg.complete
              // NOT fired
              //
              setTimeout (function() {
                if (j1.jg.callback.{{gallery_id}} == 'waiting') {
                  logger.warn('\n' + 'dyn_loader, callback "jg.callback": ' + j1.jg.callback.{{gallery_id}})
                  logger.info('\n' + 'dyn_loader, initialize lightGallery on id: ' + '{{gallery_id}}');

                  var lg = document.getElementById("{{gallery_id}}");
                  lightGallery(lg, {
                    "plugins":    [{{gallery.lightGallery.plugins}}],
                    {% for option in gallery.lightGallery.options %}
                    {{option[0] | json}}: {{option[1] | json}},
                    {% endfor %}
                    "galleryId":  "{{gallery_id}}",
                    "selector":   ".lg-item",
                    {% if gallery.video == 'html5' and gallery.lightGallery.videojsOptions.enabled %}
                    "videojsOptions": {
                      {% for option in gallery.lightGallery.videojsOptions %}
                      {% if option[0] contains "enabled" %}
                      {% continue %}
                      {% endif %}
                      {{option[0] | json}}: {{option[1] | json}},
                      {% endfor %}
                    }
                    {% endif %}

                    {% if gallery.video == 'youtube' and gallery.lightGallery.playerParams.enabled %}
                    "youTubePlayerParams": {
                      {% for option in gallery.lightGallery.playerParams %}
                      {% if option[0] contains "enabled" %}
                      {% continue %}
                      {% endif %}
                      {{option[0] | json}}: {{option[1] | json}},
                      {% endfor %}
                      "origin": "origin"
                    }
                    {% endif %}

                    {% if gallery.video == 'vimeo' and gallery.lightGallery.playerParams.enabled %}
                    "vimeoPlayerParams": {
                      {% for option in gallery.lightGallery.playerParams %}
                      {% if option[0] contains "enabled" %}
                      {% continue %}
                      {% endif %}
                      {{option[0] | json}}: {{option[1] | json}},
                      {% endfor %}
                    }
                    {% endif %}

                    {% if gallery.video == 'dailymotion' and gallery.lightGallery.playerParams.enabled %}
                    "dailymotionPlayerParams": {
                      {% for option in gallery.lightGallery.playerParams %}
                      {% if option[0] contains "enabled" %}
                      {% continue %}
                      {% endif %}
                      {{option[0] | json}}: {{option[1] | json}},
                      {% endfor %}
                    }
                    {% endif %}

                    {% if gallery.video == 'wistia' and gallery.lightGallery.playerParams.enabled %}
                    "wistiaPlayerParams": {
                      {% for option in gallery.lightGallery.playerParams %}
                      {% if option[0] contains "enabled" %}
                      {% continue %}
                      {% endif %}
                      {{option[0] | json}}: {{option[1] | json}},
                      {% endfor %}
                    }
                    {% endif %}

                  }); // END lightGallery
                } // END if j1.jg.callback
              }, 2000); // END timeout

              clearInterval(load_dependencies['dependencies_met_html_loaded_{{gallery_id}}']);
            } // END  if xhrLoadState === 'success'

          }, 10); // END dependencies_met_html_loaded

        {% endif %} // ENDIF gallery enabled
      {% endfor %}
    }, // END function initialize

    // -------------------------------------------------------------------------
    // loadGalleryHTML()
    // loads the HTML portion via AJAX for all galleries configured.
    // NOTE: Make sure the placeholder DIV is available in the content
    // page as generated using the Asciidoc extension gallery::
    // -------------------------------------------------------------------------
    loadGalleryHTML: function (options, gallery) {
      var numGalleries  = Object.keys(gallery).length;
      var active_grids  = numGalleries;
      var xhr_data_path = options.xhr_data_path + '/index.html';
      var xhr_container_id;

      console.debug('number of galleries found: ' + active_grids);

      _this.setState('load_data');
      Object.keys(gallery).forEach(function(key) {
        if (gallery[key].enabled) {
          xhr_container_id = gallery[key].id + '_parent';

          console.debug('load HTML portion on gallery id: ' + gallery[key].id);
          j1.loadHTML({
            xhr_container_id: xhr_container_id,
            xhr_data_path:    xhr_data_path,
            xhr_data_element: gallery[key].id
          });
        } else {
          console.debug('gallery found disabled on id: ' + gallery[key].id);
          active_grids--;
        }
      });
      console.debug('galleries loaded in page enabled|all: ' + active_grids + '|' + numGalleries);
      _this.setState('data_loaded');
    }, // END loadSliderHTML

    // -------------------------------------------------------------------------
    // messageHandler: MessageHandler for J1 CookieConsent module
    // Manage messages send from other J1 modules
    // -------------------------------------------------------------------------
    messageHandler: function (sender, message) {
      var json_message = JSON.stringify(message, undefined, 2);

      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
      logger.debug(logText);

      // -----------------------------------------------------------------------
      //  Process commands|actions
      // -----------------------------------------------------------------------
      if (message.type === 'command' && message.action === 'module_initialized') {
        _this.setState('finished');
        logger.info('\n' + message.text);
      }

      //
      // Place handling of other command|action here
      //

      return true;
    }, // END messageHandler

    // -------------------------------------------------------------------------
    // setState()
    // Sets the current (processing) state of the module
    // -------------------------------------------------------------------------
    setState: function (stat) {
      _this.state = stat;
    }, // END setState

    // -------------------------------------------------------------------------
    // getState()
    // Returns the current (processing) state of the module
    // -------------------------------------------------------------------------
    getState: function () {
      return _this.state;
    } // END getState

  }; // END return
})(j1, window);

{% endcapture %}
{% if production %}
  {{ cache | minifyJS }}
{% else %}
  {{ cache | strip_empty_lines }}
{% endif %}
{% assign cache = nil %}