@oat-sa/tao-core-ui 1.54.3 → 1.56.0

package/dist/figure/FigureStateActive.js

@@ -0,0 +1,670 @@
+define(['jquery', 'nouislider', 'ui/resourcemgr', 'ui/tooltip', 'lodash', 'i18n', 'core/mimetype', 'ui/mediaEditor/plugins/mediaAlignment/helper', 'ui/mediaEditor/mediaEditorComponent', 'handlebars', 'lib/dompurify/purify'], function ($$1, nouislider, resourcemgr, tooltip, _, __, mimeType, alignmentHelper, mediaEditorComponent, Handlebars, DOMPurify) { 'use strict';
+
+    $$1 = $$1 && Object.prototype.hasOwnProperty.call($$1, 'default') ? $$1['default'] : $$1;
+    _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
+    __ = __ && Object.prototype.hasOwnProperty.call(__, 'default') ? __['default'] : __;
+    mimeType = mimeType && Object.prototype.hasOwnProperty.call(mimeType, 'default') ? mimeType['default'] : mimeType;
+    alignmentHelper = alignmentHelper && Object.prototype.hasOwnProperty.call(alignmentHelper, 'default') ? alignmentHelper['default'] : alignmentHelper;
+    mediaEditorComponent = mediaEditorComponent && Object.prototype.hasOwnProperty.call(mediaEditorComponent, 'default') ? mediaEditorComponent['default'] : mediaEditorComponent;
+    Handlebars = Handlebars && Object.prototype.hasOwnProperty.call(Handlebars, 'default') ? Handlebars['default'] : Handlebars;
+    DOMPurify = DOMPurify && Object.prototype.hasOwnProperty.call(DOMPurify, 'default') ? DOMPurify['default'] : DOMPurify;
+
+    /*
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2022 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+     */
+    function getImage(widget) {
+      var $img = widget.$original;
+      var img = widget.element;
+
+      if (widget.element.is('figure')) {
+        $img = widget.$original.find('img');
+        img = _.find(widget.element.getBody().elements, function (elem) {
+          return elem.is('img');
+        });
+      }
+
+      return {
+        $img: $img,
+        img: img
+      };
+    }
+
+    /*
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2021 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+     */
+    var mediaSizer = function mediaSizer(media, widget) {
+      var _getImage = getImage(widget),
+          img = _getImage.img,
+          $img = _getImage.$img;
+
+      var $mediaSpan = widget.$container;
+
+      if (img.data('responsive') !== media.responsive) {
+        // switch between responsive and absolute values
+        img.data('responsive', media.responsive); // clean styles from prev mode
+
+        $img.removeAttr('width');
+        $img.removeAttr('height');
+        $mediaSpan[0].removeAttribute('style');
+      }
+
+      _(['width', 'height']).each(function (sizeAttr) {
+        var val;
+
+        if (media[sizeAttr] === '' || typeof media[sizeAttr] === 'undefined' || media[sizeAttr] === null) {
+          img.removeAttr(sizeAttr);
+          $img.removeAttr(sizeAttr);
+          $mediaSpan.css(sizeAttr, '');
+        } else {
+          val = Math.round(media[sizeAttr]);
+
+          if (media.responsive) {
+            val += '%';
+            img.attr(sizeAttr, val);
+            $img.attr(sizeAttr, '100%');
+          } else {
+            img.attr(sizeAttr, val);
+            $img.attr(sizeAttr, val);
+          }
+
+          if (media.responsive || sizeAttr === 'width') {
+            $mediaSpan.css(sizeAttr, val);
+          }
+        } //trigger choice container size adaptation
+
+
+        widget.$container.trigger('contentChange.qti-widget');
+      });
+    };
+
+    /*
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2021 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+     */
+
+    var getMedia = function getMedia(imgQtiElement, $imgNode, cb) {
+      //init data-responsive:
+      if (typeof imgQtiElement.data('responsive') === 'undefined') {
+        if (imgQtiElement.attr('width') && !/[0-9]+%/.test(imgQtiElement.attr('width'))) {
+          imgQtiElement.data('responsive', false);
+        } else {
+          imgQtiElement.data('responsive', true);
+        }
+      }
+
+      if (typeof imgQtiElement.attr('original-width') !== 'undefined' && typeof imgQtiElement.attr('original-height') !== 'undefined' && typeof imgQtiElement.attr('type') !== 'undefined' && typeof imgQtiElement.attr('src') !== 'undefined' && typeof imgQtiElement.attr('width') !== 'undefined' && typeof imgQtiElement.attr('height') !== 'undefined') {
+        cb({
+          $node: $imgNode,
+          type: imgQtiElement.attr('type'),
+          src: imgQtiElement.attr('src'),
+          width: imgQtiElement.attr('width'),
+          height: imgQtiElement.attr('height'),
+          responsive: imgQtiElement.data('responsive')
+        });
+      } else {
+        mimeType.getResourceType($imgNode.attr('src'), function (err, type) {
+          imgQtiElement.attr('type', type);
+          cb({
+            $node: $imgNode,
+            type: imgQtiElement.attr('type'),
+            src: imgQtiElement.attr('src'),
+            width: imgQtiElement.attr('width'),
+            height: imgQtiElement.attr('height'),
+            responsive: imgQtiElement.data('responsive')
+          });
+        });
+      }
+    };
+
+    var getMediaCb = function getMediaCb(media, widget, mediaEditor, options) {
+      var $mediaResizer = widget.$form.find('.img-resizer');
+      media.$container = widget.$container.parents('.widget-box');
+
+      if (media.$container.length) {
+        // eslint-disable-next-line no-unused-vars
+        mediaEditor = mediaEditorComponent($mediaResizer, media, options).on('change', function (nMedia) {
+          media = nMedia;
+          widget.$original.prop('style', null); // not allowed by qti
+
+          widget.$original.removeAttr('style');
+          alignmentHelper.positionFloat(widget, media.align);
+          mediaSizer(media, widget);
+          widget.$original.removeClass('hidden');
+        });
+      }
+    };
+
+    function initMediaEditor(widget, mediaEditor, options) {
+      if (mediaEditor) {
+        mediaEditor.destroy();
+      }
+
+      if (!widget.$form.find('input[name=src]').val()) {
+        return;
+      }
+
+      var _getImage = getImage(widget),
+          img = _getImage.img,
+          $img = _getImage.$img;
+
+      getMedia(img, $img, function (m) {
+        return getMediaCb(m, widget, mediaEditor, options);
+      });
+    }
+
+    /*
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2021 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+     */
+
+    /**
+     * Extract a default label from a file/path name
+     * @param {String} fileName - the file/path
+     * @returns {String} a label
+     */
+    function extractLabel(fileName) {
+      return fileName.replace(/\.[^.]+$/, '').replace(/^(.*)\//, '').replace(/\W/, ' ').substr(0, 255);
+    }
+
+    /*
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2021 (original work) Open Assessment Technologies SA ;
+     *
+     */
+    var initAdvanced = function initAdvanced(widget) {
+      var $form = widget.$form;
+
+      var _getImage = getImage(widget),
+          img = _getImage.img;
+
+      var src = img ? img.attr('src') : '';
+
+      if (src) {
+        $form.find('[data-role=advanced]').show();
+      } else {
+        $form.find('[data-role=advanced]').hide();
+      }
+    };
+    var initUpload = function initUpload(widget) {
+      var $form = widget.$form;
+      var options = widget.options;
+
+      var _getImage2 = getImage(widget),
+          img = _getImage2.img;
+
+      var $uploadTrigger = $form.find('[data-role="upload-trigger"]');
+      var $src = $form.find('input[name=src]');
+      var $alt = $form.find('input[name=alt]');
+
+      var _openResourceMgr = function _openResourceMgr() {
+        $uploadTrigger.resourcemgr({
+          title: __('Please select an image file from the resource manager. You can add files from your computer with the button "Add file(s)".'),
+          appendContainer: options.mediaManager.appendContainer,
+          mediaSourcesUrl: options.mediaManager.mediaSourcesUrl,
+          browseUrl: options.mediaManager.browseUrl,
+          uploadUrl: options.mediaManager.uploadUrl,
+          deleteUrl: options.mediaManager.deleteUrl,
+          downloadUrl: options.mediaManager.downloadUrl,
+          fileExistsUrl: options.mediaManager.fileExistsUrl,
+          params: {
+            uri: options.uri,
+            lang: options.lang,
+            filters: [{
+              mime: 'image/jpeg'
+            }, {
+              mime: 'image/png'
+            }, {
+              mime: 'image/gif'
+            }, {
+              mime: 'image/svg+xml'
+            }, {
+              mime: 'application/x-gzip',
+              extension: 'svgz'
+            }]
+          },
+          pathParam: 'path',
+          path: options.mediaManager.path,
+          root: options.mediaManager.root,
+          select: function select(e, files) {
+            var file, alt;
+            var confirmBox, cancel, save;
+
+            if (files && files.length) {
+              file = files[0].file;
+              alt = files[0].alt;
+              $src.val(file);
+
+              if ($$1.trim($alt.val()) === '') {
+                if (alt === '') {
+                  alt = extractLabel(file);
+                }
+
+                img.attr('alt', alt);
+                $alt.val(alt).trigger('change');
+              } else {
+                confirmBox = $$1('.change-alt-modal-feedback', $form);
+                cancel = confirmBox.find('.cancel');
+                save = confirmBox.find('.save');
+                $$1('.alt-text', confirmBox).html("\"".concat($alt.val(), "\"<br>").concat(__('with'), "<br>\"").concat(alt, "\" ?"));
+                confirmBox.modal({
+                  width: 500
+                });
+                save.off('click').on('click', function () {
+                  img.attr('alt', alt);
+                  $alt.val(alt).trigger('change');
+                  confirmBox.modal('close');
+                });
+                cancel.off('click').on('click', function () {
+                  confirmBox.modal('close');
+                });
+              }
+
+              _.defer(function () {
+                img.attr('off-media-editor', 1);
+                $src.trigger('change');
+              });
+            }
+          },
+          open: function open() {
+            // hide tooltip if displayed
+            if ($src.data('$tooltip')) {
+              $src.blur().data('$tooltip').hide();
+            }
+          },
+          close: function close() {
+            // triggers validation:
+            $src.blur();
+          }
+        });
+      };
+
+      $uploadTrigger.on('click', _openResourceMgr); //if empty, open file manager immediately
+
+      if (!$src.val()) {
+        _openResourceMgr();
+      }
+    };
+    function initAll(widget, mediaEditor, options) {
+      initAdvanced(widget);
+      initMediaEditor(widget, mediaEditor, options);
+      initUpload(widget);
+    }
+
+    function _typeof(obj) {
+      "@babel/helpers - typeof";
+
+      return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+        return typeof obj;
+      } : function (obj) {
+        return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      }, _typeof(obj);
+    }
+
+    function Helpers0 (hb) {
+      //register a i18n helper
+      hb.registerHelper('__', function (key) {
+        return __(key);
+      });
+      /**
+       * Register dompurify helper
+       *
+       * https://github.com/cure53/DOMPurify
+       * with config SAFE_FOR_TEMPLATES: true
+       * to make output safe for template systems
+       */
+
+      hb.registerHelper('dompurify', function (context) {
+        return DOMPurify.sanitize(context);
+      });
+      /**
+       * Register join helper
+       *
+       * Example :
+       * var values = {a:v1, b:v2, c:v3};
+       * Using {{{join attributes '=' ' ' '"'}}} will return : a="v1" b="v2" c="v3"
+       * Using {{{join values null ' or ' '*'}}} will return : *v1* or *v2* or *v3*
+       */
+
+      hb.registerHelper('join', function (arr, keyValueGlue, fragmentGlue, wrapper) {
+        var fragments = [];
+        keyValueGlue = typeof keyValueGlue === 'string' ? keyValueGlue : undefined;
+        fragmentGlue = typeof fragmentGlue === 'string' ? fragmentGlue : ' ';
+        wrapper = typeof wrapper === 'string' ? wrapper : '"';
+
+        _.forIn(arr, function (value, key) {
+          var fragment = '';
+
+          if (value !== null || value !== undefined) {
+            if (typeof value === 'boolean') {
+              value = value ? 'true' : 'false';
+            } else if (_typeof(value) === 'object') {
+              value = _.values(value).join(' ');
+            }
+          } else {
+            value = '';
+          }
+
+          if (keyValueGlue !== undefined) {
+            fragment += key + keyValueGlue;
+          }
+
+          fragment += wrapper + value + wrapper;
+          fragments.push(fragment);
+        });
+
+        return fragments.join(fragmentGlue);
+      }); //register a classic "for loop" helper
+      //it also adds a local variable "i" as the index in each iteration loop
+
+      hb.registerHelper('for', function (startIndex, stopIndex, increment, options) {
+        var ret = '';
+        startIndex = parseInt(startIndex);
+        stopIndex = parseInt(stopIndex);
+        increment = parseInt(increment);
+
+        for (var i = startIndex; i < stopIndex; i += increment) {
+          ret += options.fn(_.extend({}, this, {
+            i: i
+          }));
+        }
+
+        return ret;
+      });
+      hb.registerHelper('equal', function (var1, var2, options) {
+        if (var1 == var2) {
+          return options.fn(this);
+        } else {
+          return options.inverse(this);
+        }
+      }); // register a "get property" helper
+      // it gets the named property from the provided context
+
+      hb.registerHelper('property', function (name, context) {
+        return context[name] || '';
+      }); // register an 'includes' helper
+      // it checks if value is in array
+
+      hb.registerHelper('includes', function (haystack, needle, options) {
+        if (_.contains(haystack, needle)) {
+          return options.fn(this);
+        }
+      });
+    }
+
+    if (!Helpers0.__initialized) {
+      Helpers0(Handlebars);
+      Helpers0.__initialized = true;
+    }
+    var Template = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+      this.compilerInfo = [4,'>= 1.0.0'];
+    helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+      var stack1, helper, options, helperMissing=helpers.helperMissing;
+
+
+      stack1 = (helper = helpers.dompurify || (depth0 && depth0.dompurify),options={hash:{},data:data},helper ? helper.call(depth0, (depth0 && depth0.text), options) : helperMissing.call(depth0, "dompurify", (depth0 && depth0.text), options));
+      if(stack1 || stack1 === 0) { return stack1; }
+      else { return ''; }
+      });
+    function tplCaptionText(data, options, asString) {
+      var html = Template(data, options);
+      return (asString || true) ? html : $(html);
+    }
+
+    /*
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2022 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+     */
+    var options = {
+      mediaDimension: {
+        active: true
+      },
+      mediaAlignment: {
+        active: true
+      }
+    };
+
+    var getImage$1 = function getImage(widget) {
+      return widget.$original.find('img');
+    };
+
+    var getCaption = function getCaption(widget) {
+      return widget.$original.find('figcaption');
+    };
+
+    var getImageElement = function getImageElement(widget) {
+      return _.find(widget.element.getBody().elements, function (elem) {
+        return elem.is('img');
+      });
+    };
+
+    var getCaptionElement = function getCaptionElement(widget) {
+      return _.find(widget.element.getBody().elements, function (elem) {
+        return elem.is('figcaption');
+      });
+    };
+
+    var formCallbacks = function formCallbacks(_ref) {
+      var widget = _ref.widget,
+          formElement = _ref.formElement,
+          mediaEditor = _ref.mediaEditor,
+          togglePlaceholder = _ref.togglePlaceholder;
+      var $img = getImage$1(widget);
+      var $figcaption = getCaption(widget);
+      var imageElem = getImageElement(widget);
+      var figcaptionElem = getCaptionElement(widget);
+      return {
+        src: _.throttle(function (elem, value) {
+          imageElem.attr('src', value);
+          $img.attr('src', widget.getAssetManager().resolve(value));
+          $img.trigger('contentChange.qti-widget').change();
+          togglePlaceholder(widget);
+          imageElem.removeAttr('off-media-editor');
+
+          if (widget.$form.find('[data-role=advanced]').is(':hidden')) {
+            var initPanel = function initPanel() {
+              initAdvanced(widget);
+              initMediaEditor(widget, mediaEditor, options);
+            };
+
+            if ($img[0].complete) {
+              initPanel();
+            } else {
+              $img.on('load.widget-panel', function () {
+                initPanel();
+                $img.off('.widget-panel');
+              });
+            }
+          }
+        }, 1000),
+        alt: function alt(elem, value) {
+          imageElem.attr('alt', value);
+        },
+        figcaption: function figcaption(elem, value) {
+          // using dompurify to clean <script> tags
+          var text = tplCaptionText({
+            text: value
+          });
+
+          if (figcaptionElem && value) {
+            // update existing capture
+            $figcaption.html(text);
+            figcaptionElem.body(text);
+          } else if (!figcaptionElem && value) {
+            // add capture
+            figcaptionElem = widget.element.addCaption(text);
+            $figcaption = $$1("<figcaption>".concat(text, "</figcaption>"));
+            widget.$original.append($figcaption);
+          } else if (figcaptionElem && !value) {
+            widget.element.removeCaption();
+            $figcaption.remove();
+            $figcaption = null;
+            figcaptionElem = null;
+          }
+        },
+        longdesc: formElement.getAttributeChangeCallback()
+      };
+    };
+
+    var initForm = function initForm(_ref2) {
+      var widget = _ref2.widget,
+          formElement = _ref2.formElement,
+          formTpl = _ref2.formTpl,
+          mediaEditor = _ref2.mediaEditor,
+          togglePlaceholder = _ref2.togglePlaceholder;
+      var imageElem = getImageElement(widget);
+      var figcaptionElem = getCaptionElement(widget);
+      widget.$form.html(formTpl({
+        baseUrl: widget.options.baseUrl || '',
+        src: imageElem.attr('src'),
+        alt: imageElem.attr('alt'),
+        figcaption: figcaptionElem ? figcaptionElem.body() : ''
+      }));
+      widget.$form.find('textarea#figcaption').on('focus.qti-widget', function () {
+        return widget.$container.addClass('edit-figcaption');
+      }).on('blur.qti-widget', function () {
+        return widget.$container.removeClass('edit-figcaption');
+      }); // init upload, advanced and media editor
+
+      initAll(widget, mediaEditor, options); // init standard ui widget
+
+      formElement.initWidget(widget.$form); // init data change callbacks
+
+      formElement.setChangeCallbacks(widget.$form, widget.element, formCallbacks({
+        widget: widget,
+        formElement: formElement,
+        mediaEditor: mediaEditor,
+        togglePlaceholder: togglePlaceholder
+      }));
+    };
+
+    function FigureStateActive (stateFactory, ActiveState, formTpl, formElement, inlineHelper) {
+      /**
+       * media Editor instance if has been initialized
+       * @type {null}
+       */
+      var mediaEditor = null;
+      var textareaObserver = null;
+      var texareaHTMLElem = null;
+      var ImgStateActive = stateFactory.extend(ActiveState, function () {
+        this.initForm();
+      }, function () {
+        this.widget.$form.find('textarea#figcaption').off('.qti-widget');
+
+        if (textareaObserver) {
+          textareaObserver.unobserve(texareaHTMLElem);
+        }
+
+        this.widget.$form.empty();
+      });
+
+      ImgStateActive.prototype.initForm = function () {
+        initForm({
+          widget: this.widget,
+          formElement: formElement,
+          formTpl: formTpl,
+          mediaEditor: mediaEditor,
+          togglePlaceholder: inlineHelper.togglePlaceholder
+        });
+        var figurelem = this.widget.element;
+        var $texarea = this.widget.$form.find('textarea#figcaption');
+        texareaHTMLElem = $texarea[0];
+
+        function outputsize() {
+          figurelem.data('heigthCaptionInput', $texarea.height());
+        }
+
+        if (typeof ResizeObserver !== 'undefined') {
+          textareaObserver = new ResizeObserver(outputsize).observe(texareaHTMLElem);
+
+          if (figurelem.data('heigthCaptionInput')) {
+            $texarea.height(figurelem.data('heigthCaptionInput'));
+          }
+        }
+      };
+
+      return ImgStateActive;
+    }
+
+    return FigureStateActive;
+
+});