')\n\n if (this._config.image != null) {\n const toastImage = $('![]()
').addClass('rounded mr-2').attr('src', this._config.image).attr('alt', this._config.imageAlt)\n\n if (this._config.imageHeight != null) {\n toastImage.height(this._config.imageHeight).width('auto')\n }\n\n toastHeader.append(toastImage)\n }\n\n if (this._config.icon != null) {\n toastHeader.append($('').addClass('mr-2').addClass(this._config.icon))\n }\n\n if (this._config.title != null) {\n toastHeader.append($('').addClass('mr-auto').html(this._config.title))\n }\n\n if (this._config.subtitle != null) {\n toastHeader.append($('').html(this._config.subtitle))\n }\n\n if (this._config.close == true) {\n const toastClose = $('').attr('type', 'button').addClass('ml-2 mb-1 close').attr('aria-label', 'Close').append('×')\n\n if (this._config.title == null) {\n toastClose.toggleClass('ml-2 ml-auto')\n }\n\n toastHeader.append(toastClose)\n }\n\n toast.append(toastHeader)\n\n if (this._config.body != null) {\n toast.append($('').html(this._config.body))\n }\n\n $(this._getContainerId()).prepend(toast)\n\n const $body = $('body')\n\n $body.trigger($.Event(EVENT_CREATED))\n toast.toast('show')\n\n if (this._config.autoremove) {\n toast.on('hidden.bs.toast', function () {\n $(this).delay(200).remove()\n $body.trigger($.Event(EVENT_REMOVED))\n })\n }\n }\n\n // Static\n\n _getContainerId() {\n if (this._config.position == POSITION_TOP_RIGHT) {\n return SELECTOR_CONTAINER_TOP_RIGHT\n }\n\n if (this._config.position == POSITION_TOP_LEFT) {\n return SELECTOR_CONTAINER_TOP_LEFT\n }\n\n if (this._config.position == POSITION_BOTTOM_RIGHT) {\n return SELECTOR_CONTAINER_BOTTOM_RIGHT\n }\n\n if (this._config.position == POSITION_BOTTOM_LEFT) {\n return SELECTOR_CONTAINER_BOTTOM_LEFT\n }\n }\n\n _prepareContainer() {\n if ($(this._getContainerId()).length === 0) {\n const container = $('').attr('id', this._getContainerId().replace('#', ''))\n if (this._config.position == POSITION_TOP_RIGHT) {\n container.addClass(CLASS_NAME_TOP_RIGHT)\n } else if (this._config.position == POSITION_TOP_LEFT) {\n container.addClass(CLASS_NAME_TOP_LEFT)\n } else if (this._config.position == POSITION_BOTTOM_RIGHT) {\n container.addClass(CLASS_NAME_BOTTOM_RIGHT)\n } else if (this._config.position == POSITION_BOTTOM_LEFT) {\n container.addClass(CLASS_NAME_BOTTOM_LEFT)\n }\n\n $('body').append(container)\n }\n\n if (this._config.fixed) {\n $(this._getContainerId()).addClass('fixed')\n } else {\n $(this._getContainerId()).removeClass('fixed')\n }\n }\n\n // Static\n\n static _jQueryInterface(option, config) {\n return this.each(function () {\n const _options = $.extend({}, Default, config)\n const toast = new Toasts($(this), _options)\n\n if (option === 'create') {\n toast[option]()\n }\n })\n }\n}\n\n/**\n * jQuery API\n * ====================================================\n */\n\n$.fn[NAME] = Toasts._jQueryInterface\n$.fn[NAME].Constructor = Toasts\n$.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Toasts._jQueryInterface\n}\n\nexport default Toasts\n","/**\n * --------------------------------------------\n * AdminLTE TodoList.js\n * License MIT\n * --------------------------------------------\n */\n\nimport $ from 'jquery'\n\n/**\n * Constants\n * ====================================================\n */\n\nconst NAME = 'TodoList'\nconst DATA_KEY = 'lte.todolist'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst SELECTOR_DATA_TOGGLE = '[data-widget=\"todo-list\"]'\nconst CLASS_NAME_TODO_LIST_DONE = 'done'\n\nconst Default = {\n onCheck(item) {\n return item\n },\n onUnCheck(item) {\n return item\n }\n}\n\n/**\n * Class Definition\n * ====================================================\n */\n\nclass TodoList {\n constructor(element, config) {\n this._config = config\n this._element = element\n\n this._init()\n }\n\n // Public\n\n toggle(item) {\n item.parents('li').toggleClass(CLASS_NAME_TODO_LIST_DONE)\n if (!$(item).prop('checked')) {\n this.unCheck($(item))\n return\n }\n\n this.check(item)\n }\n\n check(item) {\n this._config.onCheck.call(item)\n }\n\n unCheck(item) {\n this._config.onUnCheck.call(item)\n }\n\n // Private\n\n _init() {\n const $toggleSelector = this._element\n\n $toggleSelector.find('input:checkbox:checked').parents('li').toggleClass(CLASS_NAME_TODO_LIST_DONE)\n $toggleSelector.on('change', 'input:checkbox', event => {\n this.toggle($(event.target))\n })\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n\n if (!data) {\n data = $(this).data()\n }\n\n const _options = $.extend({}, Default, typeof config === 'object' ? config : data)\n const plugin = new TodoList($(this), _options)\n\n $(this).data(DATA_KEY, typeof config === 'object' ? config : data)\n\n if (config === 'init') {\n plugin[config]()\n }\n })\n }\n}\n\n/**\n * Data API\n * ====================================================\n */\n\n$(window).on('load', () => {\n TodoList._jQueryInterface.call($(SELECTOR_DATA_TOGGLE))\n})\n\n/**\n * jQuery API\n * ====================================================\n */\n\n$.fn[NAME] = TodoList._jQueryInterface\n$.fn[NAME].Constructor = TodoList\n$.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return TodoList._jQueryInterface\n}\n\nexport default TodoList\n","/**\n * --------------------------------------------\n * AdminLTE Treeview.js\n * License MIT\n * --------------------------------------------\n */\n\nimport $ from 'jquery'\n\n/**\n * Constants\n * ====================================================\n */\n\nconst NAME = 'Treeview'\nconst DATA_KEY = 'lte.treeview'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst EVENT_EXPANDED = `expanded${EVENT_KEY}`\nconst EVENT_COLLAPSED = `collapsed${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}`\n\nconst SELECTOR_LI = '.nav-item'\nconst SELECTOR_LINK = '.nav-link'\nconst SELECTOR_TREEVIEW_MENU = '.nav-treeview'\nconst SELECTOR_OPEN = '.menu-open'\nconst SELECTOR_DATA_WIDGET = '[data-widget=\"treeview\"]'\n\nconst CLASS_NAME_OPEN = 'menu-open'\nconst CLASS_NAME_IS_OPENING = 'menu-is-opening'\nconst CLASS_NAME_SIDEBAR_COLLAPSED = 'sidebar-collapse'\n\nconst Default = {\n trigger: `${SELECTOR_DATA_WIDGET} ${SELECTOR_LINK}`,\n animationSpeed: 300,\n accordion: true,\n expandSidebar: false,\n sidebarButtonSelector: '[data-widget=\"pushmenu\"]'\n}\n\n/**\n * Class Definition\n * ====================================================\n */\nclass Treeview {\n constructor(element, config) {\n this._config = config\n this._element = element\n }\n\n // Public\n\n init() {\n $(`${SELECTOR_LI}${SELECTOR_OPEN} ${SELECTOR_TREEVIEW_MENU}`).css('display', 'block')\n this._setupListeners()\n }\n\n expand(treeviewMenu, parentLi) {\n const expandedEvent = $.Event(EVENT_EXPANDED)\n\n if (this._config.accordion) {\n const openMenuLi = parentLi.siblings(SELECTOR_OPEN).first()\n const openTreeview = openMenuLi.find(SELECTOR_TREEVIEW_MENU).first()\n this.collapse(openTreeview, openMenuLi)\n }\n\n parentLi.addClass(CLASS_NAME_IS_OPENING)\n treeviewMenu.stop().slideDown(this._config.animationSpeed, () => {\n parentLi.addClass(CLASS_NAME_OPEN)\n $(this._element).trigger(expandedEvent)\n })\n\n if (this._config.expandSidebar) {\n this._expandSidebar()\n }\n }\n\n collapse(treeviewMenu, parentLi) {\n const collapsedEvent = $.Event(EVENT_COLLAPSED)\n\n parentLi.removeClass(`${CLASS_NAME_IS_OPENING} ${CLASS_NAME_OPEN}`)\n treeviewMenu.stop().slideUp(this._config.animationSpeed, () => {\n $(this._element).trigger(collapsedEvent)\n treeviewMenu.find(`${SELECTOR_OPEN} > ${SELECTOR_TREEVIEW_MENU}`).slideUp()\n treeviewMenu.find(SELECTOR_OPEN).removeClass(CLASS_NAME_OPEN)\n })\n }\n\n toggle(event) {\n const $relativeTarget = $(event.currentTarget)\n const $parent = $relativeTarget.parent()\n\n let treeviewMenu = $parent.find(`> ${SELECTOR_TREEVIEW_MENU}`)\n\n if (!treeviewMenu.is(SELECTOR_TREEVIEW_MENU)) {\n if (!$parent.is(SELECTOR_LI)) {\n treeviewMenu = $parent.parent().find(`> ${SELECTOR_TREEVIEW_MENU}`)\n }\n\n if (!treeviewMenu.is(SELECTOR_TREEVIEW_MENU)) {\n return\n }\n }\n\n event.preventDefault()\n\n const parentLi = $relativeTarget.parents(SELECTOR_LI).first()\n const isOpen = parentLi.hasClass(CLASS_NAME_OPEN)\n\n if (isOpen) {\n this.collapse($(treeviewMenu), parentLi)\n } else {\n this.expand($(treeviewMenu), parentLi)\n }\n }\n\n // Private\n\n _setupListeners() {\n const elementId = this._element.attr('id') !== undefined ? `#${this._element.attr('id')}` : ''\n $(document).on('click', `${elementId}${this._config.trigger}`, event => {\n this.toggle(event)\n })\n }\n\n _expandSidebar() {\n if ($('body').hasClass(CLASS_NAME_SIDEBAR_COLLAPSED)) {\n $(this._config.sidebarButtonSelector).PushMenu('expand')\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _options = $.extend({}, Default, $(this).data())\n\n if (!data) {\n data = new Treeview($(this), _options)\n $(this).data(DATA_KEY, data)\n }\n\n if (config === 'init') {\n data[config]()\n }\n })\n }\n}\n\n/**\n * Data API\n * ====================================================\n */\n\n$(window).on(EVENT_LOAD_DATA_API, () => {\n $(SELECTOR_DATA_WIDGET).each(function () {\n Treeview._jQueryInterface.call($(this), 'init')\n })\n})\n\n/**\n * jQuery API\n * ====================================================\n */\n\n$.fn[NAME] = Treeview._jQueryInterface\n$.fn[NAME].Constructor = Treeview\n$.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Treeview._jQueryInterface\n}\n\nexport default Treeview\n","/**\n * jquery-bootstrap-scrolling-tabs\n * @version v2.6.1\n * @link https://github.com/mikejacobson/jquery-bootstrap-scrolling-tabs\n * @author Mike Jacobson \n * @license MIT License, http://www.opensource.org/licenses/MIT\n */\n/**\n * jQuery plugin version of Angular directive angular-bootstrap-scrolling-tabs:\n * https://github.com/mikejacobson/angular-bootstrap-scrolling-tabs\n *\n * Usage:\n *\n * Use case #1: HTML-defined tabs\n * ------------------------------\n * Demo: http://plnkr.co/edit/thyD0grCxIjyU4PoTt4x?p=preview\n *\n * Sample HTML:\n *\n * \n * element. Each entry is an HTML\n * string defining the tab element for the\n * corresponding tab in the tabs array.\n * The default for a tab is:\n * ' '\n * So, for example, if you had 3 tabs and you needed\n * a custom 'tooltip' attribute on each one, your\n * tabsLiContent array might look like this:\n * [\n * '',\n * '',\n * ''\n * ]\n * This plunk demonstrates its usage (in conjunction\n * with tabsPostProcessors):\n * http://plnkr.co/edit/ugJLMk7lmDCuZQziQ0k0\n * tabsPostProcessors:\n * optional array of functions, each one associated\n * with an entry in the tabs array. When a tab element\n * has been created, its associated post-processor\n * function will be called with two arguments: the\n * newly created $li and $a jQuery elements for that tab.\n * This allows you to, for example, attach a custom\n * event listener to each anchor tag.\n * This plunk demonstrates its usage (in conjunction\n * with tabsLiContent):\n * http://plnkr.co/edit/ugJLMk7lmDCuZQziQ0k0\n * ignoreTabPanes: relevant for data-driven tabs only--set to true if\n * you want the plugin to only touch the tabs\n * and to not generate the tab pane elements\n * that go in .tab-content. By default, the plugin\n * will generate the tab panes based on the content\n * property in your tab data, if a content property\n * is present.\n * scrollToTabEdge: set to true if you want to force full-width tabs\n * to display at the left scroll arrow. i.e., if the\n * scrolling stops with only half a tab showing,\n * it will snap the tab to its edge so the full tab\n * shows.\n * disableScrollArrowsOnFullyScrolled:\n * set to true if you want the left scroll arrow to\n * disable when the tabs are scrolled fully left,\n * and the right scroll arrow to disable when the tabs\n * are scrolled fully right.\n * reverseScroll:\n * set to true if you want the left scroll arrow to\n * slide the tabs left instead of right, and the right\n * scroll arrow to slide the tabs right.\n * enableSwiping:\n * set to true if you want to enable horizontal swiping\n * for touch screens.\n * widthMultiplier:\n * set to a value less than 1 if you want the tabs\n * container to be less than the full width of its\n * parent element. For example, set it to 0.5 if you\n * want the tabs container to be half the width of\n * its parent.\n * tabClickHandler:\n * a callback function to execute any time a tab is clicked.\n * The function is simply passed as the event handler\n * to jQuery's .on(), so the function will receive\n * the jQuery event as an argument, and the 'this'\n * inside the function will be the clicked tab's anchor\n * element.\n * cssClassLeftArrow, cssClassRightArrow:\n * custom values for the class attributes for the\n * left and right scroll arrows. The defaults are\n * 'glyphicon glyphicon-chevron-left' and\n * 'glyphicon glyphicon-chevron-right'.\n * Using different icons might require you to add\n * custom styling to the arrows to position the icons\n * correctly; the arrows can be targeted with these\n * selectors:\n * .scrtabs-tab-scroll-arrow\n * .scrtabs-tab-scroll-arrow-left\n * .scrtabs-tab-scroll-arrow-right\n * leftArrowContent, rightArrowContent:\n * custom HTML string for the left and right scroll\n * arrows. This will override any custom cssClassLeftArrow\n * and cssClassRightArrow settings.\n * For example, if you wanted to use svg icons, you\n * could set them like so:\n *\n * leftArrowContent: [\n * '
- \n *
- Tab Number 1 \n *
- Tab Number 2 \n *
- Tab Number 3 \n *
- Tab Number 4 \n *
\n *
\n *\n *\n * JavaScript:\n *\n * $('.nav-tabs').scrollingTabs();\n *\n *\n * Use Case #2: Data-driven tabs\n * -----------------------------\n * Demo: http://plnkr.co/edit/MWBjLnTvJeetjU3NEimg?p=preview\n *\n * Sample HTML:\n *\n * \n * \n *\n *\n * JavaScript:\n *\n * $('#tabs-inside-here').scrollingTabs({\n * tabs: tabs, // required\n * propPaneId: 'paneId', // optional\n * propTitle: 'title', // optional\n * propActive: 'active', // optional\n * propDisabled: 'disabled', // optional\n * propContent: 'content', // optional\n * ignoreTabPanes: false, // optional\n * scrollToTabEdge: false, // optional\n * disableScrollArrowsOnFullyScrolled: false, // optional\n * reverseScroll: false // optional\n * });\n *\n * Settings/Options:\n *\n * tabs: tabs data array\n * prop*: name of your tab object's property name that\n * corresponds to that required tab property if\n * your property name is different than the\n * standard name (paneId, title, etc.)\n * tabsLiContent:\n * optional string array used to define custom HTML\n * for each tab's Tab 1 content...
\n * Tab 2 content...
\n * Tab 3 content...
\n * Tab 4 content...
\n * ',\n * ' ',\n * '
'\n * ].join(''),\n * rightArrowContent: [\n * '',\n * ' ',\n * '
'\n * ].join('')\n *\n * You would then need to add some CSS to make them\n * work correctly if you don't give them the\n * default scrtabs-tab-scroll-arrow classes.\n * This plunk shows it working with svg icons:\n * http://plnkr.co/edit/2MdZCAnLyeU40shxaol3?p=preview\n *\n * When using this option, you can also mark a child\n * element within the arrow content as the click target\n * if you don't want the entire content to be\n * clickable. You do that my adding the CSS class\n * 'scrtabs-click-target' to the element that should\n * be clickable, like so:\n *\n * leftArrowContent: [\n * '',\n * ' ',\n * '
'\n * ].join(''),\n * rightArrowContent: [\n * '',\n * ' ',\n * '
'\n * ].join('')\n *\n * enableRtlSupport:\n * set to true if you want your site to support\n * right-to-left languages. If true, the plugin will\n * check the page's tag for attribute dir=\"rtl\"\n * and will adjust its behavior accordingly.\n * handleDelayedScrollbar:\n * set to true if you experience a situation where the\n * right scroll arrow wraps to the next line due to a\n * vertical scrollbar coming into existence on the page\n * after the plugin already calculated its width without\n * a scrollbar present. This would occur if, for example,\n * the bulk of the page's content loaded after a delay, \n * and only then did a vertical scrollbar become necessary.\n * It would also occur if a vertical scrollbar only appeared \n * on selection of a particular tab that had more content \n * than the default tab.\n * bootstrapVersion:\n * set to 4 if you're using Boostrap 4. Default is 3.\n * Bootstrap 4 handles some things differently than 3\n * (e.g., the 'active' class gets applied to the tab's\n * 'li > a' element rather than the 'li' itself).\n *\n *\n * On tabs data change:\n *\n * $('#tabs-inside-here').scrollingTabs('refresh');\n *\n * On tabs data change, if you want the active tab to be set based on\n * the updated tabs data (i.e., you want to override the current\n * active tab setting selected by the user), for example, if you\n * added a new tab and you want it to be the active tab:\n *\n * $('#tabs-inside-here').scrollingTabs('refresh', {\n * forceActiveTab: true\n * });\n *\n * Any options that can be passed into the plugin can be set on the\n * plugin's 'defaults' object instead so you don't have to pass them in:\n *\n * $.fn.scrollingTabs.defaults.tabs = tabs;\n * $.fn.scrollingTabs.defaults.forceActiveTab = true;\n * $.fn.scrollingTabs.defaults.scrollToTabEdge = true;\n * $.fn.scrollingTabs.defaults.disableScrollArrowsOnFullyScrolled = true;\n * $.fn.scrollingTabs.defaults.reverseScroll = true;\n * $.fn.scrollingTabs.defaults.widthMultiplier = 0.5;\n * $.fn.scrollingTabs.defaults.tabClickHandler = function () { };\n *\n *\n * Methods\n * -----------------------------\n * - refresh\n * On window resize, the tabs should refresh themselves, but to force a refresh:\n *\n * $('.nav-tabs').scrollingTabs('refresh');\n *\n * - scrollToActiveTab\n * On window resize, the active tab will automatically be scrolled to\n * if it ends up offscreen, but you can also programmatically force a\n * scroll to the active tab any time (if, for example, you're\n * programmatically setting the active tab) by calling the\n * 'scrollToActiveTab' method:\n *\n * $('.nav-tabs').scrollingTabs('scrollToActiveTab');\n *\n *\n * Events\n * -----------------------------\n * The plugin triggers event 'ready.scrtabs' when the tabs have\n * been wrapped in the scroller and are ready for viewing:\n *\n * $('.nav-tabs')\n * .scrollingTabs()\n * .on('ready.scrtabs', function() {\n * // tabs ready, do my other stuff...\n * });\n *\n * $('#tabs-inside-here')\n * .scrollingTabs({ tabs: tabs })\n * .on('ready.scrtabs', function() {\n * // tabs ready, do my other stuff...\n * });\n *\n *\n * Destroying\n * -----------------------------\n * To destroy:\n *\n * $('.nav-tabs').scrollingTabs('destroy');\n *\n * $('#tabs-inside-here').scrollingTabs('destroy');\n *\n * If you were wrapping markup, the markup will be restored; if your tabs\n * were data-driven, the tabs will be destroyed along with the plugin.\n *\n */\n\n; (function ($, window) {\n 'use strict';\n /* jshint unused:false */\n\n /* exported CONSTANTS */\n var CONSTANTS = {\n CONTINUOUS_SCROLLING_TIMEOUT_INTERVAL: 50, // timeout interval for repeatedly moving the tabs container\n // by one increment while the mouse is held down--decrease to\n // make mousedown continous scrolling faster\n SCROLL_OFFSET_FRACTION: 6, // each click moves the container this fraction of the fixed container--decrease\n // to make the tabs scroll farther per click\n\n DATA_KEY_DDMENU_MODIFIED: 'scrtabsddmenumodified',\n DATA_KEY_IS_MOUSEDOWN: 'scrtabsismousedown',\n DATA_KEY_BOOTSTRAP_TAB: 'bs.tab',\n\n CSS_CLASSES: {\n BOOTSTRAP4: 'scrtabs-bootstrap4',\n RTL: 'scrtabs-rtl',\n SCROLL_ARROW_CLICK_TARGET: 'scrtabs-click-target',\n SCROLL_ARROW_DISABLE: 'scrtabs-disable',\n SCROLL_ARROW_WITH_CLICK_TARGET: 'scrtabs-with-click-target'\n },\n\n SLIDE_DIRECTION: {\n LEFT: 1,\n RIGHT: 2\n },\n\n EVENTS: {\n CLICK: 'click.scrtabs',\n DROPDOWN_MENU_HIDE: 'hide.bs.dropdown.scrtabs',\n DROPDOWN_MENU_SHOW: 'show.bs.dropdown.scrtabs',\n FORCE_REFRESH: 'forcerefresh.scrtabs',\n MOUSEDOWN: 'mousedown.scrtabs',\n MOUSEUP: 'mouseup.scrtabs',\n TABS_READY: 'ready.scrtabs',\n TOUCH_END: 'touchend.scrtabs',\n TOUCH_MOVE: 'touchmove.scrtabs',\n TOUCH_START: 'touchstart.scrtabs',\n WINDOW_RESIZE: 'resize.scrtabs'\n }\n };\n\n // smartresize from Paul Irish (debounced window resize)\n (function (sr) {\n var debounce = function (func, threshold, execAsap) {\n var timeout;\n\n return function debounced() {\n var obj = this, args = arguments;\n function delayed() {\n if (!execAsap) {\n func.apply(obj, args);\n }\n timeout = null;\n }\n\n if (timeout) {\n clearTimeout(timeout);\n } else if (execAsap) {\n func.apply(obj, args);\n }\n\n timeout = setTimeout(delayed, threshold || 100);\n };\n };\n $.fn[sr] = function (fn, customEventName) {\n var eventName = customEventName || CONSTANTS.EVENTS.WINDOW_RESIZE;\n return fn ? this.bind(eventName, debounce(fn)) : this.trigger(sr);\n };\n\n })('smartresizeScrtabs');\n\n /* ***********************************************************************************\n * ElementsHandler - Class that each instance of ScrollingTabsControl will instantiate\n * **********************************************************************************/\n function ElementsHandler(scrollingTabsControl) {\n var ehd = this;\n\n ehd.stc = scrollingTabsControl;\n }\n\n // ElementsHandler prototype methods\n (function (p) {\n p.initElements = function (options) {\n var ehd = this;\n\n ehd.setElementReferences(options);\n ehd.setEventListeners(options);\n };\n\n p.listenForTouchEvents = function () {\n var ehd = this,\n stc = ehd.stc,\n smv = stc.scrollMovement,\n ev = CONSTANTS.EVENTS;\n\n var touching = false;\n var touchStartX;\n var startingContainerLeftPos;\n var newLeftPos;\n\n stc.$movableContainer\n .on(ev.TOUCH_START, function (e) {\n touching = true;\n startingContainerLeftPos = stc.movableContainerLeftPos;\n touchStartX = e.originalEvent.changedTouches[0].pageX;\n })\n .on(ev.TOUCH_END, function () {\n touching = false;\n })\n .on(ev.TOUCH_MOVE, function (e) {\n if (!touching) {\n return;\n }\n\n var touchPageX = e.originalEvent.changedTouches[0].pageX;\n var diff = touchPageX - touchStartX;\n if (stc.rtl) {\n diff = -diff;\n }\n var minPos;\n\n newLeftPos = startingContainerLeftPos + diff;\n if (newLeftPos > 0) {\n newLeftPos = 0;\n } else {\n minPos = smv.getMinPos();\n if (newLeftPos < minPos) {\n newLeftPos = minPos;\n }\n }\n stc.movableContainerLeftPos = newLeftPos;\n\n var leftOrRight = stc.rtl ? 'right' : 'left';\n stc.$movableContainer.css(leftOrRight, smv.getMovableContainerCssLeftVal());\n smv.refreshScrollArrowsDisabledState();\n });\n };\n\n p.refreshAllElementSizes = function () {\n var ehd = this,\n stc = ehd.stc,\n smv = stc.scrollMovement,\n scrollArrowsWereVisible = stc.scrollArrowsVisible,\n actionsTaken = {\n didScrollToActiveTab: false\n },\n isPerformingSlideAnim = false,\n minPos;\n\n ehd.setElementWidths();\n ehd.setScrollArrowVisibility();\n\n // this could have been a window resize or the removal of a\n // dynamic tab, so make sure the movable container is positioned\n // correctly because, if it is far to the left and we increased the\n // window width, it's possible that the tabs will be too far left,\n // beyond the min pos.\n if (stc.scrollArrowsVisible) {\n // make sure container not too far left\n minPos = smv.getMinPos();\n\n isPerformingSlideAnim = smv.scrollToActiveTab({\n isOnWindowResize: true\n });\n\n if (!isPerformingSlideAnim) {\n smv.refreshScrollArrowsDisabledState();\n\n if (stc.rtl) {\n if (stc.movableContainerRightPos < minPos) {\n smv.incrementMovableContainerLeft(minPos);\n }\n } else {\n if (stc.movableContainerLeftPos < minPos) {\n smv.incrementMovableContainerRight(minPos);\n }\n }\n }\n\n actionsTaken.didScrollToActiveTab = true;\n\n } else if (scrollArrowsWereVisible) {\n // scroll arrows went away after resize, so position movable container at 0\n stc.movableContainerLeftPos = 0;\n smv.slideMovableContainerToLeftPos();\n }\n\n return actionsTaken;\n };\n\n p.setElementReferences = function (settings) {\n var ehd = this,\n stc = ehd.stc,\n $tabsContainer = stc.$tabsContainer,\n $leftArrow,\n $rightArrow,\n $leftArrowClickTarget,\n $rightArrowClickTarget;\n\n stc.isNavPills = false;\n\n if (stc.rtl) {\n $tabsContainer.addClass(CONSTANTS.CSS_CLASSES.RTL);\n }\n\n if (stc.usingBootstrap4) {\n $tabsContainer.addClass(CONSTANTS.CSS_CLASSES.BOOTSTRAP4);\n }\n\n stc.$fixedContainer = $tabsContainer.find('.scrtabs-tabs-fixed-container');\n $leftArrow = stc.$fixedContainer.prev();\n $rightArrow = stc.$fixedContainer.next();\n\n // if we have custom arrow content, we might have a click target defined\n if (settings.leftArrowContent) {\n $leftArrowClickTarget = $leftArrow.find('.' + CONSTANTS.CSS_CLASSES.SCROLL_ARROW_CLICK_TARGET);\n }\n\n if (settings.rightArrowContent) {\n $rightArrowClickTarget = $rightArrow.find('.' + CONSTANTS.CSS_CLASSES.SCROLL_ARROW_CLICK_TARGET);\n }\n\n if ($leftArrowClickTarget && $leftArrowClickTarget.length) {\n $leftArrow.addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_WITH_CLICK_TARGET);\n } else {\n $leftArrowClickTarget = $leftArrow;\n }\n\n if ($rightArrowClickTarget && $rightArrowClickTarget.length) {\n $rightArrow.addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_WITH_CLICK_TARGET);\n } else {\n $rightArrowClickTarget = $rightArrow;\n }\n\n stc.$movableContainer = $tabsContainer.find('.scrtabs-tabs-movable-container');\n stc.$tabsUl = $tabsContainer.find('.nav-tabs');\n\n // check for pills\n if (!stc.$tabsUl.length) {\n stc.$tabsUl = $tabsContainer.find('.nav-pills');\n\n if (stc.$tabsUl.length) {\n stc.isNavPills = true;\n }\n }\n\n stc.$tabsLiCollection = stc.$tabsUl.find('> li');\n\n stc.$slideLeftArrow = stc.reverseScroll ? $leftArrow : $rightArrow;\n stc.$slideLeftArrowClickTarget = stc.reverseScroll ? $leftArrowClickTarget : $rightArrowClickTarget;\n stc.$slideRightArrow = stc.reverseScroll ? $rightArrow : $leftArrow;\n stc.$slideRightArrowClickTarget = stc.reverseScroll ? $rightArrowClickTarget : $leftArrowClickTarget;\n stc.$scrollArrows = stc.$slideLeftArrow.add(stc.$slideRightArrow);\n\n stc.$win = $(window);\n };\n\n p.setElementWidths = function () {\n var ehd = this,\n stc = ehd.stc;\n\n stc.winWidth = stc.$win.width();\n stc.scrollArrowsCombinedWidth = stc.$slideLeftArrow.outerWidth() + stc.$slideRightArrow.outerWidth();\n\n ehd.setFixedContainerWidth();\n ehd.setMovableContainerWidth();\n };\n\n p.setEventListeners = function (settings) {\n var ehd = this,\n stc = ehd.stc,\n evh = stc.eventHandlers,\n ev = CONSTANTS.EVENTS,\n resizeEventName = ev.WINDOW_RESIZE + stc.instanceId;\n\n if (settings.enableSwiping) {\n ehd.listenForTouchEvents();\n }\n\n stc.$slideLeftArrowClickTarget\n .off('.scrtabs')\n .on(ev.MOUSEDOWN, function (e) { evh.handleMousedownOnSlideMovContainerLeftArrow.call(evh, e); })\n .on(ev.MOUSEUP, function (e) { evh.handleMouseupOnSlideMovContainerLeftArrow.call(evh, e); })\n .on(ev.CLICK, function (e) { evh.handleClickOnSlideMovContainerLeftArrow.call(evh, e); });\n\n stc.$slideRightArrowClickTarget\n .off('.scrtabs')\n .on(ev.MOUSEDOWN, function (e) { evh.handleMousedownOnSlideMovContainerRightArrow.call(evh, e); })\n .on(ev.MOUSEUP, function (e) { evh.handleMouseupOnSlideMovContainerRightArrow.call(evh, e); })\n .on(ev.CLICK, function (e) { evh.handleClickOnSlideMovContainerRightArrow.call(evh, e); });\n\n if (stc.tabClickHandler) {\n stc.$tabsLiCollection\n .find('a[data-toggle=\"tab\"]')\n .off(ev.CLICK)\n .on(ev.CLICK, stc.tabClickHandler);\n }\n\n if (settings.handleDelayedScrollbar) {\n ehd.listenForDelayedScrollbar();\n }\n\n stc.$win\n .off(resizeEventName)\n .smartresizeScrtabs(function (e) { evh.handleWindowResize.call(evh, e); }, resizeEventName);\n\n $('body').on(CONSTANTS.EVENTS.FORCE_REFRESH, stc.elementsHandler.refreshAllElementSizes.bind(stc.elementsHandler));\n };\n\n p.listenForDelayedScrollbar = function () {\n var iframe = document.createElement('iframe');\n iframe.id = \"scrtabs-scrollbar-resize-listener\";\n iframe.style.cssText = 'height: 0; background-color: transparent; margin: 0; padding: 0; overflow: hidden; border-width: 0; position: absolute; width: 100%;';\n iframe.onload = function () {\n var timeout;\n\n function handleResize() {\n try {\n $(window).trigger('resize');\n timeout = null;\n } catch (e) { }\n }\n\n iframe.contentWindow.addEventListener('resize', function () {\n if (timeout) {\n clearTimeout(timeout);\n }\n\n timeout = setTimeout(handleResize, 100);\n });\n };\n\n document.body.appendChild(iframe);\n };\n\n p.setFixedContainerWidth = function () {\n var ehd = this,\n stc = ehd.stc,\n tabsContainerRect = stc.$tabsContainer.get(0).getBoundingClientRect();\n /**\n * @author poletaew\n * It solves problem with rounding by jQuery.outerWidth\n * If we have real width 100.5 px, jQuery.outerWidth returns us 101 px and we get layout's fail\n */\n stc.fixedContainerWidth = tabsContainerRect.width || (tabsContainerRect.right - tabsContainerRect.left);\n stc.fixedContainerWidth = stc.fixedContainerWidth * stc.widthMultiplier;\n\n stc.$fixedContainer.width(stc.fixedContainerWidth);\n };\n\n p.setFixedContainerWidthForHiddenScrollArrows = function () {\n var ehd = this,\n stc = ehd.stc;\n\n stc.$fixedContainer.width(stc.fixedContainerWidth);\n };\n\n p.setFixedContainerWidthForVisibleScrollArrows = function () {\n var ehd = this,\n stc = ehd.stc;\n\n stc.$fixedContainer.width(stc.fixedContainerWidth - stc.scrollArrowsCombinedWidth);\n };\n\n p.setMovableContainerWidth = function () {\n var ehd = this,\n stc = ehd.stc,\n $tabLi = stc.$tabsUl.find('> li');\n\n stc.movableContainerWidth = 0;\n\n if ($tabLi.length) {\n\n $tabLi.each(function () {\n var $li = $(this),\n totalMargin = 0;\n\n if (stc.isNavPills) { // pills have a margin-left, tabs have no margin\n totalMargin = parseInt($li.css('margin-left'), 10) + parseInt($li.css('margin-right'), 10);\n }\n\n stc.movableContainerWidth += ($li.outerWidth() + totalMargin);\n });\n\n stc.movableContainerWidth += 1;\n\n // if the tabs don't span the width of the page, force the\n // movable container width to full page width so the bottom\n // border spans the page width instead of just spanning the\n // width of the tabs\n if (stc.movableContainerWidth < stc.fixedContainerWidth) {\n stc.movableContainerWidth = stc.fixedContainerWidth;\n }\n }\n\n stc.$movableContainer.width(stc.movableContainerWidth);\n };\n\n p.setScrollArrowVisibility = function () {\n var ehd = this,\n stc = ehd.stc,\n shouldBeVisible = stc.movableContainerWidth > stc.fixedContainerWidth;\n\n if (shouldBeVisible && !stc.scrollArrowsVisible) {\n stc.$scrollArrows.show();\n stc.scrollArrowsVisible = true;\n } else if (!shouldBeVisible && stc.scrollArrowsVisible) {\n stc.$scrollArrows.hide();\n stc.scrollArrowsVisible = false;\n }\n\n if (stc.scrollArrowsVisible) {\n ehd.setFixedContainerWidthForVisibleScrollArrows();\n } else {\n ehd.setFixedContainerWidthForHiddenScrollArrows();\n }\n };\n\n }(ElementsHandler.prototype));\n\n /* ***********************************************************************************\n * EventHandlers - Class that each instance of ScrollingTabsControl will instantiate\n * **********************************************************************************/\n function EventHandlers(scrollingTabsControl) {\n var evh = this;\n\n evh.stc = scrollingTabsControl;\n }\n\n // prototype methods\n (function (p) {\n p.handleClickOnSlideMovContainerLeftArrow = function () {\n var evh = this,\n stc = evh.stc;\n\n stc.scrollMovement.incrementMovableContainerLeft();\n };\n\n p.handleClickOnSlideMovContainerRightArrow = function () {\n var evh = this,\n stc = evh.stc;\n\n stc.scrollMovement.incrementMovableContainerRight();\n };\n\n p.handleMousedownOnSlideMovContainerLeftArrow = function () {\n var evh = this,\n stc = evh.stc;\n\n stc.$slideLeftArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN, true);\n stc.scrollMovement.continueSlideMovableContainerLeft();\n };\n\n p.handleMousedownOnSlideMovContainerRightArrow = function () {\n var evh = this,\n stc = evh.stc;\n\n stc.$slideRightArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN, true);\n stc.scrollMovement.continueSlideMovableContainerRight();\n };\n\n p.handleMouseupOnSlideMovContainerLeftArrow = function () {\n var evh = this,\n stc = evh.stc;\n\n stc.$slideLeftArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN, false);\n };\n\n p.handleMouseupOnSlideMovContainerRightArrow = function () {\n var evh = this,\n stc = evh.stc;\n\n stc.$slideRightArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN, false);\n };\n\n p.handleWindowResize = function () {\n var evh = this,\n stc = evh.stc,\n newWinWidth = stc.$win.width();\n\n if (newWinWidth === stc.winWidth) {\n return false;\n }\n\n stc.winWidth = newWinWidth;\n stc.elementsHandler.refreshAllElementSizes();\n };\n\n }(EventHandlers.prototype));\n\n /* ***********************************************************************************\n * ScrollMovement - Class that each instance of ScrollingTabsControl will instantiate\n * **********************************************************************************/\n function ScrollMovement(scrollingTabsControl) {\n var smv = this;\n\n smv.stc = scrollingTabsControl;\n }\n\n // prototype methods\n (function (p) {\n\n p.continueSlideMovableContainerLeft = function () {\n var smv = this,\n stc = smv.stc;\n\n setTimeout(function () {\n if (stc.movableContainerLeftPos <= smv.getMinPos() ||\n !stc.$slideLeftArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN)) {\n return;\n }\n\n if (!smv.incrementMovableContainerLeft()) { // haven't reached max left\n smv.continueSlideMovableContainerLeft();\n }\n }, CONSTANTS.CONTINUOUS_SCROLLING_TIMEOUT_INTERVAL);\n };\n\n p.continueSlideMovableContainerRight = function () {\n var smv = this,\n stc = smv.stc;\n\n setTimeout(function () {\n if (stc.movableContainerLeftPos >= 0 ||\n !stc.$slideRightArrowClickTarget.data(CONSTANTS.DATA_KEY_IS_MOUSEDOWN)) {\n return;\n }\n\n if (!smv.incrementMovableContainerRight()) { // haven't reached max right\n smv.continueSlideMovableContainerRight();\n }\n }, CONSTANTS.CONTINUOUS_SCROLLING_TIMEOUT_INTERVAL);\n };\n\n p.decrementMovableContainerLeftPos = function (minPos) {\n var smv = this,\n stc = smv.stc;\n\n stc.movableContainerLeftPos -= (stc.fixedContainerWidth / CONSTANTS.SCROLL_OFFSET_FRACTION);\n if (stc.movableContainerLeftPos < minPos) {\n stc.movableContainerLeftPos = minPos;\n } else if (stc.scrollToTabEdge) {\n smv.setMovableContainerLeftPosToTabEdge(CONSTANTS.SLIDE_DIRECTION.LEFT);\n\n if (stc.movableContainerLeftPos < minPos) {\n stc.movableContainerLeftPos = minPos;\n }\n }\n };\n\n p.disableSlideLeftArrow = function () {\n var smv = this,\n stc = smv.stc;\n\n if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) {\n return;\n }\n\n stc.$slideLeftArrow.addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE);\n };\n\n p.disableSlideRightArrow = function () {\n var smv = this,\n stc = smv.stc;\n\n if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) {\n return;\n }\n\n stc.$slideRightArrow.addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE);\n };\n\n p.enableSlideLeftArrow = function () {\n var smv = this,\n stc = smv.stc;\n\n if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) {\n return;\n }\n\n stc.$slideLeftArrow.removeClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE);\n };\n\n p.enableSlideRightArrow = function () {\n var smv = this,\n stc = smv.stc;\n\n if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) {\n return;\n }\n\n stc.$slideRightArrow.removeClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE);\n };\n\n p.getMinPos = function () {\n var smv = this,\n stc = smv.stc;\n\n return stc.scrollArrowsVisible ? (stc.fixedContainerWidth - stc.movableContainerWidth - stc.scrollArrowsCombinedWidth) : 0;\n };\n\n p.getMovableContainerCssLeftVal = function () {\n var smv = this,\n stc = smv.stc;\n\n return (stc.movableContainerLeftPos === 0) ? '0' : stc.movableContainerLeftPos + 'px';\n };\n\n p.incrementMovableContainerLeft = function () {\n var smv = this,\n stc = smv.stc,\n minPos = smv.getMinPos();\n\n smv.decrementMovableContainerLeftPos(minPos);\n smv.slideMovableContainerToLeftPos();\n smv.enableSlideRightArrow();\n\n // return true if we're fully left, false otherwise\n return (stc.movableContainerLeftPos === minPos);\n };\n\n p.incrementMovableContainerRight = function (minPos) {\n var smv = this,\n stc = smv.stc;\n\n // if minPos passed in, the movable container was beyond the minPos\n if (minPos) {\n stc.movableContainerLeftPos = minPos;\n } else {\n stc.movableContainerLeftPos += (stc.fixedContainerWidth / CONSTANTS.SCROLL_OFFSET_FRACTION);\n\n if (stc.movableContainerLeftPos > 0) {\n stc.movableContainerLeftPos = 0;\n } else if (stc.scrollToTabEdge) {\n smv.setMovableContainerLeftPosToTabEdge(CONSTANTS.SLIDE_DIRECTION.RIGHT);\n }\n }\n\n smv.slideMovableContainerToLeftPos();\n smv.enableSlideLeftArrow();\n\n // return true if we're fully right, false otherwise\n // left pos of 0 is the movable container's max position (farthest right)\n return (stc.movableContainerLeftPos === 0);\n };\n\n p.refreshScrollArrowsDisabledState = function () {\n var smv = this,\n stc = smv.stc;\n\n if (!stc.disableScrollArrowsOnFullyScrolled || !stc.scrollArrowsVisible) {\n return;\n }\n\n if (stc.movableContainerLeftPos >= 0) { // movable container fully right\n smv.disableSlideRightArrow();\n smv.enableSlideLeftArrow();\n return;\n }\n\n if (stc.movableContainerLeftPos <= smv.getMinPos()) { // fully left\n smv.disableSlideLeftArrow();\n smv.enableSlideRightArrow();\n return;\n }\n\n smv.enableSlideLeftArrow();\n smv.enableSlideRightArrow();\n };\n\n p.scrollToActiveTab = function () {\n var smv = this,\n stc = smv.stc,\n $activeTab,\n $activeTabAnchor,\n activeTabLeftPos,\n activeTabRightPos,\n rightArrowLeftPos,\n activeTabWidth,\n leftPosOffset,\n offsetToMiddle,\n leftScrollArrowWidth,\n rightScrollArrowWidth;\n\n if (!stc.scrollArrowsVisible) {\n return;\n }\n\n if (stc.usingBootstrap4) {\n $activeTabAnchor = stc.$tabsUl.find('li > .nav-link.active');\n if ($activeTabAnchor.length) {\n $activeTab = $activeTabAnchor.parent();\n }\n } else {\n $activeTab = stc.$tabsUl.find('li.active');\n }\n\n if (!$activeTab || !$activeTab.length) {\n return;\n }\n\n rightScrollArrowWidth = stc.$slideRightArrow.outerWidth();\n activeTabWidth = $activeTab.outerWidth();\n\n /**\n * @author poletaew\n * We need relative offset (depends on $fixedContainer), don't absolute\n */\n activeTabLeftPos = $activeTab.offset().left - stc.$fixedContainer.offset().left;\n activeTabRightPos = activeTabLeftPos + activeTabWidth;\n\n rightArrowLeftPos = stc.fixedContainerWidth - rightScrollArrowWidth;\n\n if (stc.rtl) {\n leftScrollArrowWidth = stc.$slideLeftArrow.outerWidth();\n\n if (activeTabLeftPos < 0) { // active tab off left side\n stc.movableContainerLeftPos += activeTabLeftPos;\n smv.slideMovableContainerToLeftPos();\n return true;\n } else { // active tab off right side\n if (activeTabRightPos > rightArrowLeftPos) {\n stc.movableContainerLeftPos += (activeTabRightPos - rightArrowLeftPos) + (2 * rightScrollArrowWidth);\n smv.slideMovableContainerToLeftPos();\n return true;\n }\n }\n } else {\n if (activeTabRightPos > rightArrowLeftPos) { // active tab off right side\n leftPosOffset = activeTabRightPos - rightArrowLeftPos + rightScrollArrowWidth;\n offsetToMiddle = stc.fixedContainerWidth / 2;\n leftPosOffset += offsetToMiddle - (activeTabWidth / 2);\n stc.movableContainerLeftPos -= leftPosOffset;\n smv.slideMovableContainerToLeftPos();\n return true;\n } else {\n leftScrollArrowWidth = stc.$slideLeftArrow.outerWidth();\n if (activeTabLeftPos < 0) { // active tab off left side\n offsetToMiddle = stc.fixedContainerWidth / 2;\n stc.movableContainerLeftPos += (-activeTabLeftPos) + offsetToMiddle - (activeTabWidth / 2);\n smv.slideMovableContainerToLeftPos();\n return true;\n }\n }\n }\n\n return false;\n };\n\n p.setMovableContainerLeftPosToTabEdge = function (slideDirection) {\n var smv = this,\n stc = smv.stc,\n offscreenWidth = -stc.movableContainerLeftPos,\n totalTabWidth = 0;\n\n // make sure LeftPos is set so that a tab edge will be against the\n // left scroll arrow so we won't have a partial, cut-off tab\n stc.$tabsLiCollection.each(function () {\n var tabWidth = $(this).width();\n\n totalTabWidth += tabWidth;\n\n if (totalTabWidth > offscreenWidth) {\n stc.movableContainerLeftPos = (slideDirection === CONSTANTS.SLIDE_DIRECTION.RIGHT) ? -(totalTabWidth - tabWidth) : -totalTabWidth;\n return false; // exit .each() loop\n }\n\n });\n };\n\n p.slideMovableContainerToLeftPos = function () {\n var smv = this,\n stc = smv.stc,\n minPos = smv.getMinPos(),\n leftOrRightVal;\n\n if (stc.movableContainerLeftPos > 0) {\n stc.movableContainerLeftPos = 0;\n } else if (stc.movableContainerLeftPos < minPos) {\n stc.movableContainerLeftPos = minPos;\n }\n\n stc.movableContainerLeftPos = stc.movableContainerLeftPos / 1;\n leftOrRightVal = smv.getMovableContainerCssLeftVal();\n\n smv.performingSlideAnim = true;\n\n var targetPos = stc.rtl ? { right: leftOrRightVal } : { left: leftOrRightVal };\n\n stc.$movableContainer.stop().animate(targetPos, 'slow', function __slideAnimComplete() {\n var newMinPos = smv.getMinPos();\n\n smv.performingSlideAnim = false;\n\n // if we slid past the min pos--which can happen if you resize the window\n // quickly--move back into position\n if (stc.movableContainerLeftPos < newMinPos) {\n smv.decrementMovableContainerLeftPos(newMinPos);\n\n targetPos = stc.rtl ? { right: smv.getMovableContainerCssLeftVal() } : { left: smv.getMovableContainerCssLeftVal() };\n\n stc.$movableContainer.stop().animate(targetPos, 'fast', function () {\n smv.refreshScrollArrowsDisabledState();\n });\n } else {\n smv.refreshScrollArrowsDisabledState();\n }\n });\n };\n\n }(ScrollMovement.prototype));\n\n /* **********************************************************************\n * ScrollingTabsControl - Class that each directive will instantiate\n * **********************************************************************/\n function ScrollingTabsControl($tabsContainer) {\n var stc = this;\n\n stc.$tabsContainer = $tabsContainer;\n stc.instanceId = $.fn.scrollingTabs.nextInstanceId++;\n\n stc.movableContainerLeftPos = 0;\n stc.scrollArrowsVisible = false;\n stc.scrollToTabEdge = false;\n stc.disableScrollArrowsOnFullyScrolled = false;\n stc.reverseScroll = false;\n stc.widthMultiplier = 1;\n\n stc.scrollMovement = new ScrollMovement(stc);\n stc.eventHandlers = new EventHandlers(stc);\n stc.elementsHandler = new ElementsHandler(stc);\n }\n\n // prototype methods\n (function (p) {\n p.initTabs = function (options, $scroller, readyCallback, attachTabContentToDomCallback) {\n var stc = this,\n elementsHandler = stc.elementsHandler,\n num;\n\n if (options.enableRtlSupport && $('html').attr('dir') === 'rtl') {\n stc.rtl = true;\n }\n\n if (options.scrollToTabEdge) {\n stc.scrollToTabEdge = true;\n }\n\n if (options.disableScrollArrowsOnFullyScrolled) {\n stc.disableScrollArrowsOnFullyScrolled = true;\n }\n\n if (options.reverseScroll) {\n stc.reverseScroll = true;\n }\n\n if (options.widthMultiplier !== 1) {\n num = Number(options.widthMultiplier); // handle string value\n\n if (!isNaN(num)) {\n stc.widthMultiplier = num;\n }\n }\n\n if (options.bootstrapVersion.toString().charAt(0) === '4') {\n stc.usingBootstrap4 = true;\n }\n\n setTimeout(initTabsAfterTimeout, 100);\n\n function initTabsAfterTimeout() {\n var actionsTaken;\n\n // if we're just wrapping non-data-driven tabs, the user might\n // have the .nav-tabs hidden to prevent the clunky flash of\n // multi-line tabs on page refresh, so we need to make sure\n // they're visible before trying to wrap them\n $scroller.find('.nav-tabs').show();\n\n elementsHandler.initElements(options);\n actionsTaken = elementsHandler.refreshAllElementSizes();\n\n $scroller.css('visibility', 'visible');\n\n if (attachTabContentToDomCallback) {\n attachTabContentToDomCallback();\n }\n\n if (readyCallback) {\n readyCallback();\n }\n }\n };\n\n p.scrollToActiveTab = function (options) {\n var stc = this,\n smv = stc.scrollMovement;\n\n smv.scrollToActiveTab(options);\n };\n }(ScrollingTabsControl.prototype));\n\n\n /* exported buildNavTabsAndTabContentForTargetElementInstance */\n var tabElements = (function () {\n\n return {\n getElTabPaneForLi: getElTabPaneForLi,\n getNewElNavTabs: getNewElNavTabs,\n getNewElScrollerElementWrappingNavTabsInstance: getNewElScrollerElementWrappingNavTabsInstance,\n getNewElTabAnchor: getNewElTabAnchor,\n getNewElTabContent: getNewElTabContent,\n getNewElTabLi: getNewElTabLi,\n getNewElTabPane: getNewElTabPane\n };\n\n ///////////////////\n\n // ---- retrieve existing elements from the DOM ----------\n function getElTabPaneForLi($li) {\n return $($li.find('a').attr('href'));\n }\n\n\n // ---- create new elements ----------\n function getNewElNavTabs() {\n return $('',\n $leftArrow = $(leftArrowContent),\n rightArrowContent = settings.rightArrowContent || '
',\n $rightArrow = $(rightArrowContent),\n $fixedContainer = $(''),\n $movableContainer = $('');\n\n if (settings.disableScrollArrowsOnFullyScrolled) {\n $leftArrow.add($rightArrow).addClass(CONSTANTS.CSS_CLASSES.SCROLL_ARROW_DISABLE);\n }\n\n return $tabsContainer\n .append($leftArrow,\n $fixedContainer.append($movableContainer.append($navTabsInstance)),\n $rightArrow);\n }\n\n function getNewElTabAnchor(tab, propNames) {\n return $('')\n .attr('href', '#' + tab[propNames.paneId])\n .html(tab[propNames.title]);\n }\n\n function getNewElTabContent() {\n return $('');\n }\n\n function getNewElTabLi(tab, propNames, options) {\n var liContent = options.tabLiContent || '',\n $li = $(liContent),\n $a = getNewElTabAnchor(tab, propNames).appendTo($li);\n\n if (tab[propNames.disabled]) {\n $li.addClass('disabled');\n $a.attr('data-toggle', '');\n } else if (options.forceActiveTab && tab[propNames.active]) {\n $li.addClass('active');\n }\n\n if (options.tabPostProcessor) {\n options.tabPostProcessor($li, $a);\n }\n\n return $li;\n }\n\n function getNewElTabPane(tab, propNames, options) {\n var $pane = $('')\n .attr('id', tab[propNames.paneId])\n .html(tab[propNames.content]);\n\n if (options.forceActiveTab && tab[propNames.active]) {\n $pane.addClass('active');\n }\n\n return $pane;\n }\n\n\n }()); // tabElements\n\n var tabUtils = (function () {\n\n return {\n didTabOrderChange: didTabOrderChange,\n getIndexOfClosestEnabledTab: getIndexOfClosestEnabledTab,\n getTabIndexByPaneId: getTabIndexByPaneId,\n storeDataOnLiEl: storeDataOnLiEl\n };\n\n ///////////////////\n\n function didTabOrderChange($currTabLis, updatedTabs, propNames) {\n var isTabOrderChanged = false;\n\n $currTabLis.each(function (currDomIdx) {\n var newIdx = getTabIndexByPaneId(updatedTabs, propNames.paneId, $(this).data('tab')[propNames.paneId]);\n\n if ((newIdx > -1) && (newIdx !== currDomIdx)) { // tab moved\n isTabOrderChanged = true;\n return false; // exit .each() loop\n }\n });\n\n return isTabOrderChanged;\n }\n\n function getIndexOfClosestEnabledTab($currTabLis, startIndex) {\n var lastIndex = $currTabLis.length - 1,\n closestIdx = -1,\n incrementFromStartIndex = 0,\n testIdx = 0;\n\n // expand out from the current tab looking for an enabled tab;\n // we prefer the tab after us over the tab before\n while ((closestIdx === -1) && (testIdx >= 0)) {\n\n if ((((testIdx = startIndex + (++incrementFromStartIndex)) <= lastIndex) &&\n !$currTabLis.eq(testIdx).hasClass('disabled')) ||\n (((testIdx = startIndex - incrementFromStartIndex) >= 0) &&\n !$currTabLis.eq(testIdx).hasClass('disabled'))) {\n\n closestIdx = testIdx;\n\n }\n }\n\n return closestIdx;\n }\n\n function getTabIndexByPaneId(tabs, paneIdPropName, paneId) {\n var idx = -1;\n\n tabs.some(function (tab, i) {\n if (tab[paneIdPropName] === paneId) {\n idx = i;\n return true; // exit loop\n }\n });\n\n return idx;\n }\n\n function storeDataOnLiEl($li, tabs, index) {\n $li.data({\n tab: $.extend({}, tabs[index]), // store a clone so we can check for changes\n index: index\n });\n }\n\n }()); // tabUtils\n\n function buildNavTabsAndTabContentForTargetElementInstance($targetElInstance, settings, readyCallback) {\n var tabs = settings.tabs,\n propNames = {\n paneId: settings.propPaneId,\n title: settings.propTitle,\n active: settings.propActive,\n disabled: settings.propDisabled,\n content: settings.propContent\n },\n ignoreTabPanes = settings.ignoreTabPanes,\n hasTabContent = tabs.length && tabs[0][propNames.content] !== undefined,\n $navTabs = tabElements.getNewElNavTabs(),\n $tabContent = tabElements.getNewElTabContent(),\n $scroller,\n attachTabContentToDomCallback = ignoreTabPanes ? null : function () {\n $scroller.after($tabContent);\n };\n\n if (!tabs.length) {\n return;\n }\n\n tabs.forEach(function (tab, index) {\n var options = {\n forceActiveTab: true,\n tabLiContent: settings.tabsLiContent && settings.tabsLiContent[index],\n tabPostProcessor: settings.tabsPostProcessors && settings.tabsPostProcessors[index]\n };\n\n tabElements\n .getNewElTabLi(tab, propNames, options)\n .appendTo($navTabs);\n\n // build the tab panes if we weren't told to ignore them and there's\n // tab content data available\n if (!ignoreTabPanes && hasTabContent) {\n tabElements\n .getNewElTabPane(tab, propNames, options)\n .appendTo($tabContent);\n }\n });\n\n $scroller = wrapNavTabsInstanceInScroller($navTabs,\n settings,\n readyCallback,\n attachTabContentToDomCallback);\n\n $scroller.appendTo($targetElInstance);\n\n $targetElInstance.data({\n scrtabs: {\n tabs: tabs,\n propNames: propNames,\n ignoreTabPanes: ignoreTabPanes,\n hasTabContent: hasTabContent,\n tabsLiContent: settings.tabsLiContent,\n tabsPostProcessors: settings.tabsPostProcessors,\n scroller: $scroller\n }\n });\n\n // once the nav-tabs are wrapped in the scroller, attach each tab's\n // data to it for reference later; we need to wait till they're\n // wrapped in the scroller because we wrap a *clone* of the nav-tabs\n // we built above, not the original nav-tabs\n $scroller.find('.nav-tabs > li').each(function (index) {\n tabUtils.storeDataOnLiEl($(this), tabs, index);\n });\n\n return $targetElInstance;\n }\n\n\n function wrapNavTabsInstanceInScroller($navTabsInstance, settings, readyCallback, attachTabContentToDomCallback) {\n // Remove tab data stored by Bootstrap in order to fix tabs that were already visited\n $navTabsInstance\n .find('a[data-toggle=\"tab\"]')\n .removeData(CONSTANTS.DATA_KEY_BOOTSTRAP_TAB);\n\n var $scroller = tabElements.getNewElScrollerElementWrappingNavTabsInstance($navTabsInstance.clone(true), settings), // use clone because we replaceWith later\n scrollingTabsControl = new ScrollingTabsControl($scroller),\n navTabsInstanceData = $navTabsInstance.data('scrtabs');\n\n if (!navTabsInstanceData) {\n $navTabsInstance.data('scrtabs', {\n scroller: $scroller\n });\n } else {\n navTabsInstanceData.scroller = $scroller;\n }\n\n $navTabsInstance.replaceWith($scroller.css('visibility', 'hidden'));\n\n if (settings.tabClickHandler && (typeof settings.tabClickHandler === 'function')) {\n $scroller.hasTabClickHandler = true;\n scrollingTabsControl.tabClickHandler = settings.tabClickHandler;\n }\n\n $scroller.initTabs = function () {\n scrollingTabsControl.initTabs(settings,\n $scroller,\n readyCallback,\n attachTabContentToDomCallback);\n };\n\n $scroller.scrollToActiveTab = function () {\n scrollingTabsControl.scrollToActiveTab(settings);\n };\n\n $scroller.initTabs();\n\n listenForDropdownMenuTabs($scroller, scrollingTabsControl);\n\n return $scroller;\n }\n\n /* exported listenForDropdownMenuTabs,\n refreshTargetElementInstance,\n scrollToActiveTab */\n function checkForTabAdded(refreshData) {\n var updatedTabsArray = refreshData.updatedTabsArray,\n updatedTabsLiContent = refreshData.updatedTabsLiContent || [],\n updatedTabsPostProcessors = refreshData.updatedTabsPostProcessors || [],\n propNames = refreshData.propNames,\n ignoreTabPanes = refreshData.ignoreTabPanes,\n options = refreshData.options,\n $currTabLis = refreshData.$currTabLis,\n $navTabs = refreshData.$navTabs,\n $currTabContentPanesContainer = ignoreTabPanes ? null : refreshData.$currTabContentPanesContainer,\n $currTabContentPanes = ignoreTabPanes ? null : refreshData.$currTabContentPanes,\n isInitTabsRequired = false;\n\n // make sure each tab in the updated tabs array has a corresponding DOM element\n updatedTabsArray.forEach(function (tab, idx) {\n var $li = $currTabLis.find('a[href=\"#' + tab[propNames.paneId] + '\"]'),\n isTabIdxPastCurrTabs = (idx >= $currTabLis.length),\n $pane;\n\n if (!$li.length) { // new tab\n isInitTabsRequired = true;\n\n // add the tab, add its pane (if necessary), and refresh the scroller\n options.tabLiContent = updatedTabsLiContent[idx];\n options.tabPostProcessor = updatedTabsPostProcessors[idx];\n $li = tabElements.getNewElTabLi(tab, propNames, options);\n tabUtils.storeDataOnLiEl($li, updatedTabsArray, idx);\n\n if (isTabIdxPastCurrTabs) { // append to end of current tabs\n $li.appendTo($navTabs);\n } else { // insert in middle of current tabs\n $li.insertBefore($currTabLis.eq(idx));\n }\n\n if (!ignoreTabPanes && tab[propNames.content] !== undefined) {\n $pane = tabElements.getNewElTabPane(tab, propNames, options);\n if (isTabIdxPastCurrTabs) { // append to end of current tabs\n $pane.appendTo($currTabContentPanesContainer);\n } else { // insert in middle of current tabs\n $pane.insertBefore($currTabContentPanes.eq(idx));\n }\n }\n\n }\n\n });\n\n return isInitTabsRequired;\n }\n\n function checkForTabPropertiesUpdated(refreshData) {\n var tabLiData = refreshData.tabLi,\n ignoreTabPanes = refreshData.ignoreTabPanes,\n $li = tabLiData.$li,\n $contentPane = tabLiData.$contentPane,\n origTabData = tabLiData.origTabData,\n newTabData = tabLiData.newTabData,\n propNames = refreshData.propNames,\n isInitTabsRequired = false;\n\n // update tab title if necessary\n if (origTabData[propNames.title] !== newTabData[propNames.title]) {\n $li.find('a[role=\"tab\"]')\n .html(origTabData[propNames.title] = newTabData[propNames.title]);\n\n isInitTabsRequired = true;\n }\n\n // update tab disabled state if necessary\n if (origTabData[propNames.disabled] !== newTabData[propNames.disabled]) {\n if (newTabData[propNames.disabled]) { // enabled -> disabled\n $li.addClass('disabled');\n $li.find('a[role=\"tab\"]').attr('data-toggle', '');\n } else { // disabled -> enabled\n $li.removeClass('disabled');\n $li.find('a[role=\"tab\"]').attr('data-toggle', 'tab');\n }\n\n origTabData[propNames.disabled] = newTabData[propNames.disabled];\n isInitTabsRequired = true;\n }\n\n // update tab active state if necessary\n if (refreshData.options.forceActiveTab) {\n // set the active tab based on the tabs array regardless of the current\n // DOM state, which could have been changed by the user clicking a tab\n // without those changes being reflected back to the tab data\n $li[newTabData[propNames.active] ? 'addClass' : 'removeClass']('active');\n\n $contentPane[newTabData[propNames.active] ? 'addClass' : 'removeClass']('active');\n\n origTabData[propNames.active] = newTabData[propNames.active];\n\n isInitTabsRequired = true;\n }\n\n // update tab content pane if necessary\n if (!ignoreTabPanes && origTabData[propNames.content] !== newTabData[propNames.content]) {\n $contentPane.html(origTabData[propNames.content] = newTabData[propNames.content]);\n isInitTabsRequired = true;\n }\n\n return isInitTabsRequired;\n }\n\n function checkForTabRemoved(refreshData) {\n var tabLiData = refreshData.tabLi,\n ignoreTabPanes = refreshData.ignoreTabPanes,\n $li = tabLiData.$li,\n idxToMakeActive;\n\n if (tabLiData.newIdx !== -1) { // tab was not removed--it has a valid index\n return false;\n }\n\n // if this was the active tab, make the closest enabled tab active\n if ($li.hasClass('active')) {\n\n idxToMakeActive = tabUtils.getIndexOfClosestEnabledTab(refreshData.$currTabLis, tabLiData.currDomIdx);\n if (idxToMakeActive > -1) {\n refreshData.$currTabLis\n .eq(idxToMakeActive)\n .addClass('active');\n\n if (!ignoreTabPanes) {\n refreshData.$currTabContentPanes\n .eq(idxToMakeActive)\n .addClass('active');\n }\n }\n }\n\n $li.remove();\n\n if (!ignoreTabPanes) {\n tabLiData.$contentPane.remove();\n }\n\n return true;\n }\n\n function checkForTabsOrderChanged(refreshData) {\n var $currTabLis = refreshData.$currTabLis,\n updatedTabsArray = refreshData.updatedTabsArray,\n propNames = refreshData.propNames,\n ignoreTabPanes = refreshData.ignoreTabPanes,\n newTabsCollection = [],\n newTabPanesCollection = ignoreTabPanes ? null : [];\n\n if (!tabUtils.didTabOrderChange($currTabLis, updatedTabsArray, propNames)) {\n return false;\n }\n\n // the tab order changed...\n updatedTabsArray.forEach(function (t) {\n var paneId = t[propNames.paneId];\n\n newTabsCollection.push(\n $currTabLis\n .find('a[role=\"tab\"][href=\"#' + paneId + '\"]')\n .parent('li')\n );\n\n if (!ignoreTabPanes) {\n newTabPanesCollection.push($('#' + paneId));\n }\n });\n\n refreshData.$navTabs.append(newTabsCollection);\n\n if (!ignoreTabPanes) {\n refreshData.$currTabContentPanesContainer.append(newTabPanesCollection);\n }\n\n return true;\n }\n\n function checkForTabsRemovedOrUpdated(refreshData) {\n var $currTabLis = refreshData.$currTabLis,\n updatedTabsArray = refreshData.updatedTabsArray,\n propNames = refreshData.propNames,\n isInitTabsRequired = false;\n\n\n $currTabLis.each(function (currDomIdx) {\n var $li = $(this),\n origTabData = $li.data('tab'),\n newIdx = tabUtils.getTabIndexByPaneId(updatedTabsArray, propNames.paneId, origTabData[propNames.paneId]),\n newTabData = (newIdx > -1) ? updatedTabsArray[newIdx] : null;\n\n refreshData.tabLi = {\n $li: $li,\n currDomIdx: currDomIdx,\n newIdx: newIdx,\n $contentPane: tabElements.getElTabPaneForLi($li),\n origTabData: origTabData,\n newTabData: newTabData\n };\n\n if (checkForTabRemoved(refreshData)) {\n isInitTabsRequired = true;\n return; // continue to next $li in .each() since we removed this tab\n }\n\n if (checkForTabPropertiesUpdated(refreshData)) {\n isInitTabsRequired = true;\n }\n });\n\n return isInitTabsRequired;\n }\n\n function listenForDropdownMenuTabs($scroller, stc) {\n var $ddMenu;\n\n // for dropdown menus to show, we need to move them out of the\n // scroller and append them to the body\n $scroller\n .on(CONSTANTS.EVENTS.DROPDOWN_MENU_SHOW, handleDropdownShow)\n .on(CONSTANTS.EVENTS.DROPDOWN_MENU_HIDE, handleDropdownHide);\n\n function handleDropdownHide(e) {\n // move the dropdown menu back into its tab\n $(e.target).append($ddMenu.off(CONSTANTS.EVENTS.CLICK));\n }\n\n function handleDropdownShow(e) {\n var $ddParentTabLi = $(e.target),\n ddLiOffset = $ddParentTabLi.offset(),\n $currActiveTab = $scroller.find('li[role=\"presentation\"].active'),\n ddMenuRightX,\n tabsContainerMaxX,\n ddMenuTargetLeft;\n\n $ddMenu = $ddParentTabLi\n .find('.dropdown-menu')\n .attr('data-' + CONSTANTS.DATA_KEY_DDMENU_MODIFIED, true);\n\n // if the dropdown's parent tab li isn't already active,\n // we need to deactivate any active menu item in the dropdown\n if ($currActiveTab[0] !== $ddParentTabLi[0]) {\n $ddMenu.find('li.active').removeClass('active');\n }\n\n // we need to do our own click handling because the built-in\n // bootstrap handlers won't work since we moved the dropdown\n // menu outside the tabs container\n $ddMenu.on(CONSTANTS.EVENTS.CLICK, 'a[role=\"tab\"]', handleClickOnDropdownMenuItem);\n\n $('body').append($ddMenu);\n\n // make sure the menu doesn't go off the right side of the page\n ddMenuRightX = $ddMenu.width() + ddLiOffset.left;\n tabsContainerMaxX = $scroller.width() - (stc.$slideRightArrow.outerWidth() + 1);\n ddMenuTargetLeft = ddLiOffset.left;\n\n if (ddMenuRightX > tabsContainerMaxX) {\n ddMenuTargetLeft -= (ddMenuRightX - tabsContainerMaxX);\n }\n\n $ddMenu.css({\n 'display': 'block',\n 'top': ddLiOffset.top + $ddParentTabLi.outerHeight() - 2,\n 'left': ddMenuTargetLeft\n });\n\n function handleClickOnDropdownMenuItem() {\n /* jshint validthis: true */\n var $selectedMenuItemAnc = $(this),\n $selectedMenuItemLi = $selectedMenuItemAnc.parent('li'),\n $selectedMenuItemDropdownMenu = $selectedMenuItemLi.parent('.dropdown-menu'),\n targetPaneId = $selectedMenuItemAnc.attr('href');\n\n if ($selectedMenuItemLi.hasClass('active')) {\n return;\n }\n\n // once we select a menu item from the dropdown, deactivate\n // the current tab (unless it's our parent tab), deactivate\n // any active dropdown menu item, make our parent tab active\n // (if it's not already), and activate the selected menu item\n $scroller\n .find('li.active')\n .not($ddParentTabLi)\n .add($selectedMenuItemDropdownMenu.find('li.active'))\n .removeClass('active');\n\n $ddParentTabLi\n .add($selectedMenuItemLi)\n .addClass('active');\n\n // manually deactivate current active pane and activate our pane\n $('.tab-content .tab-pane.active').removeClass('active');\n $(targetPaneId).addClass('active');\n }\n\n }\n }\n\n function refreshDataDrivenTabs($container, options) {\n var instanceData = $container.data().scrtabs,\n scroller = instanceData.scroller,\n $navTabs = $container.find('.scrtabs-tab-container .nav-tabs'),\n $currTabContentPanesContainer = $container.find('.tab-content'),\n isInitTabsRequired = false,\n refreshData = {\n options: options,\n updatedTabsArray: instanceData.tabs,\n updatedTabsLiContent: instanceData.tabsLiContent,\n updatedTabsPostProcessors: instanceData.tabsPostProcessors,\n propNames: instanceData.propNames,\n ignoreTabPanes: instanceData.ignoreTabPanes,\n $navTabs: $navTabs,\n $currTabLis: $navTabs.find('> li'),\n $currTabContentPanesContainer: $currTabContentPanesContainer,\n $currTabContentPanes: $currTabContentPanesContainer.find('.tab-pane')\n };\n\n // to preserve the tab positions if we're just adding or removing\n // a tab, don't completely rebuild the tab structure, but check\n // for differences between the new tabs array and the old\n if (checkForTabAdded(refreshData)) {\n isInitTabsRequired = true;\n }\n\n if (checkForTabsOrderChanged(refreshData)) {\n isInitTabsRequired = true;\n }\n\n if (checkForTabsRemovedOrUpdated(refreshData)) {\n isInitTabsRequired = true;\n }\n\n if (isInitTabsRequired) {\n scroller.initTabs();\n }\n\n return isInitTabsRequired;\n }\n\n function refreshTargetElementInstance($container, options) {\n if (!$container.data('scrtabs')) { // target element doesn't have plugin on it\n return;\n }\n\n // force a refresh if the tabs are static html or they're data-driven\n // but the data didn't change so we didn't call initTabs()\n if ($container.data('scrtabs').isWrapperOnly || !refreshDataDrivenTabs($container, options)) {\n $('body').trigger(CONSTANTS.EVENTS.FORCE_REFRESH);\n }\n }\n\n function scrollToActiveTab() {\n /* jshint validthis: true */\n var $targetElInstance = $(this),\n scrtabsData = $targetElInstance.data('scrtabs');\n\n if (!scrtabsData) {\n return;\n }\n\n scrtabsData.scroller.scrollToActiveTab();\n }\n\n var methods = {\n destroy: function () {\n var $targetEls = this;\n\n return $targetEls.each(destroyPlugin);\n },\n\n init: function (options) {\n var $targetEls = this,\n targetElsLastIndex = $targetEls.length - 1,\n settings = $.extend({}, $.fn.scrollingTabs.defaults, options || {});\n\n // ---- tabs NOT data-driven -------------------------\n if (!settings.tabs) {\n\n // just wrap the selected .nav-tabs element(s) in the scroller\n return $targetEls.each(function (index) {\n var dataObj = {\n isWrapperOnly: true\n },\n $targetEl = $(this).data({ scrtabs: dataObj }),\n readyCallback = (index < targetElsLastIndex) ? null : function () {\n $targetEls.trigger(CONSTANTS.EVENTS.TABS_READY);\n };\n\n wrapNavTabsInstanceInScroller($targetEl, settings, readyCallback);\n });\n\n }\n\n // ---- tabs data-driven -------------------------\n return $targetEls.each(function (index) {\n var $targetEl = $(this),\n readyCallback = (index < targetElsLastIndex) ? null : function () {\n $targetEls.trigger(CONSTANTS.EVENTS.TABS_READY);\n };\n\n buildNavTabsAndTabContentForTargetElementInstance($targetEl, settings, readyCallback);\n });\n },\n\n refresh: function (options) {\n var $targetEls = this,\n settings = $.extend({}, $.fn.scrollingTabs.defaults, options || {});\n\n return $targetEls.each(function () {\n refreshTargetElementInstance($(this), settings);\n });\n },\n\n scrollToActiveTab: function () {\n return this.each(scrollToActiveTab);\n }\n };\n\n function destroyPlugin() {\n /* jshint validthis: true */\n var $targetElInstance = $(this),\n scrtabsData = $targetElInstance.data('scrtabs'),\n $tabsContainer;\n\n if (!scrtabsData) {\n return;\n }\n\n if (scrtabsData.enableSwipingElement === 'self') {\n $targetElInstance.removeClass(CONSTANTS.CSS_CLASSES.ALLOW_SCROLLBAR);\n } else if (scrtabsData.enableSwipingElement === 'parent') {\n $targetElInstance.closest('.scrtabs-tab-container').parent().removeClass(CONSTANTS.CSS_CLASSES.ALLOW_SCROLLBAR);\n }\n\n scrtabsData.scroller\n .off(CONSTANTS.EVENTS.DROPDOWN_MENU_SHOW)\n .off(CONSTANTS.EVENTS.DROPDOWN_MENU_HIDE);\n\n // if there were any dropdown menus opened, remove the css we added to\n // them so they would display correctly\n scrtabsData.scroller\n .find('[data-' + CONSTANTS.DATA_KEY_DDMENU_MODIFIED + ']')\n .css({\n display: '',\n left: '',\n top: ''\n })\n .off(CONSTANTS.EVENTS.CLICK)\n .removeAttr('data-' + CONSTANTS.DATA_KEY_DDMENU_MODIFIED);\n\n if (scrtabsData.scroller.hasTabClickHandler) {\n $targetElInstance\n .find('a[data-toggle=\"tab\"]')\n .off('.scrtabs');\n }\n\n if (scrtabsData.isWrapperOnly) { // we just wrapped nav-tabs markup, so restore it\n // $targetElInstance is the ul.nav-tabs\n $tabsContainer = $targetElInstance.parents('.scrtabs-tab-container');\n\n if ($tabsContainer.length) {\n $tabsContainer.replaceWith($targetElInstance);\n }\n\n } else { // we generated the tabs from data so destroy everything we created\n if (scrtabsData.scroller && scrtabsData.scroller.initTabs) {\n scrtabsData.scroller.initTabs = null;\n }\n\n // $targetElInstance is the container for the ul.nav-tabs we generated\n $targetElInstance\n .find('.scrtabs-tab-container')\n .add('.tab-content')\n .remove();\n }\n\n $targetElInstance.removeData('scrtabs');\n\n while (--$.fn.scrollingTabs.nextInstanceId >= 0) {\n $(window).off(CONSTANTS.EVENTS.WINDOW_RESIZE + $.fn.scrollingTabs.nextInstanceId);\n }\n\n $('body').off(CONSTANTS.EVENTS.FORCE_REFRESH);\n }\n\n\n $.fn.scrollingTabs = function (methodOrOptions) {\n\n if (methods[methodOrOptions]) {\n return methods[methodOrOptions].apply(this, Array.prototype.slice.call(arguments, 1));\n } else if (!methodOrOptions || (typeof methodOrOptions === 'object')) {\n return methods.init.apply(this, arguments);\n } else {\n $.error('Method ' + methodOrOptions + ' does not exist on $.scrollingTabs.');\n }\n };\n\n $.fn.scrollingTabs.nextInstanceId = 0;\n\n $.fn.scrollingTabs.defaults = {\n tabs: null,\n propPaneId: 'paneId',\n propTitle: 'title',\n propActive: 'active',\n propDisabled: 'disabled',\n propContent: 'content',\n ignoreTabPanes: false,\n scrollToTabEdge: false,\n disableScrollArrowsOnFullyScrolled: false,\n forceActiveTab: false,\n reverseScroll: false,\n widthMultiplier: 1,\n tabClickHandler: null,\n cssClassLeftArrow: 'glyphicon glyphicon-chevron-left',\n cssClassRightArrow: 'glyphicon glyphicon-chevron-right',\n leftArrowContent: '',\n rightArrowContent: '',\n tabsLiContent: null,\n tabsPostProcessors: null,\n enableSwiping: false,\n enableRtlSupport: false,\n handleDelayedScrollbar: false,\n bootstrapVersion: 3\n };\n}(jQuery, window));","$.ui.plugin.add('resizable', 'alsoResizeReverse', {\r\n start: function () {\r\n var that = $(this).resizable('instance'),\r\n o = that.options;\r\n\r\n $(o.alsoResizeReverse).each(function () {\r\n var el = $(this);\r\n el.data('ui-resizable-alsoresizeReverse', {\r\n width: parseInt(el.width(), 10),\r\n height: parseInt(el.height(), 10),\r\n left: parseInt(el.css('left'), 10),\r\n top: parseInt(el.css('top'), 10)\r\n });\r\n });\r\n },\r\n\r\n resize: function (event, ui) {\r\n var that = $(this).resizable('instance'),\r\n o = that.options,\r\n os = that.originalSize,\r\n op = that.originalPosition,\r\n delta = {\r\n height: that.size.height - os.height || 0,\r\n width: that.size.width - os.width || 0,\r\n top: that.position.top - op.top || 0,\r\n left: that.position.left - op.left || 0\r\n };\r\n\r\n $(o.alsoResizeReverse).each(function () {\r\n var el = $(this),\r\n start = $(this).data('ui-resizable-alsoresize-reverse'),\r\n style = {},\r\n css = el.parents(ui.originalElement[0]).length ? ['width', 'height'] : ['width', 'height', 'top', 'left'];\r\n\r\n $.each(css, function (i, prop) {\r\n var sum = (start[prop] || 0) - (delta[prop] || 0);\r\n if (sum && sum >= 0) {\r\n style[prop] = sum || null;\r\n }\r\n });\r\n\r\n el.css(style);\r\n });\r\n },\r\n\r\n stop: function () {\r\n $(this).removeData('resizable-alsoresize-reverse');\r\n }\r\n});"]}