').addClass(settings.dotsClass).appendTo(this.$element)).addClass('disabled');\n\n \t\tthis._controls.$absolute.on('click', 'button', $.proxy(function(e) {\n \t\t\tvar index = $(e.target).parent().is(this._controls.$absolute)\n \t\t\t\t? $(e.target).index() : $(e.target).parent().index();\n\n \t\t\te.preventDefault();\n\n \t\t\tthis.to(index, settings.dotsSpeed);\n \t\t}, this));\n\n \t\t/*$el.on('focusin', function() {\n \t\t\t$(document).off(\".carousel\");\n\n \t\t\t$(document).on('keydown.carousel', function(e) {\n \t\t\t\tif(e.keyCode == 37) {\n \t\t\t\t\t$el.trigger('prev.owl')\n \t\t\t\t}\n \t\t\t\tif(e.keyCode == 39) {\n \t\t\t\t\t$el.trigger('next.owl')\n \t\t\t\t}\n \t\t\t});\n \t\t});*/\n\n \t\t// override public methods of the carousel\n \t\tfor (override in this._overrides) {\n \t\t\tthis._core[override] = $.proxy(this[override], this);\n \t\t}\n \t};\n\n \t/**\n \t * Destroys the plugin.\n \t * @protected\n \t */\n \tNavigation.prototype.destroy = function() {\n \t\tvar handler, control, property, override, settings;\n \t\tsettings = this._core.settings;\n\n \t\tfor (handler in this._handlers) {\n \t\t\tthis.$element.off(handler, this._handlers[handler]);\n \t\t}\n \t\tfor (control in this._controls) {\n \t\t\tif (control === '$relative' && settings.navContainer) {\n \t\t\t\tthis._controls[control].html('');\n \t\t\t} else {\n \t\t\t\tthis._controls[control].remove();\n \t\t\t}\n \t\t}\n \t\tfor (override in this.overides) {\n \t\t\tthis._core[override] = this._overrides[override];\n \t\t}\n \t\tfor (property in Object.getOwnPropertyNames(this)) {\n \t\t\ttypeof this[property] != 'function' && (this[property] = null);\n \t\t}\n \t};\n\n \t/**\n \t * Updates the internal state.\n \t * @protected\n \t */\n \tNavigation.prototype.update = function() {\n \t\tvar i, j, k,\n \t\t\tlower = this._core.clones().length / 2,\n \t\t\tupper = lower + this._core.items().length,\n \t\t\tmaximum = this._core.maximum(true),\n \t\t\tsettings = this._core.settings,\n \t\t\tsize = settings.center || settings.autoWidth || settings.dotsData\n \t\t\t\t? 1 : settings.dotsEach || settings.items;\n\n \t\tif (settings.slideBy !== 'page') {\n \t\t\tsettings.slideBy = Math.min(settings.slideBy, settings.items);\n \t\t}\n\n \t\tif (settings.dots || settings.slideBy == 'page') {\n \t\t\tthis._pages = [];\n\n \t\t\tfor (i = lower, j = 0, k = 0; i < upper; i++) {\n \t\t\t\tif (j >= size || j === 0) {\n \t\t\t\t\tthis._pages.push({\n \t\t\t\t\t\tstart: Math.min(maximum, i - lower),\n \t\t\t\t\t\tend: i - lower + size - 1\n \t\t\t\t\t});\n \t\t\t\t\tif (Math.min(maximum, i - lower) === maximum) {\n \t\t\t\t\t\tbreak;\n \t\t\t\t\t}\n \t\t\t\t\tj = 0, ++k;\n \t\t\t\t}\n \t\t\t\tj += this._core.mergers(this._core.relative(i));\n \t\t\t}\n \t\t}\n \t};\n\n \t/**\n \t * Draws the user interface.\n \t * @todo The option `dotsData` wont work.\n \t * @protected\n \t */\n \tNavigation.prototype.draw = function() {\n \t\tvar difference,\n \t\t\tsettings = this._core.settings,\n \t\t\tdisabled = this._core.items().length <= settings.items,\n \t\t\tindex = this._core.relative(this._core.current()),\n \t\t\tloop = settings.loop || settings.rewind;\n\n \t\tthis._controls.$relative.toggleClass('disabled', !settings.nav || disabled);\n\n \t\tif (settings.nav) {\n \t\t\tthis._controls.$previous.toggleClass('disabled', !loop && index <= this._core.minimum(true));\n \t\t\tthis._controls.$next.toggleClass('disabled', !loop && index >= this._core.maximum(true));\n \t\t}\n\n \t\tthis._controls.$absolute.toggleClass('disabled', !settings.dots || disabled);\n\n \t\tif (settings.dots) {\n \t\t\tdifference = this._pages.length - this._controls.$absolute.children().length;\n\n \t\t\tif (settings.dotsData && difference !== 0) {\n \t\t\t\tthis._controls.$absolute.html(this._templates.join(''));\n \t\t\t} else if (difference > 0) {\n \t\t\t\tthis._controls.$absolute.append(new Array(difference + 1).join(this._templates[0]));\n \t\t\t} else if (difference < 0) {\n \t\t\t\tthis._controls.$absolute.children().slice(difference).remove();\n \t\t\t}\n\n \t\t\tthis._controls.$absolute.find('.active').removeClass('active');\n \t\t\tthis._controls.$absolute.children().eq($.inArray(this.current(), this._pages)).addClass('active');\n \t\t}\n \t};\n\n \t/**\n \t * Extends event data.\n \t * @protected\n \t * @param {Event} event - The event object which gets thrown.\n \t */\n \tNavigation.prototype.onTrigger = function(event) {\n \t\tvar settings = this._core.settings;\n\n \t\tevent.page = {\n \t\t\tindex: $.inArray(this.current(), this._pages),\n \t\t\tcount: this._pages.length,\n \t\t\tsize: settings && (settings.center || settings.autoWidth || settings.dotsData\n \t\t\t\t? 1 : settings.dotsEach || settings.items)\n \t\t};\n \t};\n\n \t/**\n \t * Gets the current page position of the carousel.\n \t * @protected\n \t * @returns {Number}\n \t */\n \tNavigation.prototype.current = function() {\n \t\tvar current = this._core.relative(this._core.current());\n \t\treturn $.grep(this._pages, $.proxy(function(page, index) {\n \t\t\treturn page.start <= current && page.end >= current;\n \t\t}, this)).pop();\n \t};\n\n \t/**\n \t * Gets the current succesor/predecessor position.\n \t * @protected\n \t * @returns {Number}\n \t */\n \tNavigation.prototype.getPosition = function(successor) {\n \t\tvar position, length,\n \t\t\tsettings = this._core.settings;\n\n \t\tif (settings.slideBy == 'page') {\n \t\t\tposition = $.inArray(this.current(), this._pages);\n \t\t\tlength = this._pages.length;\n \t\t\tsuccessor ? ++position : --position;\n \t\t\tposition = this._pages[((position % length) + length) % length].start;\n \t\t} else {\n \t\t\tposition = this._core.relative(this._core.current());\n \t\t\tlength = this._core.items().length;\n \t\t\tsuccessor ? position += settings.slideBy : position -= settings.slideBy;\n \t\t}\n\n \t\treturn position;\n \t};\n\n \t/**\n \t * Slides to the next item or page.\n \t * @public\n \t * @param {Number} [speed=false] - The time in milliseconds for the transition.\n \t */\n \tNavigation.prototype.next = function(speed) {\n \t\t$.proxy(this._overrides.to, this._core)(this.getPosition(true), speed);\n \t};\n\n \t/**\n \t * Slides to the previous item or page.\n \t * @public\n \t * @param {Number} [speed=false] - The time in milliseconds for the transition.\n \t */\n \tNavigation.prototype.prev = function(speed) {\n \t\t$.proxy(this._overrides.to, this._core)(this.getPosition(false), speed);\n \t};\n\n \t/**\n \t * Slides to the specified item or page.\n \t * @public\n \t * @param {Number} position - The position of the item or page.\n \t * @param {Number} [speed] - The time in milliseconds for the transition.\n \t * @param {Boolean} [standard=false] - Whether to use the standard behaviour or not.\n \t */\n \tNavigation.prototype.to = function(position, speed, standard) {\n \t\tvar length;\n\n \t\tif (!standard && this._pages.length) {\n \t\t\tlength = this._pages.length;\n \t\t\t$.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed);\n \t\t} else {\n \t\t\t$.proxy(this._overrides.to, this._core)(position, speed);\n \t\t}\n \t};\n\n \t$.fn.owlCarousel.Constructor.Plugins.Navigation = Navigation;\n\n })(window.Zepto || window.jQuery, window, document);\n (function($, window, document, undefined) {\n\n \t/**\n \t * Creates the hash plugin.\n \t * @class The Hash Plugin\n \t * @param {Owl} carousel - The Owl Carousel\n \t */\n \tvar Hash = function(carousel) {\n \t\t/**\n \t\t * Reference to the core.\n \t\t * @protected\n \t\t * @type {Owl}\n \t\t */\n \t\tthis._core = carousel;\n\n \t\t/**\n \t\t * Hash index for the items.\n \t\t * @protected\n \t\t * @type {Object}\n \t\t */\n \t\tthis._hashes = {};\n\n \t\t/**\n \t\t * The carousel element.\n \t\t * @type {jQuery}\n \t\t */\n \t\tthis.$element = this._core.$element;\n\n \t\t/**\n \t\t * All event handlers.\n \t\t * @protected\n \t\t * @type {Object}\n \t\t */\n \t\tthis._handlers = {\n \t\t\t'initialized.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && this._core.settings.startPosition === 'URLHash') {\n \t\t\t\t\t$(window).trigger('hashchange.owl.navigation');\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'prepared.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace) {\n \t\t\t\t\tvar hash = $(e.content).find('[data-hash]').addBack('[data-hash]').attr('data-hash');\n\n \t\t\t\t\tif (!hash) {\n \t\t\t\t\t\treturn;\n \t\t\t\t\t}\n\n \t\t\t\t\tthis._hashes[hash] = e.content;\n \t\t\t\t}\n \t\t\t}, this),\n \t\t\t'changed.owl.carousel': $.proxy(function(e) {\n \t\t\t\tif (e.namespace && e.property.name === 'position') {\n \t\t\t\t\tvar current = this._core.items(this._core.relative(this._core.current())),\n \t\t\t\t\t\thash = $.map(this._hashes, function(item, hash) {\n \t\t\t\t\t\t\treturn item === current ? hash : null;\n \t\t\t\t\t\t}).join();\n\n \t\t\t\t\tif (!hash || window.location.hash.slice(1) === hash) {\n \t\t\t\t\t\treturn;\n \t\t\t\t\t}\n\n \t\t\t\t\twindow.location.hash = hash;\n \t\t\t\t}\n \t\t\t}, this)\n \t\t};\n\n \t\t// set default options\n \t\tthis._core.options = $.extend({}, Hash.Defaults, this._core.options);\n\n \t\t// register the event handlers\n \t\tthis.$element.on(this._handlers);\n\n \t\t// register event listener for hash navigation\n \t\t$(window).on('hashchange.owl.navigation', $.proxy(function(e) {\n \t\t\tvar hash = window.location.hash.substring(1),\n \t\t\t\titems = this._core.$stage.children(),\n \t\t\t\tposition = this._hashes[hash] && items.index(this._hashes[hash]);\n\n \t\t\tif (position === undefined || position === this._core.current()) {\n \t\t\t\treturn;\n \t\t\t}\n\n \t\t\tthis._core.to(this._core.relative(position), false, true);\n \t\t}, this));\n \t};\n\n \t/**\n \t * Default options.\n \t * @public\n \t */\n \tHash.Defaults = {\n \t\tURLhashListener: false\n \t};\n\n \t/**\n \t * Destroys the plugin.\n \t * @public\n \t */\n \tHash.prototype.destroy = function() {\n \t\tvar handler, property;\n\n \t\t$(window).off('hashchange.owl.navigation');\n\n \t\tfor (handler in this._handlers) {\n \t\t\tthis._core.$element.off(handler, this._handlers[handler]);\n \t\t}\n \t\tfor (property in Object.getOwnPropertyNames(this)) {\n \t\t\ttypeof this[property] != 'function' && (this[property] = null);\n \t\t}\n \t};\n\n \t$.fn.owlCarousel.Constructor.Plugins.Hash = Hash;\n\n })(window.Zepto || window.jQuery, window, document);\n (function($, window, document, undefined) {\n\n \tvar style = $('
').get(0).style,\n \t\tprefixes = 'Webkit Moz O ms'.split(' '),\n \t\tevents = {\n \t\t\ttransition: {\n \t\t\t\tend: {\n \t\t\t\t\tWebkitTransition: 'webkitTransitionEnd',\n \t\t\t\t\tMozTransition: 'transitionend',\n \t\t\t\t\tOTransition: 'oTransitionEnd',\n \t\t\t\t\ttransition: 'transitionend'\n \t\t\t\t}\n \t\t\t},\n \t\t\tanimation: {\n \t\t\t\tend: {\n \t\t\t\t\tWebkitAnimation: 'webkitAnimationEnd',\n \t\t\t\t\tMozAnimation: 'animationend',\n \t\t\t\t\tOAnimation: 'oAnimationEnd',\n \t\t\t\t\tanimation: 'animationend'\n \t\t\t\t}\n \t\t\t}\n \t\t},\n \t\ttests = {\n \t\t\tcsstransforms: function() {\n \t\t\t\treturn !!test('transform');\n \t\t\t},\n \t\t\tcsstransforms3d: function() {\n \t\t\t\treturn !!test('perspective');\n \t\t\t},\n \t\t\tcsstransitions: function() {\n \t\t\t\treturn !!test('transition');\n \t\t\t},\n \t\t\tcssanimations: function() {\n \t\t\t\treturn !!test('animation');\n \t\t\t}\n \t\t};\n\n \tfunction test(property, prefixed) {\n \t\tvar result = false,\n \t\t\tupper = property.charAt(0).toUpperCase() + property.slice(1);\n\n \t\t$.each((property + ' ' + prefixes.join(upper + ' ') + upper).split(' '), function(i, property) {\n \t\t\tif (style[property] !== undefined) {\n \t\t\t\tresult = prefixed ? property : true;\n \t\t\t\treturn false;\n \t\t\t}\n \t\t});\n\n \t\treturn result;\n \t}\n\n \tfunction prefixed(property) {\n \t\treturn test(property, true);\n \t}\n\n \tif (tests.csstransitions()) {\n \t\t/* jshint -W053 */\n \t\t$.support.transition = new String(prefixed('transition'));\n \t\t$.support.transition.end = events.transition.end[ $.support.transition ];\n \t}\n\n \tif (tests.cssanimations()) {\n \t\t/* jshint -W053 */\n \t\t$.support.animation = new String(prefixed('animation'));\n \t\t$.support.animation.end = events.animation.end[ $.support.animation ];\n \t}\n\n \tif (tests.csstransforms()) {\n \t\t/* jshint -W053 */\n \t\t$.support.transform = new String(prefixed('transform'));\n \t\t$.support.transform3d = tests.csstransforms3d();\n \t}\n\n })(window.Zepto || window.jQuery, window, document);\n\n var $ = window.jQuery;\r\n var ReactOwlCarousel = /** @class */ (function (_super) {\r\n __extends(ReactOwlCarousel, _super);\r\n function ReactOwlCarousel(props) {\r\n var _this = _super.call(this, props) || this;\r\n _this.containerRef = function (inst) {\r\n _this.container = inst;\r\n };\r\n var _a = filterOptions(_this.props), options = _a[0], propsWithoutOptions = _a[1];\r\n _this.options = options;\r\n _this.propsWithoutOptions = propsWithoutOptions;\r\n return _this;\r\n }\r\n ReactOwlCarousel.prototype.componentDidMount = function () {\r\n this.$ele = $(this.container);\r\n this.create();\r\n };\r\n ReactOwlCarousel.prototype.UNSAFE_componentWillReceiveProps = function () {\r\n this.destory();\r\n };\r\n ReactOwlCarousel.prototype.componentDidUpdate = function () {\r\n var _a = filterOptions(this.props), options = _a[0], propsWithoutOptions = _a[1];\r\n this.options = options;\r\n this.propsWithoutOptions = propsWithoutOptions;\r\n this.create();\r\n };\r\n ReactOwlCarousel.prototype.next = function (speed) {\r\n if (!this.$ele)\r\n throw new Error('OwlCarousel is not created');\r\n if (typeof speed === 'number') {\r\n this.$ele.trigger('next.owl.carousel', [speed]);\r\n }\r\n else {\r\n this.$ele.trigger('next.owl.carousel', speed);\r\n }\r\n };\r\n ReactOwlCarousel.prototype.prev = function (speed) {\r\n if (!this.$ele)\r\n throw new Error('OwlCarousel is not created');\r\n if (typeof speed === 'number') {\r\n this.$ele.trigger('prev.owl.carousel', [speed]);\r\n }\r\n else {\r\n this.$ele.trigger('prev.owl.carousel', speed);\r\n }\r\n };\r\n ReactOwlCarousel.prototype.to = function (position, speed) {\r\n if (!this.$ele)\r\n throw new Error('OwlCarousel is not created');\r\n if (typeof position === 'number' && typeof speed === 'number') {\r\n this.$ele.trigger('to.owl.carousel', [position, speed]);\r\n }\r\n else {\r\n this.$ele.trigger('to.owl.carousel');\r\n }\r\n };\r\n ReactOwlCarousel.prototype.create = function (options) {\r\n if (!this.$ele)\r\n throw new Error('OwlCarousel is not created');\r\n this.$ele.owlCarousel(options || this.options);\r\n };\r\n ReactOwlCarousel.prototype.destory = function () {\r\n if (!this.$ele)\r\n throw new Error('OwlCarousel is not created');\r\n this.$ele.trigger('destroy.owl.carousel');\r\n };\r\n ReactOwlCarousel.prototype.play = function (timeout, speed) {\r\n if (!this.$ele)\r\n throw new Error('OwlCarousel is not created');\r\n if (typeof timeout === 'number' && typeof speed === 'number') {\r\n this.$ele.trigger('play.owl.autoplay', [timeout, speed]);\r\n }\r\n else {\r\n this.$ele.trigger('play.owl.autoplay');\r\n }\r\n };\r\n ReactOwlCarousel.prototype.stop = function () {\r\n if (!this.$ele)\r\n throw new Error('OwlCarousel is not created');\r\n this.$ele.trigger('stop.owl.autoplay');\r\n };\r\n ReactOwlCarousel.prototype.render = function () {\r\n var _a = this.propsWithoutOptions, className = _a.className, props = __rest(_a, [\"className\"]);\r\n return (React__default.createElement(\"div\", __assign({ className: \"owl-carousel \" + className, ref: this.containerRef }, props)));\r\n };\r\n return ReactOwlCarousel;\r\n }(React.Component));\r\n var OPTIONS = new Set([\r\n 'items',\r\n 'margin',\r\n 'loop',\r\n 'center',\r\n 'mouseDrag',\r\n 'touchDrag',\r\n 'pullDrag',\r\n 'freeDrag',\r\n 'stagePadding',\r\n 'merge',\r\n 'mergeFit',\r\n 'autoWidth',\r\n 'startPosition',\r\n 'URLhashListener',\r\n 'nav',\r\n 'rewind',\r\n 'navText',\r\n 'navElement',\r\n 'slideBy',\r\n 'dots',\r\n 'dotsEach',\r\n 'dotData',\r\n 'lazyLoad',\r\n 'lazyContent',\r\n 'autoplay',\r\n 'autoplayTimeout',\r\n 'autoplayHoverPause',\r\n 'smartSpeed',\r\n 'fluidSpeed',\r\n 'autoplaySpeed',\r\n 'navSpeed',\r\n 'dotsSpeed',\r\n 'dragEndSpeed',\r\n 'callbacks',\r\n 'responsive',\r\n 'responsiveRefreshRate',\r\n 'responsiveBaseElement',\r\n 'video',\r\n 'videoHeight',\r\n 'videoWidth',\r\n 'animateOut',\r\n 'animateIn',\r\n 'fallbackEasing',\r\n 'info',\r\n 'nestedItemSelector',\r\n 'itemElement',\r\n 'stageElement',\r\n 'navContainer',\r\n 'dotsContainer',\r\n // 'CLASSES'\r\n 'refreshClass',\r\n 'loadingClass',\r\n 'loadedClass',\r\n 'rtlClass',\r\n 'dragClass',\r\n 'grabClass',\r\n 'stageClass',\r\n 'stageOuterClass',\r\n 'navContainerClass',\r\n 'navClass',\r\n 'controlsClass',\r\n 'dotClass',\r\n 'dotsClass',\r\n 'autoHeightClass',\r\n 'responsiveClass',\r\n // 'EVENTS'\r\n 'onInitialize',\r\n 'onInitialized',\r\n 'onResize',\r\n 'onResized',\r\n 'onRefresh',\r\n 'onRefreshed',\r\n 'onDrag',\r\n 'onDragged',\r\n 'onTranslate',\r\n 'onTranslated',\r\n 'onChange',\r\n 'onChanged',\r\n 'onLoadLazy',\r\n 'onLoadedLazy',\r\n 'onStopVideo',\r\n 'onPlayVideo',\r\n ]);\r\n function filterOptions(item) {\r\n var options = {};\r\n var propsWithoutOptions = {};\r\n Object.keys(item).forEach(function (key) {\r\n if (OPTIONS.has(key)) {\r\n options[key] = item[key];\r\n }\r\n else {\r\n propsWithoutOptions[key] = item[key];\r\n }\r\n });\r\n return [options, propsWithoutOptions];\r\n }\n\n return ReactOwlCarousel;\n\n})));\n","!function(e,n){if(\"object\"==typeof exports&&\"object\"==typeof module)module.exports=n();else if(\"function\"==typeof define&&define.amd)define([],n);else{var r=n();for(var t in r)(\"object\"==typeof exports?exports:e)[t]=r[t]}}(window,function(){return function(e){var n={};function r(t){if(n[t])return n[t].exports;var o=n[t]={i:t,l:!1,exports:{}};return e[t].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=n,r.d=function(e,n,t){r.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},r.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},r.t=function(e,n){if(1&n&&(e=r(e)),8&n)return e;if(4&n&&\"object\"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(r.r(t),Object.defineProperty(t,\"default\",{enumerable:!0,value:e}),2&n&&\"string\"!=typeof e)for(var o in e)r.d(t,o,function(n){return e[n]}.bind(null,o));return t},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,\"a\",n),n},r.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},r.p=\"\",r(r.s=0)}({\"./xmlParser.js\":function(e,n){function r(e,n){for(var r=0;r/g,\">\\n\").replace(/\\]\\]/g,\"]]\\n\"),t=[];return r.split(\"\\n\").map(function(e){if((e=e.trim())&&!(e.indexOf(\"?xml\")>-1))if(0==e.indexOf(\"<\")&&e.indexOf(\"CDATA\")<0){var r=n._parseTag(e);t.push(r),e.match(/\\/\\s*>$/)&&t.push(n._parseTag(\"\"))}else t[t.length-1].value+=\" \".concat(n._parseValue(e))}),this._convertTagsArrayToTree(t)[0]}},{key:\"_encodeCDATAValues\",value:function(e){for(var n=new RegExp(/1&&(e=e.replace(r[1],encodeURIComponent(r[1]))),r=n.exec(e);return e}},{key:\"_getElementsByTagName\",value:function(e){var n=[];return\"*\"!=e&&this.name.toLowerCase()!==e.toLowerCase()||n.push(this),this.children.map(function(r){n=n.concat(r.getElementsByTagName(e))}),n}},{key:\"_parseTag\",value:function(e,n){var r=e.match(/([^\\s]*)=('([^']*?)'|\"([^\"]*?)\")|([\\/?\\w\\-\\:]+)/g),t={name:r.shift().replace(/\\/\\s*$/,\"\"),attributes:{},children:[],value:\"\",getElementsByTagName:this._getElementsByTagName};return r.map(function(e){var n=e.split(\"=\");if(!(n.length<2)){var r=n[0],o=\"\";o=2===n.length?n[1]:(n=n.slice(1)).join(\"=\"),t.attributes[r]=\"string\"==typeof o?o.replace(/^\"/g,\"\").replace(/^'/g,\"\").replace(/\"$/g,\"\").replace(/'$/g,\"\").trim():o}}),t}},{key:\"_parseValue\",value:function(e){return e.indexOf(\"CDATA\")<0?e.trim():e.substring(e.lastIndexOf(\"[\")+1,e.indexOf(\"]\"))}},{key:\"_convertTagsArrayToTree\",value:function(e){for(var n=[];e.length>0;){var r=e.shift();if(r.value.indexOf(\"-1||r.name.match(/\\/$/))r.name=r.name.replace(/\\/$/,\"\").trim(),r.value=r.value.substring(0,r.value.indexOf(\"0&&(e.children.map(function(e){r+=n._toString(e)}),r+=\"\"),r}},{key:\"_convertTagToText\",value:function(e){var n=\"<\"+e.name;for(var r in e.attributes)n+=\" \"+r+'=\"'+e.attributes[r]+'\"';return e.value.length>0?n+=\">\"+e.value:n+=\">\",0===e.children.length&&(n+=\"\"),n}},{key:\"parseFromString\",value:function(e){return this._parseFromString(e)}},{key:\"toString\",value:function(e){return this._toString(e)}}])&&r(n.prototype,t),o&&r(n,o),e}()},0:function(e,n,r){e.exports=r(\"./xmlParser.js\")}})});","var scope = (typeof global !== \"undefined\" && global) ||\n (typeof self !== \"undefined\" && self) ||\n window;\nvar apply = Function.prototype.apply;\n\n// DOM APIs, for completeness\n\nexports.setTimeout = function() {\n return new Timeout(apply.call(setTimeout, scope, arguments), clearTimeout);\n};\nexports.setInterval = function() {\n return new Timeout(apply.call(setInterval, scope, arguments), clearInterval);\n};\nexports.clearTimeout =\nexports.clearInterval = function(timeout) {\n if (timeout) {\n timeout.close();\n }\n};\n\nfunction Timeout(id, clearFn) {\n this._id = id;\n this._clearFn = clearFn;\n}\nTimeout.prototype.unref = Timeout.prototype.ref = function() {};\nTimeout.prototype.close = function() {\n this._clearFn.call(scope, this._id);\n};\n\n// Does not start the time, just sets up the members needed.\nexports.enroll = function(item, msecs) {\n clearTimeout(item._idleTimeoutId);\n item._idleTimeout = msecs;\n};\n\nexports.unenroll = function(item) {\n clearTimeout(item._idleTimeoutId);\n item._idleTimeout = -1;\n};\n\nexports._unrefActive = exports.active = function(item) {\n clearTimeout(item._idleTimeoutId);\n\n var msecs = item._idleTimeout;\n if (msecs >= 0) {\n item._idleTimeoutId = setTimeout(function onTimeout() {\n if (item._onTimeout)\n item._onTimeout();\n }, msecs);\n }\n};\n\n// setimmediate attaches itself to the global object\nrequire(\"setimmediate\");\n// On some exotic environments, it's not clear which object `setimmediate` was\n// able to install onto. Search each possibility in the same order as the\n// `setimmediate` library.\nexports.setImmediate = (typeof self !== \"undefined\" && self.setImmediate) ||\n (typeof global !== \"undefined\" && global.setImmediate) ||\n (this && this.setImmediate);\nexports.clearImmediate = (typeof self !== \"undefined\" && self.clearImmediate) ||\n (typeof global !== \"undefined\" && global.clearImmediate) ||\n (this && this.clearImmediate);\n","import React, { useRef, useEffect } from 'react';\nimport Cropper from 'cropperjs';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n\r\nvar __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n\r\nfunction __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\n\nvar applyDefaultOptions = function (cropper, options) {\r\n if (options === void 0) { options = {}; }\r\n var _a = options.enable, enable = _a === void 0 ? true : _a, _b = options.scaleX, scaleX = _b === void 0 ? 1 : _b, _c = options.scaleY, scaleY = _c === void 0 ? 1 : _c, _d = options.zoomTo, zoomTo = _d === void 0 ? 0 : _d, rotateTo = options.rotateTo;\r\n enable ? cropper.enable() : cropper.disable();\r\n cropper.scaleX(scaleX);\r\n cropper.scaleY(scaleY);\r\n rotateTo !== undefined && cropper.rotateTo(rotateTo);\r\n zoomTo > 0 && cropper.zoomTo(zoomTo);\r\n};\r\n/**\r\n * sourced from: https://itnext.io/reusing-the-ref-from-forwardref-with-react-hooks-4ce9df693dd\r\n */\r\nvar useCombinedRefs = function () {\r\n var refs = [];\r\n for (var _i = 0; _i < arguments.length; _i++) {\r\n refs[_i] = arguments[_i];\r\n }\r\n var targetRef = useRef(null);\r\n React.useEffect(function () {\r\n refs.forEach(function (ref) {\r\n if (!ref)\r\n return;\r\n if (typeof ref === 'function') {\r\n ref(targetRef.current);\r\n }\r\n else {\r\n ref.current = targetRef.current;\r\n }\r\n });\r\n }, [refs]);\r\n return targetRef;\r\n};\r\nvar ReactCropper = React.forwardRef(function (_a, ref) {\r\n var props = __rest(_a, []);\r\n var _b = props.dragMode, dragMode = _b === void 0 ? 'crop' : _b, src = props.src, style = props.style, className = props.className, crossOrigin = props.crossOrigin, scaleX = props.scaleX, scaleY = props.scaleY, enable = props.enable, zoomTo = props.zoomTo, rotateTo = props.rotateTo, _c = props.alt, alt = _c === void 0 ? 'picture' : _c, ready = props.ready, onInitialized = props.onInitialized, rest = __rest(props, [\"dragMode\", \"src\", \"style\", \"className\", \"crossOrigin\", \"scaleX\", \"scaleY\", \"enable\", \"zoomTo\", \"rotateTo\", \"alt\", \"ready\", \"onInitialized\"]);\r\n var defaultOptions = { scaleY: scaleY, scaleX: scaleX, enable: enable, zoomTo: zoomTo, rotateTo: rotateTo };\r\n var innerRef = useRef(null);\r\n var combinedRef = useCombinedRefs(ref, innerRef);\r\n /**\r\n * Invoke zoomTo method when cropper is set and zoomTo prop changes\r\n */\r\n useEffect(function () {\r\n var _a;\r\n if (((_a = combinedRef.current) === null || _a === void 0 ? void 0 : _a.cropper) && typeof zoomTo === 'number') {\r\n combinedRef.current.cropper.zoomTo(zoomTo);\r\n }\r\n }, [props.zoomTo]);\r\n /**\r\n * re-render when src changes\r\n */\r\n useEffect(function () {\r\n var _a;\r\n if (((_a = combinedRef.current) === null || _a === void 0 ? void 0 : _a.cropper) && typeof src !== 'undefined') {\r\n combinedRef.current.cropper.reset().clear().replace(src);\r\n }\r\n }, [src]);\r\n useEffect(function () {\r\n if (combinedRef.current !== null) {\r\n var cropper = new Cropper(combinedRef.current, __assign(__assign({ dragMode: dragMode }, rest), { ready: function (e) {\r\n if (e.currentTarget !== null) {\r\n applyDefaultOptions(e.currentTarget.cropper, defaultOptions);\r\n }\r\n ready && ready(e);\r\n } }));\r\n onInitialized && onInitialized(cropper);\r\n }\r\n /**\r\n * destroy cropper on un-mount\r\n */\r\n return function () {\r\n var _a, _b;\r\n (_b = (_a = combinedRef.current) === null || _a === void 0 ? void 0 : _a.cropper) === null || _b === void 0 ? void 0 : _b.destroy();\r\n };\r\n }, [combinedRef]);\r\n return (React.createElement(\"div\", { style: style, className: className },\r\n React.createElement(\"img\", { crossOrigin: crossOrigin, src: src, alt: alt, style: { opacity: 0, maxWidth: '100%' }, ref: combinedRef })));\r\n});\n\nexport default ReactCropper;\nexport { ReactCropper as Cropper };\n","/*!\n * Cropper.js v1.5.12\n * https://fengyuanchen.github.io/cropperjs\n *\n * Copyright 2015-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2021-06-12T08:00:17.411Z\n */\n\n(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Cropper = factory());\n}(this, (function () { 'use strict';\n\n function ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n\n if (enumerableOnly) {\n symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n }\n\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n }\n\n function _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n }\n\n function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function (obj) {\n return typeof obj;\n };\n } else {\n _typeof = function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n }\n\n function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n\n function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n function _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n }\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n\n function _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n }\n\n function _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n }\n\n function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n }\n\n function _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n }\n\n function _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n return arr2;\n }\n\n function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n }\n\n var IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';\n var WINDOW = IS_BROWSER ? window : {};\n var IS_TOUCH_DEVICE = IS_BROWSER && WINDOW.document.documentElement ? 'ontouchstart' in WINDOW.document.documentElement : false;\n var HAS_POINTER_EVENT = IS_BROWSER ? 'PointerEvent' in WINDOW : false;\n var NAMESPACE = 'cropper'; // Actions\n\n var ACTION_ALL = 'all';\n var ACTION_CROP = 'crop';\n var ACTION_MOVE = 'move';\n var ACTION_ZOOM = 'zoom';\n var ACTION_EAST = 'e';\n var ACTION_WEST = 'w';\n var ACTION_SOUTH = 's';\n var ACTION_NORTH = 'n';\n var ACTION_NORTH_EAST = 'ne';\n var ACTION_NORTH_WEST = 'nw';\n var ACTION_SOUTH_EAST = 'se';\n var ACTION_SOUTH_WEST = 'sw'; // Classes\n\n var CLASS_CROP = \"\".concat(NAMESPACE, \"-crop\");\n var CLASS_DISABLED = \"\".concat(NAMESPACE, \"-disabled\");\n var CLASS_HIDDEN = \"\".concat(NAMESPACE, \"-hidden\");\n var CLASS_HIDE = \"\".concat(NAMESPACE, \"-hide\");\n var CLASS_INVISIBLE = \"\".concat(NAMESPACE, \"-invisible\");\n var CLASS_MODAL = \"\".concat(NAMESPACE, \"-modal\");\n var CLASS_MOVE = \"\".concat(NAMESPACE, \"-move\"); // Data keys\n\n var DATA_ACTION = \"\".concat(NAMESPACE, \"Action\");\n var DATA_PREVIEW = \"\".concat(NAMESPACE, \"Preview\"); // Drag modes\n\n var DRAG_MODE_CROP = 'crop';\n var DRAG_MODE_MOVE = 'move';\n var DRAG_MODE_NONE = 'none'; // Events\n\n var EVENT_CROP = 'crop';\n var EVENT_CROP_END = 'cropend';\n var EVENT_CROP_MOVE = 'cropmove';\n var EVENT_CROP_START = 'cropstart';\n var EVENT_DBLCLICK = 'dblclick';\n var EVENT_TOUCH_START = IS_TOUCH_DEVICE ? 'touchstart' : 'mousedown';\n var EVENT_TOUCH_MOVE = IS_TOUCH_DEVICE ? 'touchmove' : 'mousemove';\n var EVENT_TOUCH_END = IS_TOUCH_DEVICE ? 'touchend touchcancel' : 'mouseup';\n var EVENT_POINTER_DOWN = HAS_POINTER_EVENT ? 'pointerdown' : EVENT_TOUCH_START;\n var EVENT_POINTER_MOVE = HAS_POINTER_EVENT ? 'pointermove' : EVENT_TOUCH_MOVE;\n var EVENT_POINTER_UP = HAS_POINTER_EVENT ? 'pointerup pointercancel' : EVENT_TOUCH_END;\n var EVENT_READY = 'ready';\n var EVENT_RESIZE = 'resize';\n var EVENT_WHEEL = 'wheel';\n var EVENT_ZOOM = 'zoom'; // Mime types\n\n var MIME_TYPE_JPEG = 'image/jpeg'; // RegExps\n\n var REGEXP_ACTIONS = /^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/;\n var REGEXP_DATA_URL = /^data:/;\n var REGEXP_DATA_URL_JPEG = /^data:image\\/jpeg;base64,/;\n var REGEXP_TAG_NAME = /^img|canvas$/i; // Misc\n // Inspired by the default width and height of a canvas element.\n\n var MIN_CONTAINER_WIDTH = 200;\n var MIN_CONTAINER_HEIGHT = 100;\n\n var DEFAULTS = {\n // Define the view mode of the cropper\n viewMode: 0,\n // 0, 1, 2, 3\n // Define the dragging mode of the cropper\n dragMode: DRAG_MODE_CROP,\n // 'crop', 'move' or 'none'\n // Define the initial aspect ratio of the crop box\n initialAspectRatio: NaN,\n // Define the aspect ratio of the crop box\n aspectRatio: NaN,\n // An object with the previous cropping result data\n data: null,\n // A selector for adding extra containers to preview\n preview: '',\n // Re-render the cropper when resize the window\n responsive: true,\n // Restore the cropped area after resize the window\n restore: true,\n // Check if the current image is a cross-origin image\n checkCrossOrigin: true,\n // Check the current image's Exif Orientation information\n checkOrientation: true,\n // Show the black modal\n modal: true,\n // Show the dashed lines for guiding\n guides: true,\n // Show the center indicator for guiding\n center: true,\n // Show the white modal to highlight the crop box\n highlight: true,\n // Show the grid background\n background: true,\n // Enable to crop the image automatically when initialize\n autoCrop: true,\n // Define the percentage of automatic cropping area when initializes\n autoCropArea: 0.8,\n // Enable to move the image\n movable: true,\n // Enable to rotate the image\n rotatable: true,\n // Enable to scale the image\n scalable: true,\n // Enable to zoom the image\n zoomable: true,\n // Enable to zoom the image by dragging touch\n zoomOnTouch: true,\n // Enable to zoom the image by wheeling mouse\n zoomOnWheel: true,\n // Define zoom ratio when zoom the image by wheeling mouse\n wheelZoomRatio: 0.1,\n // Enable to move the crop box\n cropBoxMovable: true,\n // Enable to resize the crop box\n cropBoxResizable: true,\n // Toggle drag mode between \"crop\" and \"move\" when click twice on the cropper\n toggleDragModeOnDblclick: true,\n // Size limitation\n minCanvasWidth: 0,\n minCanvasHeight: 0,\n minCropBoxWidth: 0,\n minCropBoxHeight: 0,\n minContainerWidth: MIN_CONTAINER_WIDTH,\n minContainerHeight: MIN_CONTAINER_HEIGHT,\n // Shortcuts of events\n ready: null,\n cropstart: null,\n cropmove: null,\n cropend: null,\n crop: null,\n zoom: null\n };\n\n var TEMPLATE = '' + '
' + '
' + '
' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '
' + '
![]()
or