Liferay.Loader.define("frontend-image-editor-web@4.0.21/EffectsComponent.soy", ['module', 'exports', 'require', 'frontend-js-metal-web$metal-component', 'frontend-js-metal-web$metal-soy'], function (module, exports, require) {
  var define = undefined;
  var global = window;
  {
    Object.defineProperty(exports, "__esModule", {
      value: true
    });
    exports["default"] = exports.templates = exports.ImageEditorEffectsComponent = void 0;

    var _metalComponent = _interopRequireDefault(require("frontend-js-metal-web$metal-component"));

    var _metalSoy = _interopRequireDefault(require("frontend-js-metal-web$metal-soy"));

    function _interopRequireDefault(obj) {
      return obj && obj.__esModule ? obj : { "default": obj };
    }

    function _typeof(obj) {
      "@babel/helpers - typeof";
      if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
        _typeof = function _typeof(obj) {
          return typeof obj;
        };
      } else {
        _typeof = function _typeof(obj) {
          return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
        };
      }return _typeof(obj);
    }

    function _classCallCheck(instance, Constructor) {
      if (!(instance instanceof Constructor)) {
        throw new TypeError("Cannot call a class as a function");
      }
    }

    function _possibleConstructorReturn(self, call) {
      if (call && (_typeof(call) === "object" || typeof call === "function")) {
        return call;
      }return _assertThisInitialized(self);
    }

    function _assertThisInitialized(self) {
      if (self === void 0) {
        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
      }return self;
    }

    function _getPrototypeOf(o) {
      _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
        return o.__proto__ || Object.getPrototypeOf(o);
      };return _getPrototypeOf(o);
    }

    function _inherits(subClass, superClass) {
      if (typeof superClass !== "function" && superClass !== null) {
        throw new TypeError("Super expression must either be null or a function");
      }subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });if (superClass) _setPrototypeOf(subClass, superClass);
    }

    function _setPrototypeOf(o, p) {
      _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
        o.__proto__ = p;return o;
      };return _setPrototypeOf(o, p);
    }

    var templates;
    exports.templates = templates;
    goog.loadModule(function (exports) {
      goog.require('soy');

      goog.require('soydata');

      // This file was automatically generated from EffectsComponent.soy.
      // Please don't edit this file by hand.

      /**
       * @fileoverview Templates in namespace ImageEditorEffectsComponent.
       * @public
       */

      goog.module('ImageEditorEffectsComponent.incrementaldom');

      var incrementalDom = goog.require('incrementaldom');

      var soyIdom = goog.require('soy.idom');
      /**
       * @param {Object<string, *>=} opt_data
       * @param {Object<string, *>=} opt_ijData
       * @param {Object<string, *>=} opt_ijData_deprecated
       * @return {void}
       * @suppress {checkTypes}
       */

      function $render(opt_data, opt_ijData, opt_ijData_deprecated) {
        opt_ijData = opt_ijData_deprecated || opt_ijData;
        var $$temp;
        incrementalDom.elementOpenStart('div');
        incrementalDom.attr('class', 'carousel-wrapper');
        incrementalDom.attr('id', opt_data.ref);
        incrementalDom.elementOpenEnd();
        incrementalDom.elementOpenStart('div');
        incrementalDom.attr('class', 'carousel-left-arrow');
        incrementalDom.elementOpenEnd();
        incrementalDom.elementOpenStart('a');
        incrementalDom.attr('class', 'btn btn-link icon-monospaced');
        incrementalDom.attr('data-onclick', 'scrollLeft');
        incrementalDom.attr('href', 'javascript:;');
        incrementalDom.elementOpenEnd();
        incrementalDom.elementOpenStart('svg');
        incrementalDom.attr('class', 'lexicon-icon');
        incrementalDom.elementOpenEnd();
        incrementalDom.elementOpenStart('use');
        incrementalDom.attr('xlink:href', opt_data.pathThemeImages + '/clay/icons.svg#angle-left');
        incrementalDom.elementOpenEnd();
        incrementalDom.elementClose('use');
        incrementalDom.elementClose('svg');
        incrementalDom.elementClose('a');
        incrementalDom.elementClose('div');
        incrementalDom.elementOpenStart('div');
        incrementalDom.attr('class', 'carousel-container');
        incrementalDom.attr('ref', 'carouselContainer');
        incrementalDom.elementOpenEnd();

        var listAttributes__soy457 = function listAttributes__soy457() {
          incrementalDom.attr('class', 'carousel list-unstyled list-table');
          incrementalDom.attr('ref', 'carousel');
          incrementalDom.attr('style', 'margin-left: ' + (($$temp = opt_data.carouselOffset) == null ? 0 : $$temp));
        };

        incrementalDom.elementOpenStart('ul');
        listAttributes__soy457();
        incrementalDom.elementOpenEnd();
        var effect494List = opt_data.effects;
        var effect494ListLen = effect494List.length;

        for (var effect494Index = 0; effect494Index < effect494ListLen; effect494Index++) {
          var effect494Data = effect494List[effect494Index];

          var itemAttributes__soy465 = function itemAttributes__soy465() {
            incrementalDom.attr('class', 'item');

            if (effect494Index == 0) {
              incrementalDom.attr('ref', 'carouselFirstItem');
            }
          };

          incrementalDom.elementOpenStart('li');
          itemAttributes__soy465();
          incrementalDom.elementOpenEnd();

          var linkAttributes__soy474 = function linkAttributes__soy474() {
            if (opt_data.currentEffect_ == effect494Data) {
              incrementalDom.attr('class', 'active');
            }

            incrementalDom.attr('data-effect', effect494Data);
            incrementalDom.attr('data-onclick', 'previewEffect');
            incrementalDom.attr('href', 'javascript:;');
          };

          incrementalDom.elementOpenStart('a');
          linkAttributes__soy474();
          incrementalDom.elementOpenEnd();
          incrementalDom.elementOpenStart('div');
          incrementalDom.attr('id', opt_data.ref + effect494Data);
          incrementalDom.attr('style', 'position: relative;');
          incrementalDom.elementOpenEnd();
          incrementalDom.elementOpenStart('canvas');
          incrementalDom.attr('height', opt_data.thumbnailSize);
          incrementalDom.attr('width', opt_data.thumbnailSize);
          incrementalDom.elementOpenEnd();
          incrementalDom.elementClose('canvas');
          incrementalDom.elementClose('div');
          incrementalDom.elementOpen('span');
          soyIdom.print(effect494Data);
          incrementalDom.elementClose('span');
          incrementalDom.elementClose('a');
          incrementalDom.elementClose('li');
        }

        incrementalDom.elementClose('ul');
        incrementalDom.elementClose('div');
        incrementalDom.elementOpenStart('div');
        incrementalDom.attr('class', 'carousel-right-arrow');
        incrementalDom.elementOpenEnd();
        incrementalDom.elementOpenStart('a');
        incrementalDom.attr('class', 'btn btn-link icon-monospaced');
        incrementalDom.attr('data-onclick', 'scrollRight');
        incrementalDom.attr('href', 'javascript:;');
        incrementalDom.elementOpenEnd();
        incrementalDom.elementOpenStart('svg');
        incrementalDom.attr('class', 'lexicon-icon');
        incrementalDom.elementOpenEnd();
        incrementalDom.elementOpenStart('use');
        incrementalDom.attr('xlink:href', opt_data.pathThemeImages + '/clay/icons.svg#angle-right');
        incrementalDom.elementOpenEnd();
        incrementalDom.elementClose('use');
        incrementalDom.elementClose('svg');
        incrementalDom.elementClose('a');
        incrementalDom.elementClose('div');
        incrementalDom.elementClose('div');
      }

      exports.render = $render;

      if (goog.DEBUG) {
        $render.soyTemplateName = 'ImageEditorEffectsComponent.render';
      }

      exports.render.params = ["effects", "ref", "thumbnailSize", "carouselOffset", "currentEffect_", "pathThemeImages"];
      exports.render.types = {
        "effects": "any",
        "ref": "any",
        "thumbnailSize": "any",
        "carouselOffset": "any",
        "currentEffect_": "any",
        "pathThemeImages": "any"
      };
      exports.templates = templates = exports;
      return exports;
    });

    var ImageEditorEffectsComponent = /*#__PURE__*/function (_Component) {
      _inherits(ImageEditorEffectsComponent, _Component);

      function ImageEditorEffectsComponent() {
        _classCallCheck(this, ImageEditorEffectsComponent);

        return _possibleConstructorReturn(this, _getPrototypeOf(ImageEditorEffectsComponent).apply(this, arguments));
      }

      return ImageEditorEffectsComponent;
    }(_metalComponent["default"]);

    exports.ImageEditorEffectsComponent = ImageEditorEffectsComponent;

    _metalSoy["default"].register(ImageEditorEffectsComponent, templates);

    var _default = templates;
    /* jshint ignore:end */

    exports["default"] = _default;
    //# sourceMappingURL=EffectsComponent.soy.js.map
  }
});
//# sourceMappingURL=EffectsComponent.soy.js.map