, then its child content cannot be scrolled with the arrow keys unless you set tabindex on the content, too
+ * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
+ */
+ setupResponsiveEventListener(_viewportElement, _strMouseTouchDownEvent, bodyMouseTouchDownListener, false, true);
+ }
+ }
+
+ //update for the first time & initialize cache
+ _base.update(_strAuto);
+
+ //the plugin is initialized now!
+ _initialized = true;
+ dispatchCallback('onInitialized');
+
+ //call all callbacks which would fire before the initialized was complete
+ each(_callbacksInitQeueue, function (index, value) { dispatchCallback(value.n, value.a); });
+ _callbacksInitQeueue = [];
+
+ //add extensions
+ if (type(extensions) == TYPES.s)
+ extensions = [extensions];
+ if (COMPATIBILITY.isA(extensions))
+ each(extensions, function (index, value) { _base.addExt(value); });
+ else if (FRAMEWORK.isPlainObject(extensions))
+ each(extensions, function (key, value) { _base.addExt(key, value); });
+
+ //add the transition class for transitions AFTER the first update & AFTER the applied extensions (for preventing unwanted transitions)
+ setTimeout(function () {
+ if (_supportTransition && !_destroyed)
+ addClass(_hostElement, _classNameHostTransition);
+ }, 333);
+
+ return _base;
+ }
+
+ if (_plugin.valid(construct(pluginTargetElement, options, extensions))) {
+ INSTANCES(pluginTargetElement, _base);
+ }
+
+ return _base;
+ }
+
+ /**
+ * Initializes a new OverlayScrollbarsInstance object or changes options if already initialized or returns the current instance.
+ * @param pluginTargetElements The elements to which the Plugin shall be initialized.
+ * @param options The custom options with which the plugin shall be initialized.
+ * @param extensions The extension(s) which shall be added right after initialization.
+ * @returns {*}
+ */
+ _plugin = window[PLUGINNAME] = function (pluginTargetElements, options, extensions) {
+ if (arguments[LEXICON.l] === 0)
+ return this;
+
+ var arr = [];
+ var optsIsPlainObj = FRAMEWORK.isPlainObject(options);
+ var inst;
+ var result;
+
+ //pluginTargetElements is null or undefined
+ if (!pluginTargetElements)
+ return optsIsPlainObj || !options ? result : arr;
+
+ /*
+ pluginTargetElements will be converted to:
+ 1. A jQueryElement Array
+ 2. A HTMLElement Array
+ 3. A Array with a single HTML Element
+ so pluginTargetElements is always a array.
+ */
+ pluginTargetElements = pluginTargetElements[LEXICON.l] != undefined ? pluginTargetElements : [pluginTargetElements[0] || pluginTargetElements];
+ initOverlayScrollbarsStatics();
+
+ if (pluginTargetElements[LEXICON.l] > 0) {
+ if (optsIsPlainObj) {
+ FRAMEWORK.each(pluginTargetElements, function (i, v) {
+ inst = v;
+ if (inst !== undefined)
+ arr.push(OverlayScrollbarsInstance(inst, options, extensions, _pluginsGlobals, _pluginsAutoUpdateLoop));
+ });
+ }
+ else {
+ FRAMEWORK.each(pluginTargetElements, function (i, v) {
+ inst = INSTANCES(v);
+ if ((options === '!' && _plugin.valid(inst)) || (COMPATIBILITY.type(options) == TYPES.f && options(v, inst)))
+ arr.push(inst);
+ else if (options === undefined)
+ arr.push(inst);
+ });
+ }
+ result = arr[LEXICON.l] === 1 ? arr[0] : arr;
+ }
+ return result;
+ };
+
+ /**
+ * Returns a object which contains global information about the plugin and each instance of it.
+ * The returned object is just a copy, that means that changes to the returned object won't have any effect to the original object.
+ */
+ _plugin.globals = function () {
+ initOverlayScrollbarsStatics();
+ var globals = FRAMEWORK.extend(true, {}, _pluginsGlobals);
+ delete globals['msie'];
+ return globals;
+ };
+
+ /**
+ * Gets or Sets the default options for each new plugin initialization.
+ * @param newDefaultOptions The object with which the default options shall be extended.
+ */
+ _plugin.defaultOptions = function (newDefaultOptions) {
+ initOverlayScrollbarsStatics();
+ var currDefaultOptions = _pluginsGlobals.defaultOptions;
+ if (newDefaultOptions === undefined)
+ return FRAMEWORK.extend(true, {}, currDefaultOptions);
+
+ //set the new default options
+ _pluginsGlobals.defaultOptions = FRAMEWORK.extend(true, {}, currDefaultOptions, _pluginsOptions._validate(newDefaultOptions, _pluginsOptions._template, true, currDefaultOptions)._default);
+ };
+
+ /**
+ * Checks whether the passed instance is a non-destroyed OverlayScrollbars instance.
+ * @param osInstance The potential OverlayScrollbars instance which shall be checked.
+ * @returns {boolean} True if the passed value is a non-destroyed OverlayScrollbars instance, false otherwise.
+ */
+ _plugin.valid = function (osInstance) {
+ return osInstance instanceof _plugin && !osInstance.getState().destroyed;
+ };
+
+ /**
+ * Registers, Unregisters or returns a extension.
+ * Register: Pass the name and the extension. (defaultOptions is optional)
+ * Unregister: Pass the name and anything except a function as extension parameter.
+ * Get extension: Pass the name of the extension which shall be got.
+ * Get all extensions: Pass no arguments.
+ * @param extensionName The name of the extension which shall be registered, unregistered or returned.
+ * @param extension A function which generates the instance of the extension or anything other to remove a already registered extension.
+ * @param defaultOptions The default options which shall be used for the registered extension.
+ */
+ _plugin.extension = function (extensionName, extension, defaultOptions) {
+ var extNameTypeString = COMPATIBILITY.type(extensionName) == TYPES.s;
+ var argLen = arguments[LEXICON.l];
+ var i = 0;
+ if (argLen < 1 || !extNameTypeString) {
+ //return a copy of all extension objects
+ return FRAMEWORK.extend(true, { length: _pluginsExtensions[LEXICON.l] }, _pluginsExtensions);
+ }
+ else if (extNameTypeString) {
+ if (COMPATIBILITY.type(extension) == TYPES.f) {
+ //register extension
+ _pluginsExtensions.push({
+ name: extensionName,
+ extensionFactory: extension,
+ defaultOptions: defaultOptions
+ });
+ }
+ else {
+ for (; i < _pluginsExtensions[LEXICON.l]; i++) {
+ if (_pluginsExtensions[i].name === extensionName) {
+ if (argLen > 1)
+ _pluginsExtensions.splice(i, 1); //remove extension
+ else
+ return FRAMEWORK.extend(true, {}, _pluginsExtensions[i]); //return extension with the given name
+ }
+ }
+ }
+ }
+ };
+
+ return _plugin;
+ })();
+
+ if (JQUERY && JQUERY.fn) {
+ /**
+ * The jQuery initialization interface.
+ * @param options The initial options for the construction of the plugin. To initialize the plugin, this option has to be a object! If it isn't a object, the instance(s) are returned and the plugin wont be initialized.
+ * @param extensions The extension(s) which shall be added right after initialization.
+ * @returns {*} After initialization it returns the jQuery element array, else it returns the instance(s) of the elements which are selected.
+ */
+ JQUERY.fn.overlayScrollbars = function (options, extensions) {
+ var _elements = this;
+ if (JQUERY.isPlainObject(options)) {
+ JQUERY.each(_elements, function () { PLUGIN(this, options, extensions); });
+ return _elements;
+ }
+ else
+ return PLUGIN(_elements, options);
+ };
+ }
+ return PLUGIN;
+ }
+));
\ No newline at end of file
diff --git a/js/jquery.overlayScrollbars.min.js b/js/jquery.overlayScrollbars.min.js
new file mode 100644
index 0000000..861f100
--- /dev/null
+++ b/js/jquery.overlayScrollbars.min.js
@@ -0,0 +1,13 @@
+/*!
+ * OverlayScrollbars
+ * https://github.com/KingSora/OverlayScrollbars
+ *
+ * Version: 1.13.3
+ *
+ * Copyright KingSora | Rene Haas.
+ * https://github.com/KingSora
+ *
+ * Released under the MIT license.
+ * Date: 20.07.2022
+ */
+!function(t,r){"function"==typeof define&&define.amd?define(["jquery"],function(n){return r(t,t.document,undefined,n)}):"object"==typeof module&&"object"==typeof module.exports?module.exports=r(t,t.document,undefined,require("jquery")):r(t,t.document,undefined,t.jQuery)}("undefined"!=typeof window?window:this,function(vi,di,hi,n){"use strict";var o,l,f,a,pi="object",bi="function",yi="array",mi="string",gi="boolean",wi="number",t="null",xi={c:"class",s:"style",i:"id",l:"length",p:"prototype",ti:"tabindex",oH:"offsetHeight",cH:"clientHeight",sH:"scrollHeight",oW:"offsetWidth",cW:"clientWidth",sW:"scrollWidth",hOP:"hasOwnProperty",bCR:"getBoundingClientRect"},_i=(o={},l={},{e:f=["-webkit-","-moz-","-o-","-ms-"],o:a=["WebKit","Moz","O","MS"],u:function(n){var t=l[n];if(l[xi.hOP](n))return t;for(var r,e,i,o=c(n),a=di.createElement("div")[xi.s],u=0;u
