diff --git a/dev/sample_mqttplugin/webif/__init__.py b/dev/sample_mqttplugin/webif/__init__.py
index 82fd82574..fc4c7f769 100755
--- a/dev/sample_mqttplugin/webif/__init__.py
+++ b/dev/sample_mqttplugin/webif/__init__.py
@@ -68,7 +68,7 @@ def index(self, reload=None):
 
         Render the template and return the html file to be delivered to the browser
 
-        :return: contents of the template after beeing rendered
+        :return: contents of the template after being rendered
         """
         self.plugin.get_broker_info()
         # try to get the webif pagelength from the module.yaml configuration
diff --git a/dev/sample_mqttplugin/webif/templates/index.html b/dev/sample_mqttplugin/webif/templates/index.html
index 295fe4216..7820837a5 100755
--- a/dev/sample_mqttplugin/webif/templates/index.html
+++ b/dev/sample_mqttplugin/webif/templates/index.html
@@ -18,15 +18,6 @@
 		Of course you can also overwrite defaults by putting the option declarations in {} below.
 		*/
 		$(window).trigger('datatables_defaults');
-		{% if webif_pagelength is defined %}webif_pagelength = {{ webif_pagelength|int }};{% endif %}
-		if (isNaN(parseFloat(webif_pagelength)) || webif_pagelength == 0) {
-			resize = true;
-			webif_pagelength = -1;
-			console.log('Activating automatic table resize ' + webif_pagelength);
-		}
-		else {
-			resize = false;
-		}
 		try {
 			/*
 			Copy this part for every datatable on your page. Adjust options if necessary.
@@ -36,8 +27,7 @@
 			  /* If you want to define your own columnDefs options (e.g. for hiding a column by default), use the concat function shown here.
 			  */
 			  columnDefs: [{ "targets": [2], "className": "value"}].concat($.fn.dataTable.defaults.columnDefs),
-			  pageLength: webif_pagelength,
-			  pageResize: resize});
+			  });
 		}
 		catch (e) {
 			console.warn("Datatable JS not loaded, showing standard table without reorder option " + e);
diff --git a/dev/sample_plugin/webif/__init__.py b/dev/sample_plugin/webif/__init__.py
index 0e2ed3e90..64f6802f8 100755
--- a/dev/sample_plugin/webif/__init__.py
+++ b/dev/sample_plugin/webif/__init__.py
@@ -68,7 +68,7 @@ def index(self, reload=None):
 
         Render the template and return the html file to be delivered to the browser
 
-        :return: contents of the template after beeing rendered
+        :return: contents of the template after being rendered
         """
         pagelength = self.plugin.get_parameter_value('webif_pagelength')
         tmpl = self.tplenv.get_template('index.html')
diff --git a/dev/sample_plugin/webif/templates/index.html b/dev/sample_plugin/webif/templates/index.html
index 8e991a4dd..29d022b1f 100755
--- a/dev/sample_plugin/webif/templates/index.html
+++ b/dev/sample_plugin/webif/templates/index.html
@@ -90,26 +90,15 @@
 		Of course you can also overwrite defaults by putting the option declarations in {} below.
 		*/
 		$(window).trigger('datatables_defaults');
-		{% if webif_pagelength is defined %}webif_pagelength = {{ webif_pagelength|int }};{% endif %}
-		if (isNaN(parseFloat(webif_pagelength)) || webif_pagelength == 0) {
-			resize = true;
-			webif_pagelength = -1;
-			console.log('Activating automatic table resize ' + webif_pagelength);
-		}
-		else {
-			resize = false;
-		}
 		try {
 			/*
 			Copy this part for every datatable on your page. Adjust options if necessary.
-			pageLength and pageResize should be included as they are to adjust it based on the plugin settings
 			*/
 			maintable = $('#maintable').DataTable( {
 			  /* If you want to define your own columnDefs options (e.g. for hiding a column by default), use the concat function shown here.
 			  */
 			  columnDefs: [{ "targets": [2], "className": "value"}].concat($.fn.dataTable.defaults.columnDefs),
-			  pageLength: webif_pagelength,
-			  pageResize: resize});
+			  });
 		}
 		catch (e) {
 			console.warn("Datatable JS not loaded, showing standard table without reorder option " + e);
diff --git a/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface.rst b/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface.rst
index 4dfb16692..e0786882a 100644
--- a/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface.rst
+++ b/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface.rst
@@ -64,7 +64,9 @@ Cookies
 Um Einstellungen im Webinterface dauerhaft zu speichern, sollten die entsprechenden
 Werte als Browser-Cookie gespeichert werden. Eine einfache Möglichkeit dazu wird
 seit *SmarthomeNG 1.10* angeboten. Zum Speichern von Cookies steht die Funktion
-``setCookie(<Cookiename>, <Cookiewert>, <Dauer der Speicherung>, <Pluginname>)`` bereit, für das Laden ``getCookie(<Cookiename>)``. Im Folgenden Beispiel wird beim Laden der Seite das Cookie
+``setCookie(<Cookiename>, <Cookiewert>, <Dauer der Speicherung>, <Pluginname>)`` bereit, für das Laden ``getCookie(<Cookiename>)``. Cookies können gelöscht werden, indem 0 als Dauer angegebene wird.
+
+Im Folgenden Beispiel wird beim Laden der Seite das Cookie
 ausgelesen. Ist dieses (noch) nicht gesetzt, wird ein leerer Wert zurückgegeben,
 der im Code entsprechend abgefangen werden muss. Beim Klick auf einen Button wird
 beispielhaft ein Cookie namens "sort_order" mit dem Wert "alpha-asc" für ein Jahr (365 Tage) gespeichert.
diff --git a/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface_automatic_update.rst b/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface_automatic_update.rst
index 0177929fa..063616686 100644
--- a/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface_automatic_update.rst
+++ b/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface_automatic_update.rst
@@ -287,8 +287,6 @@ anzugeben ist (0 wäre die erste Tabellenspalte, 1 die zweite, etc.).
 .. code-block:: html+jinja
 
     table = $('#maintable').DataTable( {
-      "pageLength": webif_pagelength,
-      "pageResize": resize,
       "columnDefs": [{ "targets": 1, "className": "none"}].concat($.fn.dataTable.defaults.columnDefs)
     } );
 
diff --git a/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface_filling_webinterface.rst b/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface_filling_webinterface.rst
index 7685293c6..94f56fd16 100644
--- a/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface_filling_webinterface.rst
+++ b/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface_filling_webinterface.rst
@@ -39,7 +39,7 @@ Die folgenden Schritte dienen dazu, das Webinterface mit Leben zu füllen:
 
             Render the template and return the html file to be delivered to the browser
 
-            :return: contents of the template after beeing rendered
+            :return: contents of the template after being rendered
             """
             pagelength = self.plugin.get_parameter_value('webif_pagelength')
             tmpl = self.tplenv.get_template('index.html')
@@ -136,17 +136,9 @@ Die folgenden Schritte dienen dazu, das Webinterface mit Leben zu füllen:
         <script>
           $(document).ready( function () {
             $(window).trigger('datatables_defaults'); // loading default behaviour
-            {% if webif_pagelength is defined %}webif_pagelength = {{ webif_pagelength|int }};{% endif %}
-            if (isNaN(parseFloat(webif_pagelength)) || webif_pagelength == 0) {
-              resize = true;
-              webif_pagelength = -1;
-            }
-            else {
-              resize = false;
-            }
-            console.log("Using page length from http module/plugin " + webif_pagelength + ", pageResize: " + resize);
+
             try {
-              maintable = $('#maintable').DataTable( {pageLength: webif_pagelength, pageResize: resize} ); // put more options into {} if needed
+              maintable = $('#maintable').DataTable( {} ); // put more options into {} if needed
               <table_xx> = $('#<table_id>').DataTable( {} ); // delete or change name of table and id
             }
             catch (e) {
diff --git a/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface_plugin_interaction.rst b/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface_plugin_interaction.rst
index 4c182c277..eb72f6dac 100644
--- a/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface_plugin_interaction.rst
+++ b/doc/user/source/entwicklung/plugins/kurzanleitung/webinterface_plugin_interaction.rst
@@ -132,7 +132,7 @@ Tabellen in einem ``bodytab?`` können mit einer Schleife befüllt werden, das i
 
     {% block **bodytab1** %}
 
-            <table id="maintable" class="dataTableAdditional">
+            <table id="maintable">
                 <thead>
                     <tr>
                         <th></th>
@@ -181,7 +181,7 @@ Damit die IDs in den Wertetabellen eindeutig sind, verwenden wir die Variable au
     ...
 
     {% block **bodytab1** %}
-            <table id="maintable" class="dataTableAdditional">
+            <table id="maintable">
                 <thead>
                     <tr>
                         <th></th>
@@ -235,7 +235,7 @@ sollte das ``form`` Element NACH der Tabelle deklariert werden.
 .. code-block:: html+jinja
 
     {% block bodytab1 %}
-          <table id="maintable" class="dataTableAdditional">
+          <table id="maintable">
               <thead>
                   <tr>
                       <th></th>
diff --git a/modules/http/webif/gstatic/datatables/dataTables.pageResize.min.js b/modules/http/webif/gstatic/datatables/dataTables.pageResize.min.js
index 736a964df..e526940ac 100755
--- a/modules/http/webif/gstatic/datatables/dataTables.pageResize.min.js
+++ b/modules/http/webif/gstatic/datatables/dataTables.pageResize.min.js
@@ -22,27 +22,32 @@
 
  For more detailed information please see:
      http://datatables.net/blog/2015-04-10
- PageResize for DataTables v1.0.0
+ PageResize for DataTables v1.1.0
  2015 SpryMedia Ltd - datatables.net/license
 */
 $(window).resize(function(){
+  let tab = $('#resize_wrapper > div.tab-pane.active').attr('id');
+  if (window.pageLength[tab]['pagelength'] != 1)
+    return;
   additional = 0;
-  if ( $( "#resize_wrapper > div#" + window.activeTab + ">div.mb-2" ).length ){
-    $("#resize_wrapper > div#" + window.activeTab).find('div.mb-2').filter(':visible').each(function(){
-    additional = additional + $(this).outerHeight(true);
+
+  if ( $( "#resize_wrapper > div#" + tab + ">div.mb-2" ).length ){
+    $("#resize_wrapper > div#" + tab).find('div.mb-2').filter(':visible').each(function(){
+    additional += $(this).outerHeight(true);
     });
   }
-  else if ( $( "#resize_wrapper > div#" + window.activeTab + ">div>div.mb-2" ).length ){
-    $("#resize_wrapper > div#" + window.activeTab + ">div").find('div.mb-2').filter(':visible').each(function(){
-    additional = additional + $(this).outerHeight(true);
+  else if ( $( "#resize_wrapper > div#" + tab + ">div>div.mb-2" ).length ){
+    $("#resize_wrapper > div#" + tab + ">div").find('div.mb-2').filter(':visible').each(function(){
+    additional += $(this).outerHeight(true);
     });
   }
-  if ( $( "#resize_wrapper").length ){
-  $('#resize_wrapper').css('height', $(window).height() - $('#webif-navbar').outerHeight() - $('#webif-tabs').outerHeight() - additional - $('.dataTables_info').outerHeight() - 5 - window.toggle);
-  console.log("resize " + $('#resize_wrapper').outerHeight(true));
+  if ( $( "#resize_wrapper").length){
+  $('#resize_wrapper').css('height', $(window).height() - $('#resize_wrapper').offset().top - additional - 15 - window.toggle);
   }
 });
-(function(b){"function"===typeof define&&define.amd?define(["jquery","datatables.net"],function(e){return b(e,window,document)}):"object"===typeof exports?module.exports=function(e,f){e||(e=window);f&&f.fn.dataTable||(f=require("datatables.net")(e,f).$);return b(f,e,e.document)}:b(jQuery,window,document)})(function(b,e,f,p){var l=function(a,d){var c=a.table();this.s={dt:a,host:b(c.container()).parent(),header:b(c.header()),footer:b(c.footer()),body:b(c.body()),container:b(c.container()),table:b(c.node()),
-delta:d};a=this.s.host;"static"===a.css("position")&&a.css("position","relative");this._attach();this._size()};l.prototype={_size:function(){var a=this.s,d=a.dt,c=d.table(),k=b(a.table).offset().top,g=b("tr",a.body);g=g.eq(1<g.length?1:0).height();var h=a.host.height(),n=c.header().parentNode!==c.body().parentNode,m=a.delta;n||(c.header()&&(h-=a.header.height()),c.footer()&&(h-=a.footer.height()));h=h-k-(a.container.height()-(k+a.table.height()));!isNaN(parseFloat(m))&&isFinite(m)&&(h-=m);a=Math.floor(h/
-g);Infinity!==a&&-Infinity!==a&&!isNaN(a)&&0<a&&a!==d.page.len()&&d.page.len(a).draw()},_attach:function(){var a=this,d=b("<object/>").css({position:"absolute",top:0,left:0,height:"100%",width:"100%",zIndex:-1}).attr("type","text/html");d[0].onload=function(){var c=this.contentDocument.body,k=c.offsetHeight;this.contentDocument.defaultView.onresize=function(){var g=c.clientHeight||c.offsetHeight;g!==k&&(k=g,a._size())}};d.appendTo(this.s.host).attr("data","about:blank")}};b.fn.dataTable.PageResize=
-l;b.fn.DataTable.PageResize=l;b(f).on("preInit.dt",function(a,d){"dt"===a.namespace&&(a=new b.fn.dataTable.Api(d),(b(a.table().node()).hasClass("pageResize")||d.oInit.pageResize||b.fn.dataTable.defaults.pageResize)&&new l(a,d.oInit.pageResizeManualDelta))})});
+
+(function(factory){if(typeof define==='function'&&define.amd){define(['jquery','datatables.net'],function($){return factory($,window,document)})}else if(typeof exports==='object'){var jq=require('jquery');var cjsRequires=function(root,$){if(!$.fn.dataTable){require('datatables.net')(root,$)}};if(typeof window==='undefined'){module.exports=function(root,$){if(!root){root=window}if(!$){$=jq(root)}cjsRequires(root,$);return factory($,root,root.document)}}else{cjsRequires(window,jq);module.exports=factory(jq,window,window.document)}}else{factory(jQuery,window,document)}}(function($,window,document,undefined){'use strict';var DataTable=$.fn.dataTable;
+/**
+ * ATTENTION: Improvements for SmarthomeNG Setup are included here (based on v1.1.0)
+ */
+var PageResize=function(dt,pageResizeManualDelta){var table=dt.table();this.s={dt:dt,host:$(table.container()).parent(),header:$(table.header()),footer:$(table.footer()),body:$(table.body()),container:$(table.container()),table:$(table.node()),delta:pageResizeManualDelta};this.sizes={offsetTop:this._getOffsetTop(),tableHeight:this._getTableHeight(),containerHeight:this._getContainerHeight(),headerHeight:this._getHeaderHeight(),footerHeight:this._getFooterHeight()};var host=this.s.host;if(host.css('position')==='static'){host.css('position','relative')}var onDestroy=function(){dt.off('.pageResize',onDestroy);this.s.obj&&this.s.obj.remove()}.bind(this);dt.on('destroy.pageResize',onDestroy);this._attach();var initEvent='init.pageResize';dt.on(initEvent,function(){dt.off(initEvent);this._size()}.bind(this))};PageResize.prototype={_size:function(){var settings=this.s;var dt=settings.dt;var t=dt.table();var tableid=t.context[0].nTable.id;var tab=Object.keys(window.pageLength).find(key=>window.pageLength[key]['tableid']===tableid);var rows=$('tr',settings.body);var calc_row=rows.eq(rows.length>1?1:0);if(calc_row.attr("class")=="child"){if(rows.length>2){calc_row=calc_row.next()}else{calc_row=rows.eq(0)}}var rowHeight=calc_row.height();var availableHeight=settings.host.height();var scrolling=t.header().parentNode!==t.body().parentNode;var delta=settings.delta;var offsetTop=(this.sizes.offsetTop=this._getOffsetTop());var tableHeight=(this.sizes.tableHeight=this._getTableHeight());var containerHeight=(this.sizes.containerHeight=this._getContainerHeight());var headerHeight=(this.sizes.headerHeight=this._getHeaderHeight());var footerHeight=(this.sizes.footerHeight=this._getFooterHeight());if(!scrolling){if(t.header()){availableHeight-=headerHeight}if(t.footer()){availableHeight-=footerHeight}}availableHeight-=offsetTop;availableHeight-=containerHeight-(offsetTop+tableHeight);if(!isNaN(parseFloat(delta))&&isFinite(delta)){availableHeight-=delta}if(window.pageLength[tab]['pagelength']==1){var drawRows=Math.floor(availableHeight/rowHeight)}else{var drawRows=window.pageLength[tab]['pagelength']}if(drawRows!==Infinity&&drawRows!== -Infinity&&!isNaN(drawRows)&&drawRows>0&&drawRows!==dt.page.len()){dt.page.len(drawRows).draw(false)}},_attach:function(){var that=this;var obj=$('<object/>').css({position:'absolute',top:0,left:0,height:'100%',width:'100%',zIndex:-1}).attr('type','text/html');obj[0].onload=function(){var contentDocument=this.contentDocument;var body=contentDocument.body;var height=body.offsetHeight;contentDocument.defaultView.onresize=function(){var newHeight=body.clientHeight||body.offsetHeight;if(newHeight!==height){height=newHeight;that._size();return}if(that.sizes.offsetTop!==that._getOffsetTop()||that.sizes.containerHeight!==that._getContainerHeight()||that.sizes.tableHeight!==that._getTableHeight()||that.sizes.headerHeight!==that._getHeaderHeight()||that.sizes.footerHeight!==that._getFooterHeight()){that._size();return}}};obj.appendTo(this.s.host).attr('data','about:blank');this.s.obj=obj},_getOffsetTop:function(){return $(this.s.table).offset().top},_getTableHeight:function(){return this.s.table.height()},_getContainerHeight:function(){return this.s.container.height()},_getHeaderHeight:function(){return this.s.dt.table().header()?this.s.header.height():0},_getFooterHeight:function(){return this.s.dt.table().footer()?this.s.footer.height():0}};DataTable.PageResize=PageResize;$(document).on('preInit.dt',function(e,settings){if(e.namespace!=='dt'){return}var api=new DataTable.Api(settings);if($(api.table().node()).hasClass('pageResize')||settings.oInit.pageResize||DataTable.defaults.pageResize){$(window).resize();new PageResize(api,settings.oInit.pageResizeManualDelta)}else{console.log("NO Pageresize")}});return DataTable}));
diff --git a/modules/http/webif/gstatic/datatables/datatables.defaults.js b/modules/http/webif/gstatic/datatables/datatables.defaults.js
index e6cbcc976..8161d4c1c 100755
--- a/modules/http/webif/gstatic/datatables/datatables.defaults.js
+++ b/modules/http/webif/gstatic/datatables/datatables.defaults.js
@@ -27,9 +27,10 @@ $(window).bind('datatables_defaults', function() {
 			// Set datatable useful defaults
 			$.extend( $.fn.dataTable.ext.classes, { "sTable": "table table-striped table-hover pluginList display dataTable dataTableAdditional" });
 			$.extend( $.fn.dataTable.defaults, {
-				lengthMenu: [ [100000, 25, 50, 100, -1], ["Auto", 25, 50, 100, "All"] ], // pagination menu
+				lengthMenu: [ [1, 25, 50, 100, -1], ["Auto", 25, 50, 100, "All"] ], // pagination menu
 				lengthChange: true,
 				paging: true,
+				pageResize: true,
 				stateSave: true,
 				pageLength: 100, // default to "100"
 				pagingType: "full_numbers", // include first and last in pagination menu
@@ -52,6 +53,7 @@ $(window).bind('datatables_defaults', function() {
 						if ($(this).hasClass( "datatable-responsive" )){
 							window.toggle = window.toggle * -1 + 0.1;
 							console.log("click responsive, recalc");
+							// Don't resize as it might mess up pagination when responsive icon is clicked...
 							//$(window).resize();
 							$(this).parent().parent().parent().DataTable().responsive.recalc();
 						}
@@ -72,6 +74,11 @@ $(window).bind('datatables_defaults', function() {
 					this.api().responsive.recalc();
 					initialized = true;
 					$(this).show();
+					// update pagelength and save cookie
+					let tab = $(this).closest('.tab-pane').attr('id');
+					window.pageLength[tab]['tableid'] = this.attr('id');
+					setCookie("pagelength", window.pageLength, 30, window.pluginname);
+
 					if (typeof window.row_count !== 'undefined' && window.row_count !== 'false') {
 						setTimeout(function() { window.row_count = $.fn.dataTable.tables({ visible: true, api: true }).rows( {page:'current'} ).count(); console.log("Row count after init is " + window.row_count);}, 200);
 					}
@@ -79,30 +86,27 @@ $(window).bind('datatables_defaults', function() {
 					if (window.initial_update == 'true') {
 						setTimeout(function() { shngGetUpdatedData(); }, 200);
 					}
-					if (oSettings.oInit.pageResize == true);
-					{
-						setTimeout(function() { $(window).resize();  }, 2000);
-					}
+					//setTimeout(function() { $(window).resize();  }, 2000);
 
 				},
         responsive: {details: {type: 'column', renderer: $.fn.dataTable.Responsive.renderer.listHidden()}}, //makes it possible to update columns even if they are not shown as columns (but as collapsable items)
 				preDrawCallback: function (oSettings) {
 
+					// scroll
         	pageScrollPos = $(oSettings.nTableWrapper).find('.dataTables_scrollBody').scrollTop();
 					bodyScrollPos = $('html, body').scrollTop();
 
     		},
-				drawCallback: function(oSettings) { // hide pagination if not needed
-					if (this.api().page.len() == 0 || this.api().page.len() == 100000)
-					{
-						console.log("resize datatable");
+				drawCallback: function(oSettings) {
+					let tab = $(this).closest('.tab-pane').attr('id');
+					// Following lines would help to recalculate page raws after changing pages.
+					// However it also might mess up pagination! Leave it alone for now...
+					//$(window).resize();
+					//window.toggle = window.toggle * -1;
+					//setTimeout(function() { $(window).resize();  }, 500);
 
-						$(window).resize();
-						window.toggle = window.toggle * -1;
-						setTimeout(function() { $(window).resize();  }, 500);
-					}
 
-					console.log("draw datatable " + this.attr('id') + " with pagelength " + this.api().page.len());
+					console.log("draw datatable " + oSettings.sTableId + " in tab " + tab + " with pagelength " + this.api().page.len());
 					if (oSettings._iDisplayLength > oSettings.fnRecordsDisplay() || oSettings._iDisplayLength == -1) {
 						 $(oSettings.nTableWrapper).find('.dataTables_paginate').hide();
 					} else {
diff --git a/modules/http/webif/gstatic/js/smarthomeng_pageupdate.js b/modules/http/webif/gstatic/js/smarthomeng_pageupdate.js
old mode 100644
new mode 100755
index a791ca1dd..919c8b857
--- a/modules/http/webif/gstatic/js/smarthomeng_pageupdate.js
+++ b/modules/http/webif/gstatic/js/smarthomeng_pageupdate.js
@@ -10,7 +10,7 @@ function getCookie(cname) {
     if (c.indexOf(name) == 0) {
       let result = c.substring(name.length, c.length);
       console.log("Reading cookie " + cname + " with value " + result);
-      return result;
+      return JSON.parse(result);
     }
   }
   return "";
@@ -27,6 +27,7 @@ function setCookie(cname, cvalue, exdays, path) {
   else
   {
     const d = new Date();
+    cvalue = JSON.stringify(cvalue);
     d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
     let expires = "expires="+d.toUTCString();
     document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/plugin/" + path;
diff --git a/modules/http/webif/gstatic/popper.js/popper.min.js.map b/modules/http/webif/gstatic/popper.js/popper.min.js.map
new file mode 100644
index 000000000..80ae97fa5
--- /dev/null
+++ b/modules/http/webif/gstatic/popper.js/popper.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"popper.min.js","sources":["../../src/dom-utils/getBoundingClientRect.js","../../src/dom-utils/getWindow.js","../../src/dom-utils/getWindowScroll.js","../../src/dom-utils/instanceOf.js","../../src/dom-utils/getNodeName.js","../../src/dom-utils/getDocumentElement.js","../../src/dom-utils/getWindowScrollBarX.js","../../src/dom-utils/getComputedStyle.js","../../src/dom-utils/isScrollParent.js","../../src/dom-utils/getCompositeRect.js","../../src/dom-utils/getNodeScroll.js","../../src/dom-utils/getHTMLElementScroll.js","../../src/dom-utils/getLayoutRect.js","../../src/dom-utils/getParentNode.js","../../src/dom-utils/listScrollParents.js","../../src/dom-utils/getScrollParent.js","../../src/dom-utils/getOffsetParent.js","../../src/dom-utils/isTableElement.js","../../src/utils/orderModifiers.js","../../src/utils/debounce.js","../../src/utils/getBasePlacement.js","../../src/dom-utils/contains.js","../../src/utils/rectToClientRect.js","../../src/dom-utils/getClippingRect.js","../../src/enums.js","../../src/dom-utils/getViewportRect.js","../../src/dom-utils/getDocumentRect.js","../../src/utils/getMainAxisFromPlacement.js","../../src/utils/computeOffsets.js","../../src/utils/getVariation.js","../../src/utils/mergePaddingObject.js","../../src/utils/getFreshSideObject.js","../../src/utils/expandToHashMap.js","../../src/utils/detectOverflow.js","../../src/index.js","../../src/utils/mergeByName.js","../../src/modifiers/computeStyles.js","../../src/utils/getOppositePlacement.js","../../src/utils/getOppositeVariationPlacement.js","../../src/modifiers/hide.js","../../src/modifiers/eventListeners.js","../../src/popper.js","../../src/modifiers/popperOffsets.js","../../src/modifiers/applyStyles.js","../../src/modifiers/offset.js","../../src/modifiers/flip.js","../../src/utils/computeAutoPlacement.js","../../src/modifiers/preventOverflow.js","../../src/utils/getAltAxis.js","../../src/utils/within.js","../../src/modifiers/arrow.js"],"sourcesContent":["// @flow\nimport type { ClientRectObject, VirtualElement } from '../types';\n\nexport default function getBoundingClientRect(\n  element: Element | VirtualElement\n): ClientRectObject {\n  const rect = element.getBoundingClientRect();\n\n  return {\n    width: rect.width,\n    height: rect.height,\n    top: rect.top,\n    right: rect.right,\n    bottom: rect.bottom,\n    left: rect.left,\n    x: rect.left,\n    y: rect.top,\n  };\n}\n","// @flow\n/*:: import type { Window } from '../types'; */\n/*:: declare function getWindow(node: Node | Window): Window; */\n\nexport default function getWindow(node) {\n  if (node.toString() !== '[object Window]') {\n    const ownerDocument = node.ownerDocument;\n    return ownerDocument ? ownerDocument.defaultView : window;\n  }\n\n  return node;\n}\n","// @flow\nimport getWindow from './getWindow';\nimport type { Window } from '../types';\n\nexport default function getWindowScroll(node: Node | Window) {\n  const win = getWindow(node);\n  const scrollLeft = win.pageXOffset;\n  const scrollTop = win.pageYOffset;\n\n  return {\n    scrollLeft,\n    scrollTop,\n  };\n}\n","// @flow\nimport getWindow from './getWindow';\n\n/*:: declare function isElement(node: mixed): boolean %checks(node instanceof\n  Element); */\n\nfunction isElement(node) {\n  const OwnElement = getWindow(node).Element;\n  return node instanceof OwnElement || node instanceof Element;\n}\n\n/*:: declare function isHTMLElement(node: mixed): boolean %checks(node instanceof\n  HTMLElement); */\n\nfunction isHTMLElement(node) {\n  const OwnElement = getWindow(node).HTMLElement;\n  return node instanceof OwnElement || node instanceof HTMLElement;\n}\n\nexport { isElement, isHTMLElement };\n","// @flow\nimport type { Window } from '../types';\n\nexport default function getNodeName(element: ?Node | Window): ?string {\n  return element ? (element.nodeName || '').toLowerCase() : null;\n}\n","// @flow\nimport { isElement } from './instanceOf';\nimport type { Window } from '../types';\n\nexport default function getDocumentElement(\n  element: Element | Window\n): HTMLElement {\n  // $FlowFixMe: assume body is always available\n  return (isElement(element) ? element.ownerDocument : element.document)\n    .documentElement;\n}\n","// @flow\nimport getBoundingClientRect from './getBoundingClientRect';\nimport getDocumentElement from './getDocumentElement';\nimport getWindowScroll from './getWindowScroll';\n\nexport default function getWindowScrollBarX(element: Element): number {\n  // If <html> has a CSS width greater than the viewport, then this will be\n  // incorrect for RTL.\n  // Popper 1 is broken in this case and never had a bug report so let's assume\n  // it's not an issue. I don't think anyone ever specifies width on <html>\n  // anyway.\n  // Browsers where the left scrollbar doesn't cause an issue report `0` for\n  // this (e.g. Edge 2019, IE11, Safari)\n  return (\n    getBoundingClientRect(getDocumentElement(element)).left +\n    getWindowScroll(element).scrollLeft\n  );\n}\n","// @flow\nimport getWindow from './getWindow';\n\nexport default function getComputedStyle(\n  element: Element\n): CSSStyleDeclaration {\n  return getWindow(element).getComputedStyle(element);\n}\n","// @flow\nimport getComputedStyle from './getComputedStyle';\n\nexport default function isScrollParent(element: HTMLElement): boolean {\n  // Firefox wants us to check `-x` and `-y` variations as well\n  const { overflow, overflowX, overflowY } = getComputedStyle(element);\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);\n}\n","// @flow\nimport type { Rect, VirtualElement, Window } from '../types';\nimport getBoundingClientRect from './getBoundingClientRect';\nimport getNodeScroll from './getNodeScroll';\nimport getNodeName from './getNodeName';\nimport { isHTMLElement } from './instanceOf';\nimport getWindowScrollBarX from './getWindowScrollBarX';\nimport getDocumentElement from './getDocumentElement';\nimport isScrollParent from './isScrollParent';\n\n// Returns the composite rect of an element relative to its offsetParent.\n// Composite means it takes into account transforms as well as layout.\nexport default function getCompositeRect(\n  elementOrVirtualElement: Element | VirtualElement,\n  offsetParent: Element | Window,\n  isFixed: boolean = false\n): Rect {\n  const documentElement = getDocumentElement(offsetParent);\n  const rect = getBoundingClientRect(elementOrVirtualElement);\n  const isOffsetParentAnElement = isHTMLElement(offsetParent);\n\n  let scroll = { scrollLeft: 0, scrollTop: 0 };\n  let offsets = { x: 0, y: 0 };\n\n  if (isOffsetParentAnElement || (!isOffsetParentAnElement && !isFixed)) {\n    if (\n      getNodeName(offsetParent) !== 'body' ||\n      // https://github.com/popperjs/popper-core/issues/1078\n      isScrollParent(documentElement)\n    ) {\n      scroll = getNodeScroll(offsetParent);\n    }\n\n    if (isHTMLElement(offsetParent)) {\n      offsets = getBoundingClientRect(offsetParent);\n      offsets.x += offsetParent.clientLeft;\n      offsets.y += offsetParent.clientTop;\n    } else if (documentElement) {\n      offsets.x = getWindowScrollBarX(documentElement);\n    }\n  }\n\n  return {\n    x: rect.left + scroll.scrollLeft - offsets.x,\n    y: rect.top + scroll.scrollTop - offsets.y,\n    width: rect.width,\n    height: rect.height,\n  };\n}\n","// @flow\nimport getWindowScroll from './getWindowScroll';\nimport getWindow from './getWindow';\nimport { isHTMLElement } from './instanceOf';\nimport getHTMLElementScroll from './getHTMLElementScroll';\nimport type { Window } from '../types';\n\nexport default function getNodeScroll(node: Node | Window) {\n  if (node === getWindow(node) || !isHTMLElement(node)) {\n    return getWindowScroll(node);\n  } else {\n    return getHTMLElementScroll(node);\n  }\n}\n","// @flow\n\nexport default function getHTMLElementScroll(element: HTMLElement) {\n  return {\n    scrollLeft: element.scrollLeft,\n    scrollTop: element.scrollTop,\n  };\n}\n","// @flow\nimport type { Rect } from '../types';\n\n// Returns the layout rect of an element relative to its offsetParent. Layout\n// means it doesn't take into account transforms.\nexport default function getLayoutRect(element: HTMLElement): Rect {\n  return {\n    x: element.offsetLeft,\n    y: element.offsetTop,\n    width: element.offsetWidth,\n    height: element.offsetHeight,\n  };\n}\n","// @flow\nimport getNodeName from './getNodeName';\nimport getDocumentElement from './getDocumentElement';\n\nexport default function getParentNode(element: Node | ShadowRoot): Node {\n  if (getNodeName(element) === 'html') {\n    return element;\n  }\n\n  return (\n    // $FlowFixMe: this is a quicker (but less type safe) way to save quite some bytes from the bundle\n    element.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n    element.parentNode || // DOM Element detected\n    // $FlowFixMe: need a better way to handle this...\n    element.host || // ShadowRoot detected\n    // $FlowFixMe: HTMLElement is a Node\n    getDocumentElement(element) // fallback\n  );\n}\n","// @flow\nimport getScrollParent from './getScrollParent';\nimport getParentNode from './getParentNode';\nimport getNodeName from './getNodeName';\nimport getWindow from './getWindow';\nimport type { Window, VisualViewport } from '../types';\nimport isScrollParent from './isScrollParent';\n\n/*\ngiven a DOM element, return the list of all scroll parents, up the list of ancesors\nuntil we get to the top window object. This list is what we attach scroll listeners\nto, because if any of these parent elements scroll, we'll need to re-calculate the \nreference element's position.\n*/\nexport default function listScrollParents(\n  element: Node,\n  list: Array<Element | Window> = []\n): Array<Element | Window | VisualViewport> {\n  const scrollParent = getScrollParent(element);\n  const isBody = getNodeName(scrollParent) === 'body';\n  const win = getWindow(scrollParent);\n  const target = isBody\n    ? [win].concat(\n        win.visualViewport || [],\n        isScrollParent(scrollParent) ? scrollParent : []\n      )\n    : scrollParent;\n  const updatedList = list.concat(target);\n\n  return isBody\n    ? updatedList\n    : // $FlowFixMe: isBody tells us target will be an HTMLElement here\n      updatedList.concat(listScrollParents(getParentNode(target)));\n}\n","// @flow\nimport getParentNode from './getParentNode';\nimport isScrollParent from './isScrollParent';\nimport getNodeName from './getNodeName';\nimport { isHTMLElement } from './instanceOf';\n\nexport default function getScrollParent(node: Node): HTMLElement {\n  if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {\n    // $FlowFixMe: assume body is always available\n    return node.ownerDocument.body;\n  }\n\n  if (isHTMLElement(node) && isScrollParent(node)) {\n    return node;\n  }\n\n  return getScrollParent(getParentNode(node));\n}\n","// @flow\nimport getWindow from './getWindow';\nimport getNodeName from './getNodeName';\nimport getComputedStyle from './getComputedStyle';\nimport { isHTMLElement } from './instanceOf';\nimport isTableElement from './isTableElement';\nimport getParentNode from './getParentNode';\nimport getDocumentElement from './getDocumentElement';\n\nfunction getTrueOffsetParent(element: Element): ?Element {\n  if (\n    !isHTMLElement(element) ||\n    // https://github.com/popperjs/popper-core/issues/837\n    getComputedStyle(element).position === 'fixed'\n  ) {\n    return null;\n  }\n\n  const offsetParent = element.offsetParent;\n\n  if (offsetParent) {\n    const html = getDocumentElement(offsetParent);\n\n    if (\n      getNodeName(offsetParent) === 'body' &&\n      getComputedStyle(offsetParent).position === 'static' &&\n      getComputedStyle(html).position !== 'static'\n    ) {\n      return html;\n    }\n  }\n\n  return offsetParent;\n}\n\n// `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\nfunction getContainingBlock(element: Element) {\n  let currentNode = getParentNode(element);\n\n  while (\n    isHTMLElement(currentNode) &&\n    ['html', 'body'].indexOf(getNodeName(currentNode)) < 0\n  ) {\n    const css = getComputedStyle(currentNode);\n\n    // This is non-exhaustive but covers the most common CSS properties that\n    // create a containing block.\n    if (\n      css.transform !== 'none' ||\n      css.perspective !== 'none' ||\n      (css.willChange && css.willChange !== 'auto')\n    ) {\n      return currentNode;\n    } else {\n      currentNode = currentNode.parentNode;\n    }\n  }\n\n  return null;\n}\n\n// Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\nexport default function getOffsetParent(element: Element) {\n  const window = getWindow(element);\n\n  let offsetParent = getTrueOffsetParent(element);\n\n  while (\n    offsetParent &&\n    isTableElement(offsetParent) &&\n    getComputedStyle(offsetParent).position === 'static'\n  ) {\n    offsetParent = getTrueOffsetParent(offsetParent);\n  }\n\n  if (\n    offsetParent &&\n    getNodeName(offsetParent) === 'body' &&\n    getComputedStyle(offsetParent).position === 'static'\n  ) {\n    return window;\n  }\n\n  return offsetParent || getContainingBlock(element) || window;\n}\n","// @flow\nimport getNodeName from './getNodeName';\n\nexport default function isTableElement(element: Element): boolean {\n  return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;\n}\n","// @flow\nimport type { Modifier } from '../types';\nimport { modifierPhases } from '../enums';\n\n// source: https://stackoverflow.com/questions/49875255\nfunction order(modifiers) {\n  const map = new Map();\n  const visited = new Set();\n  const result = [];\n\n  modifiers.forEach(modifier => {\n    map.set(modifier.name, modifier);\n  });\n\n  // On visiting object, check for its dependencies and visit them recursively\n  function sort(modifier: Modifier<any, any>) {\n    visited.add(modifier.name);\n\n    const requires = [\n      ...(modifier.requires || []),\n      ...(modifier.requiresIfExists || []),\n    ];\n\n    requires.forEach(dep => {\n      if (!visited.has(dep)) {\n        const depModifier = map.get(dep);\n\n        if (depModifier) {\n          sort(depModifier);\n        }\n      }\n    });\n\n    result.push(modifier);\n  }\n\n  modifiers.forEach(modifier => {\n    if (!visited.has(modifier.name)) {\n      // check for visited object\n      sort(modifier);\n    }\n  });\n\n  return result;\n}\n\nexport default function orderModifiers(\n  modifiers: Array<Modifier<any, any>>\n): Array<Modifier<any, any>> {\n  // order based on dependencies\n  const orderedModifiers = order(modifiers);\n\n  // order based on phase\n  return modifierPhases.reduce((acc, phase) => {\n    return acc.concat(\n      orderedModifiers.filter(modifier => modifier.phase === phase)\n    );\n  }, []);\n}\n","// @flow\n\nexport default function debounce<T>(fn: Function): () => Promise<T> {\n  let pending;\n  return () => {\n    if (!pending) {\n      pending = new Promise<T>(resolve => {\n        Promise.resolve().then(() => {\n          pending = undefined;\n          resolve(fn());\n        });\n      });\n    }\n\n    return pending;\n  };\n}\n","// @flow\nimport { type BasePlacement, type Placement, auto } from '../enums';\n\nexport default function getBasePlacement(\n  placement: Placement | typeof auto\n): BasePlacement {\n  return (placement.split('-')[0]: any);\n}\n","// @flow\nexport default function contains(parent: Element, child: Element) {\n  // $FlowFixMe: hasOwnProperty doesn't seem to work in tests\n  const isShadow = Boolean(child.getRootNode && child.getRootNode().host);\n\n  // First, attempt with faster native method\n  if (parent.contains(child)) {\n    return true;\n  }\n  // then fallback to custom implementation with Shadow DOM support\n  else if (isShadow) {\n    let next = child;\n    do {\n      if (next && parent.isSameNode(next)) {\n        return true;\n      }\n      // $FlowFixMe: need a better way to handle this...\n      next = next.parentNode || next.host;\n    } while (next);\n  }\n\n  // Give up, the result is false\n  return false;\n}\n","// @flow\nimport type { Rect, ClientRectObject } from '../types';\n\nexport default function rectToClientRect(rect: Rect): ClientRectObject {\n  return {\n    ...rect,\n    left: rect.x,\n    top: rect.y,\n    right: rect.x + rect.width,\n    bottom: rect.y + rect.height,\n  };\n}\n","// @flow\nimport type { ClientRectObject } from '../types';\nimport type { Boundary, RootBoundary } from '../enums';\nimport { viewport } from '../enums';\nimport getViewportRect from './getViewportRect';\nimport getDocumentRect from './getDocumentRect';\nimport listScrollParents from './listScrollParents';\nimport getOffsetParent from './getOffsetParent';\nimport getDocumentElement from './getDocumentElement';\nimport getComputedStyle from './getComputedStyle';\nimport { isElement, isHTMLElement } from './instanceOf';\nimport getBoundingClientRect from './getBoundingClientRect';\nimport getParentNode from './getParentNode';\nimport contains from './contains';\nimport getNodeName from './getNodeName';\nimport rectToClientRect from '../utils/rectToClientRect';\n\nfunction getInnerBoundingClientRect(element: Element) {\n  const rect = getBoundingClientRect(element);\n\n  rect.top = rect.top + element.clientTop;\n  rect.left = rect.left + element.clientLeft;\n  rect.bottom = rect.top + element.clientHeight;\n  rect.right = rect.left + element.clientWidth;\n  rect.width = element.clientWidth;\n  rect.height = element.clientHeight;\n  rect.x = rect.left;\n  rect.y = rect.top;\n\n  return rect;\n}\n\nfunction getClientRectFromMixedType(\n  element: Element,\n  clippingParent: Element | RootBoundary\n): ClientRectObject {\n  return clippingParent === viewport\n    ? rectToClientRect(getViewportRect(element))\n    : isHTMLElement(clippingParent)\n    ? getInnerBoundingClientRect(clippingParent)\n    : rectToClientRect(getDocumentRect(getDocumentElement(element)));\n}\n\n// A \"clipping parent\" is an overflowable container with the characteristic of\n// clipping (or hiding) overflowing elements with a position different from\n// `initial`\nfunction getClippingParents(element: Element): Array<Element> {\n  const clippingParents = listScrollParents(getParentNode(element));\n  const canEscapeClipping =\n    ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;\n  const clipperElement =\n    canEscapeClipping && isHTMLElement(element)\n      ? getOffsetParent(element)\n      : element;\n\n  if (!isElement(clipperElement)) {\n    return [];\n  }\n\n  // $FlowFixMe: https://github.com/facebook/flow/issues/1414\n  return clippingParents.filter(\n    (clippingParent) =>\n      isElement(clippingParent) &&\n      contains(clippingParent, clipperElement) &&\n      getNodeName(clippingParent) !== 'body'\n  );\n}\n\n// Gets the maximum area that the element is visible in due to any number of\n// clipping parents\nexport default function getClippingRect(\n  element: Element,\n  boundary: Boundary,\n  rootBoundary: RootBoundary\n): ClientRectObject {\n  const mainClippingParents =\n    boundary === 'clippingParents'\n      ? getClippingParents(element)\n      : [].concat(boundary);\n  const clippingParents = [...mainClippingParents, rootBoundary];\n  const firstClippingParent = clippingParents[0];\n\n  const clippingRect = clippingParents.reduce((accRect, clippingParent) => {\n    const rect = getClientRectFromMixedType(element, clippingParent);\n\n    accRect.top = Math.max(rect.top, accRect.top);\n    accRect.right = Math.min(rect.right, accRect.right);\n    accRect.bottom = Math.min(rect.bottom, accRect.bottom);\n    accRect.left = Math.max(rect.left, accRect.left);\n\n    return accRect;\n  }, getClientRectFromMixedType(element, firstClippingParent));\n\n  clippingRect.width = clippingRect.right - clippingRect.left;\n  clippingRect.height = clippingRect.bottom - clippingRect.top;\n  clippingRect.x = clippingRect.left;\n  clippingRect.y = clippingRect.top;\n\n  return clippingRect;\n}\n","// @flow\nexport const top: 'top' = 'top';\nexport const bottom: 'bottom' = 'bottom';\nexport const right: 'right' = 'right';\nexport const left: 'left' = 'left';\nexport const auto: 'auto' = 'auto';\nexport type BasePlacement =\n  | typeof top\n  | typeof bottom\n  | typeof right\n  | typeof left;\nexport const basePlacements: Array<BasePlacement> = [top, bottom, right, left];\n\nexport const start: 'start' = 'start';\nexport const end: 'end' = 'end';\nexport type Variation = typeof start | typeof end;\n\nexport const clippingParents: 'clippingParents' = 'clippingParents';\nexport const viewport: 'viewport' = 'viewport';\nexport type Boundary =\n  | HTMLElement\n  | Array<HTMLElement>\n  | typeof clippingParents;\nexport type RootBoundary = typeof viewport | 'document';\n\nexport const popper: 'popper' = 'popper';\nexport const reference: 'reference' = 'reference';\nexport type Context = typeof popper | typeof reference;\n\nexport type VariationPlacement =\n  | 'top-start'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right-start'\n  | 'right-end'\n  | 'left-start'\n  | 'left-end';\nexport type AutoPlacement = 'auto' | 'auto-start' | 'auto-end';\nexport type ComputedPlacement = VariationPlacement | BasePlacement;\nexport type Placement = AutoPlacement | BasePlacement | VariationPlacement;\n\nexport const variationPlacements: Array<VariationPlacement> = basePlacements.reduce(\n  (acc: Array<VariationPlacement>, placement: BasePlacement) =>\n    acc.concat([(`${placement}-${start}`: any), (`${placement}-${end}`: any)]),\n  []\n);\nexport const placements: Array<Placement> = [...basePlacements, auto].reduce(\n  (\n    acc: Array<Placement>,\n    placement: BasePlacement | typeof auto\n  ): Array<Placement> =>\n    acc.concat([\n      placement,\n      (`${placement}-${start}`: any),\n      (`${placement}-${end}`: any),\n    ]),\n  []\n);\n\n// modifiers that need to read the DOM\nexport const beforeRead: 'beforeRead' = 'beforeRead';\nexport const read: 'read' = 'read';\nexport const afterRead: 'afterRead' = 'afterRead';\n// pure-logic modifiers\nexport const beforeMain: 'beforeMain' = 'beforeMain';\nexport const main: 'main' = 'main';\nexport const afterMain: 'afterMain' = 'afterMain';\n// modifier with the purpose to write to the DOM (or write into a framework state)\nexport const beforeWrite: 'beforeWrite' = 'beforeWrite';\nexport const write: 'write' = 'write';\nexport const afterWrite: 'afterWrite' = 'afterWrite';\nexport const modifierPhases: Array<ModifierPhases> = [\n  beforeRead,\n  read,\n  afterRead,\n  beforeMain,\n  main,\n  afterMain,\n  beforeWrite,\n  write,\n  afterWrite,\n];\n\nexport type ModifierPhases =\n  | typeof beforeRead\n  | typeof read\n  | typeof afterRead\n  | typeof beforeMain\n  | typeof main\n  | typeof afterMain\n  | typeof beforeWrite\n  | typeof write\n  | typeof afterWrite;\n","// @flow\nimport getWindow from './getWindow';\nimport getDocumentElement from './getDocumentElement';\nimport getWindowScrollBarX from './getWindowScrollBarX';\n\nexport default function getViewportRect(element: Element) {\n  const win = getWindow(element);\n  const html = getDocumentElement(element);\n  const visualViewport = win.visualViewport;\n\n  let width = html.clientWidth;\n  let height = html.clientHeight;\n  let x = 0;\n  let y = 0;\n\n  // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper\n  // can be obscured underneath it.\n  // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even\n  // if it isn't open, so if this isn't available, the popper will be detected\n  // to overflow the bottom of the screen too early.\n  if (visualViewport) {\n    width = visualViewport.width;\n    height = visualViewport.height;\n\n    // Uses Layout Viewport (like Chrome; Safari does not currently)\n    // In Chrome, it returns a value very close to 0 (+/-) but contains rounding\n    // errors due to floating point numbers, so we need to check precision.\n    // Safari returns a number <= 0, usually < -1 when pinch-zoomed\n\n    // Feature detection fails in mobile emulation mode in Chrome.\n    // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <\n    // 0.001\n    // Fallback here: \"Not Safari\" userAgent\n    if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {\n      x = visualViewport.offsetLeft;\n      y = visualViewport.offsetTop;\n    }\n  }\n\n  return {\n    width,\n    height,\n    x: x + getWindowScrollBarX(element),\n    y,\n  };\n}\n","// @flow\nimport type { Rect } from '../types';\nimport getDocumentElement from './getDocumentElement';\nimport getComputedStyle from './getComputedStyle';\nimport getWindowScrollBarX from './getWindowScrollBarX';\nimport getWindowScroll from './getWindowScroll';\n\n// Gets the entire size of the scrollable document area, even extending outside\n// of the `<html>` and `<body>` rect bounds if horizontally scrollable\nexport default function getDocumentRect(element: HTMLElement): Rect {\n  const html = getDocumentElement(element);\n  const winScroll = getWindowScroll(element);\n  const body = element.ownerDocument.body;\n\n  const width = Math.max(\n    html.scrollWidth,\n    html.clientWidth,\n    body ? body.scrollWidth : 0,\n    body ? body.clientWidth : 0\n  );\n  const height = Math.max(\n    html.scrollHeight,\n    html.clientHeight,\n    body ? body.scrollHeight : 0,\n    body ? body.clientHeight : 0\n  );\n\n  let x = -winScroll.scrollLeft + getWindowScrollBarX(element);\n  const y = -winScroll.scrollTop;\n\n  if (getComputedStyle(body || html).direction === 'rtl') {\n    x += Math.max(html.clientWidth, body ? body.clientWidth : 0) - width;\n  }\n\n  return { width, height, x, y };\n}\n","// @flow\nimport type { Placement } from '../enums';\n\nexport default function getMainAxisFromPlacement(\n  placement: Placement\n): 'x' | 'y' {\n  return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}\n","// @flow\nimport getBasePlacement from './getBasePlacement';\nimport getVariation from './getVariation';\nimport getMainAxisFromPlacement from './getMainAxisFromPlacement';\nimport type {\n  Rect,\n  PositioningStrategy,\n  Offsets,\n  ClientRectObject,\n} from '../types';\nimport { top, right, bottom, left, start, end, type Placement } from '../enums';\n\nexport default function computeOffsets({\n  reference,\n  element,\n  placement,\n}: {\n  reference: Rect | ClientRectObject,\n  element: Rect | ClientRectObject,\n  strategy: PositioningStrategy,\n  placement?: Placement,\n}): Offsets {\n  const basePlacement = placement ? getBasePlacement(placement) : null;\n  const variation = placement ? getVariation(placement) : null;\n  const commonX = reference.x + reference.width / 2 - element.width / 2;\n  const commonY = reference.y + reference.height / 2 - element.height / 2;\n\n  let offsets;\n  switch (basePlacement) {\n    case top:\n      offsets = {\n        x: commonX,\n        y: reference.y - element.height,\n      };\n      break;\n    case bottom:\n      offsets = {\n        x: commonX,\n        y: reference.y + reference.height,\n      };\n      break;\n    case right:\n      offsets = {\n        x: reference.x + reference.width,\n        y: commonY,\n      };\n      break;\n    case left:\n      offsets = {\n        x: reference.x - element.width,\n        y: commonY,\n      };\n      break;\n    default:\n      offsets = {\n        x: reference.x,\n        y: reference.y,\n      };\n  }\n\n  const mainAxis = basePlacement\n    ? getMainAxisFromPlacement(basePlacement)\n    : null;\n\n  if (mainAxis != null) {\n    const len = mainAxis === 'y' ? 'height' : 'width';\n\n    switch (variation) {\n      case start:\n        offsets[mainAxis] =\n          Math.floor(offsets[mainAxis]) -\n          Math.floor(reference[len] / 2 - element[len] / 2);\n        break;\n      case end:\n        offsets[mainAxis] =\n          Math.floor(offsets[mainAxis]) +\n          Math.ceil(reference[len] / 2 - element[len] / 2);\n        break;\n      default:\n    }\n  }\n\n  return offsets;\n}\n","// @flow\nimport { type Variation, type Placement } from '../enums';\n\nexport default function getVariation(placement: Placement): ?Variation {\n  return (placement.split('-')[1]: any);\n}\n","// @flow\nimport type { SideObject } from '../types';\nimport getFreshSideObject from './getFreshSideObject';\n\nexport default function mergePaddingObject(\n  paddingObject: $Shape<SideObject>\n): SideObject {\n  return {\n    ...getFreshSideObject(),\n    ...paddingObject,\n  };\n}\n","// @flow\nimport type { SideObject } from '../types';\n\nexport default function getFreshSideObject(): SideObject {\n  return {\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n  };\n}\n","// @flow\n\nexport default function expandToHashMap<\n  T: number | string | boolean,\n  K: string\n>(value: T, keys: Array<K>): { [key: string]: T } {\n  return keys.reduce((hashMap, key) => {\n    hashMap[key] = value;\n    return hashMap;\n  }, {});\n}\n","// @flow\nimport type { State, SideObject, Padding } from '../types';\nimport type { Placement, Boundary, RootBoundary, Context } from '../enums';\nimport getBoundingClientRect from '../dom-utils/getBoundingClientRect';\nimport getClippingRect from '../dom-utils/getClippingRect';\nimport getDocumentElement from '../dom-utils/getDocumentElement';\nimport computeOffsets from './computeOffsets';\nimport rectToClientRect from './rectToClientRect';\nimport {\n  clippingParents,\n  reference,\n  popper,\n  bottom,\n  top,\n  right,\n  basePlacements,\n  viewport,\n} from '../enums';\nimport { isElement } from '../dom-utils/instanceOf';\nimport mergePaddingObject from './mergePaddingObject';\nimport expandToHashMap from './expandToHashMap';\n\n// eslint-disable-next-line import/no-unused-modules\nexport type Options = {\n  placement: Placement,\n  boundary: Boundary,\n  rootBoundary: RootBoundary,\n  elementContext: Context,\n  altBoundary: boolean,\n  padding: Padding,\n};\n\nexport default function detectOverflow(\n  state: State,\n  options: $Shape<Options> = {}\n): SideObject {\n  const {\n    placement = state.placement,\n    boundary = clippingParents,\n    rootBoundary = viewport,\n    elementContext = popper,\n    altBoundary = false,\n    padding = 0,\n  } = options;\n\n  const paddingObject = mergePaddingObject(\n    typeof padding !== 'number'\n      ? padding\n      : expandToHashMap(padding, basePlacements)\n  );\n\n  const altContext = elementContext === popper ? reference : popper;\n\n  const referenceElement = state.elements.reference;\n  const popperRect = state.rects.popper;\n  const element = state.elements[altBoundary ? altContext : elementContext];\n\n  const clippingClientRect = getClippingRect(\n    isElement(element)\n      ? element\n      : element.contextElement || getDocumentElement(state.elements.popper),\n    boundary,\n    rootBoundary\n  );\n\n  const referenceClientRect = getBoundingClientRect(referenceElement);\n\n  const popperOffsets = computeOffsets({\n    reference: referenceClientRect,\n    element: popperRect,\n    strategy: 'absolute',\n    placement,\n  });\n\n  const popperClientRect = rectToClientRect({\n    ...popperRect,\n    ...popperOffsets,\n  });\n\n  const elementClientRect =\n    elementContext === popper ? popperClientRect : referenceClientRect;\n\n  // positive = overflowing the clipping rect\n  // 0 or negative = within the clipping rect\n  const overflowOffsets = {\n    top: clippingClientRect.top - elementClientRect.top + paddingObject.top,\n    bottom:\n      elementClientRect.bottom -\n      clippingClientRect.bottom +\n      paddingObject.bottom,\n    left: clippingClientRect.left - elementClientRect.left + paddingObject.left,\n    right:\n      elementClientRect.right - clippingClientRect.right + paddingObject.right,\n  };\n\n  const offsetData = state.modifiersData.offset;\n\n  // Offsets can be applied only to the popper element\n  if (elementContext === popper && offsetData) {\n    const offset = offsetData[placement];\n\n    Object.keys(overflowOffsets).forEach((key) => {\n      const multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;\n      const axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';\n      overflowOffsets[key] += offset[axis] * multiply;\n    });\n  }\n\n  return overflowOffsets;\n}\n","// @flow\nimport type {\n  State,\n  OptionsGeneric,\n  Modifier,\n  Instance,\n  VirtualElement,\n} from './types';\nimport getCompositeRect from './dom-utils/getCompositeRect';\nimport getLayoutRect from './dom-utils/getLayoutRect';\nimport listScrollParents from './dom-utils/listScrollParents';\nimport getOffsetParent from './dom-utils/getOffsetParent';\nimport getComputedStyle from './dom-utils/getComputedStyle';\nimport orderModifiers from './utils/orderModifiers';\nimport debounce from './utils/debounce';\nimport validateModifiers from './utils/validateModifiers';\nimport uniqueBy from './utils/uniqueBy';\nimport getBasePlacement from './utils/getBasePlacement';\nimport mergeByName from './utils/mergeByName';\nimport detectOverflow from './utils/detectOverflow';\nimport { isElement } from './dom-utils/instanceOf';\nimport { auto } from './enums';\n\nexport type * from './types';\nexport * from './enums';\n\nconst INVALID_ELEMENT_ERROR =\n  'Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.';\nconst INFINITE_LOOP_ERROR =\n  'Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.';\n\nconst DEFAULT_OPTIONS: OptionsGeneric<any> = {\n  placement: 'bottom',\n  modifiers: [],\n  strategy: 'absolute',\n};\n\ntype PopperGeneratorArgs = {\n  defaultModifiers?: Array<Modifier<any, any>>,\n  defaultOptions?: $Shape<OptionsGeneric<any>>,\n};\n\nfunction areValidElements(...args: Array<any>): boolean {\n  return !args.some(\n    (element) =>\n      !(element && typeof element.getBoundingClientRect === 'function')\n  );\n}\n\nexport function popperGenerator(generatorOptions: PopperGeneratorArgs = {}) {\n  const {\n    defaultModifiers = [],\n    defaultOptions = DEFAULT_OPTIONS,\n  } = generatorOptions;\n\n  return function createPopper<TModifier: $Shape<Modifier<any, any>>>(\n    reference: Element | VirtualElement,\n    popper: HTMLElement,\n    options: $Shape<OptionsGeneric<TModifier>> = defaultOptions\n  ): Instance {\n    let state: $Shape<State> = {\n      placement: 'bottom',\n      orderedModifiers: [],\n      options: { ...DEFAULT_OPTIONS, ...defaultOptions },\n      modifiersData: {},\n      elements: {\n        reference,\n        popper,\n      },\n      attributes: {},\n      styles: {},\n    };\n\n    let effectCleanupFns: Array<() => void> = [];\n    let isDestroyed = false;\n\n    const instance = {\n      state,\n      setOptions(options) {\n        cleanupModifierEffects();\n\n        state.options = {\n          // $FlowFixMe\n          ...defaultOptions,\n          ...state.options,\n          ...options,\n        };\n\n        state.scrollParents = {\n          reference: isElement(reference)\n            ? listScrollParents(reference)\n            : reference.contextElement\n            ? listScrollParents(reference.contextElement)\n            : [],\n          popper: listScrollParents(popper),\n        };\n\n        // Orders the modifiers based on their dependencies and `phase`\n        // properties\n        const orderedModifiers = orderModifiers(\n          mergeByName([...defaultModifiers, ...state.options.modifiers])\n        );\n\n        // Strip out disabled modifiers\n        state.orderedModifiers = orderedModifiers.filter((m) => m.enabled);\n\n        // Validate the provided modifiers so that the consumer will get warned\n        // if one of the modifiers is invalid for any reason\n        if (__DEV__) {\n          const modifiers = uniqueBy(\n            [...orderedModifiers, ...state.options.modifiers],\n            ({ name }) => name\n          );\n\n          validateModifiers(modifiers);\n\n          if (getBasePlacement(state.options.placement) === auto) {\n            const flipModifier = state.orderedModifiers.find(\n              ({ name }) => name === 'flip'\n            );\n\n            if (!flipModifier) {\n              console.error(\n                [\n                  'Popper: \"auto\" placements require the \"flip\" modifier be',\n                  'present and enabled to work.',\n                ].join(' ')\n              );\n            }\n          }\n\n          const {\n            marginTop,\n            marginRight,\n            marginBottom,\n            marginLeft,\n          } = getComputedStyle(popper);\n\n          // We no longer take into account `margins` on the popper, and it can\n          // cause bugs with positioning, so we'll warn the consumer\n          if (\n            [marginTop, marginRight, marginBottom, marginLeft].some((margin) =>\n              parseFloat(margin)\n            )\n          ) {\n            console.warn(\n              [\n                'Popper: CSS \"margin\" styles cannot be used to apply padding',\n                'between the popper and its reference element or boundary.',\n                'To replicate margin, use the `offset` modifier, as well as',\n                'the `padding` option in the `preventOverflow` and `flip`',\n                'modifiers.',\n              ].join(' ')\n            );\n          }\n        }\n\n        runModifierEffects();\n\n        return instance.update();\n      },\n\n      // Sync update – it will always be executed, even if not necessary. This\n      // is useful for low frequency updates where sync behavior simplifies the\n      // logic.\n      // For high frequency updates (e.g. `resize` and `scroll` events), always\n      // prefer the async Popper#update method\n      forceUpdate() {\n        if (isDestroyed) {\n          return;\n        }\n\n        const { reference, popper } = state.elements;\n\n        // Don't proceed if `reference` or `popper` are not valid elements\n        // anymore\n        if (!areValidElements(reference, popper)) {\n          if (__DEV__) {\n            console.error(INVALID_ELEMENT_ERROR);\n          }\n          return;\n        }\n\n        // Store the reference and popper rects to be read by modifiers\n        state.rects = {\n          reference: getCompositeRect(\n            reference,\n            getOffsetParent(popper),\n            state.options.strategy === 'fixed'\n          ),\n          popper: getLayoutRect(popper),\n        };\n\n        // Modifiers have the ability to reset the current update cycle. The\n        // most common use case for this is the `flip` modifier changing the\n        // placement, which then needs to re-run all the modifiers, because the\n        // logic was previously ran for the previous placement and is therefore\n        // stale/incorrect\n        state.reset = false;\n\n        state.placement = state.options.placement;\n\n        // On each update cycle, the `modifiersData` property for each modifier\n        // is filled with the initial data specified by the modifier. This means\n        // it doesn't persist and is fresh on each update.\n        // To ensure persistent data, use `${name}#persistent`\n        state.orderedModifiers.forEach(\n          (modifier) =>\n            (state.modifiersData[modifier.name] = {\n              ...modifier.data,\n            })\n        );\n\n        let __debug_loops__ = 0;\n        for (let index = 0; index < state.orderedModifiers.length; index++) {\n          if (__DEV__) {\n            __debug_loops__ += 1;\n            if (__debug_loops__ > 100) {\n              console.error(INFINITE_LOOP_ERROR);\n              break;\n            }\n          }\n\n          if (state.reset === true) {\n            state.reset = false;\n            index = -1;\n            continue;\n          }\n\n          const { fn, options = {}, name } = state.orderedModifiers[index];\n\n          if (typeof fn === 'function') {\n            state = fn({ state, options, name, instance }) || state;\n          }\n        }\n      },\n\n      // Async and optimistically optimized update – it will not be executed if\n      // not necessary (debounced to run at most once-per-tick)\n      update: debounce<$Shape<State>>(\n        () =>\n          new Promise<$Shape<State>>((resolve) => {\n            instance.forceUpdate();\n            resolve(state);\n          })\n      ),\n\n      destroy() {\n        cleanupModifierEffects();\n        isDestroyed = true;\n      },\n    };\n\n    if (!areValidElements(reference, popper)) {\n      if (__DEV__) {\n        console.error(INVALID_ELEMENT_ERROR);\n      }\n      return instance;\n    }\n\n    instance.setOptions(options).then((state) => {\n      if (!isDestroyed && options.onFirstUpdate) {\n        options.onFirstUpdate(state);\n      }\n    });\n\n    // Modifiers have the ability to execute arbitrary code before the first\n    // update cycle runs. They will be executed in the same order as the update\n    // cycle. This is useful when a modifier adds some persistent data that\n    // other modifiers need to use, but the modifier is run after the dependent\n    // one.\n    function runModifierEffects() {\n      state.orderedModifiers.forEach(({ name, options = {}, effect }) => {\n        if (typeof effect === 'function') {\n          const cleanupFn = effect({ state, name, instance, options });\n          const noopFn = () => {};\n          effectCleanupFns.push(cleanupFn || noopFn);\n        }\n      });\n    }\n\n    function cleanupModifierEffects() {\n      effectCleanupFns.forEach((fn) => fn());\n      effectCleanupFns = [];\n    }\n\n    return instance;\n  };\n}\n\nexport const createPopper = popperGenerator();\n\n// eslint-disable-next-line import/no-unused-modules\nexport { detectOverflow };\n","// @flow\nimport type { Modifier } from '../types';\n\nexport default function mergeByName(\n  modifiers: Array<$Shape<Modifier<any, any>>>\n): Array<$Shape<Modifier<any, any>>> {\n  const merged = modifiers.reduce((merged, current) => {\n    const existing = merged[current.name];\n    merged[current.name] = existing\n      ? {\n          ...existing,\n          ...current,\n          options: { ...existing.options, ...current.options },\n          data: { ...existing.data, ...current.data },\n        }\n      : current;\n    return merged;\n  }, {});\n\n  // IE11 does not support Object.values\n  return Object.keys(merged).map(key => merged[key]);\n}\n","// @flow\nimport type {\n  PositioningStrategy,\n  Offsets,\n  Modifier,\n  ModifierArguments,\n  Rect,\n  Window,\n} from '../types';\nimport { type BasePlacement, top, left, right, bottom } from '../enums';\nimport getOffsetParent from '../dom-utils/getOffsetParent';\nimport getWindow from '../dom-utils/getWindow';\nimport getDocumentElement from '../dom-utils/getDocumentElement';\nimport getComputedStyle from '../dom-utils/getComputedStyle';\nimport getBasePlacement from '../utils/getBasePlacement';\n\n// eslint-disable-next-line import/no-unused-modules\nexport type Options = {\n  gpuAcceleration: boolean,\n  adaptive: boolean,\n};\n\nconst unsetSides = {\n  top: 'auto',\n  right: 'auto',\n  bottom: 'auto',\n  left: 'auto',\n};\n\n// Round the offsets to the nearest suitable subpixel based on the DPR.\n// Zooming can change the DPR, but it seems to report a value that will\n// cleanly divide the values into the appropriate subpixels.\nfunction roundOffsets({ x, y }): Offsets {\n  const win: Window = window;\n  const dpr = win.devicePixelRatio || 1;\n\n  return {\n    x: Math.round(x * dpr) / dpr || 0,\n    y: Math.round(y * dpr) / dpr || 0,\n  };\n}\n\nexport function mapToStyles({\n  popper,\n  popperRect,\n  placement,\n  offsets,\n  position,\n  gpuAcceleration,\n  adaptive,\n}: {\n  popper: HTMLElement,\n  popperRect: Rect,\n  placement: BasePlacement,\n  offsets: $Shape<{ x: number, y: number, centerOffset: number }>,\n  position: PositioningStrategy,\n  gpuAcceleration: boolean,\n  adaptive: boolean,\n}) {\n  let { x, y } = roundOffsets(offsets);\n\n  const hasX = offsets.hasOwnProperty('x');\n  const hasY = offsets.hasOwnProperty('y');\n\n  let sideX: string = left;\n  let sideY: string = top;\n\n  const win: Window = window;\n\n  if (adaptive) {\n    let offsetParent = getOffsetParent(popper);\n    if (offsetParent === getWindow(popper)) {\n      offsetParent = getDocumentElement(popper);\n    }\n\n    // $FlowFixMe: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it\n    /*:: offsetParent = (offsetParent: Element); */\n\n    if (placement === top) {\n      sideY = bottom;\n      y -= offsetParent.clientHeight - popperRect.height;\n      y *= gpuAcceleration ? 1 : -1;\n    }\n\n    if (placement === left) {\n      sideX = right;\n      x -= offsetParent.clientWidth - popperRect.width;\n      x *= gpuAcceleration ? 1 : -1;\n    }\n  }\n\n  const commonStyles = {\n    position,\n    ...(adaptive && unsetSides),\n  };\n\n  if (gpuAcceleration) {\n    return {\n      ...commonStyles,\n      [sideY]: hasY ? '0' : '',\n      [sideX]: hasX ? '0' : '',\n      // Layer acceleration can disable subpixel rendering which causes slightly\n      // blurry text on low PPI displays, so we want to use 2D transforms\n      // instead\n      transform:\n        (win.devicePixelRatio || 1) < 2\n          ? `translate(${x}px, ${y}px)`\n          : `translate3d(${x}px, ${y}px, 0)`,\n    };\n  }\n\n  return {\n    ...commonStyles,\n    [sideY]: hasY ? `${y}px` : '',\n    [sideX]: hasX ? `${x}px` : '',\n    transform: '',\n  };\n}\n\nfunction computeStyles({ state, options }: ModifierArguments<Options>) {\n  const { gpuAcceleration = true, adaptive = true } = options;\n\n  if (__DEV__) {\n    const transitionProperty =\n      getComputedStyle(state.elements.popper).transitionProperty || '';\n\n    if (\n      adaptive &&\n      ['transform', 'top', 'right', 'bottom', 'left'].some(\n        property => transitionProperty.indexOf(property) >= 0\n      )\n    ) {\n      console.warn(\n        [\n          'Popper: Detected CSS transitions on at least one of the following',\n          'CSS properties: \"transform\", \"top\", \"right\", \"bottom\", \"left\".',\n          '\\n\\n',\n          'Disable the \"computeStyles\" modifier\\'s `adaptive` option to allow',\n          'for smooth transitions, or remove these properties from the CSS',\n          'transition declaration on the popper element if only transitioning',\n          'opacity or background-color for example.',\n          '\\n\\n',\n          'We recommend using the popper element as a wrapper around an inner',\n          'element that can have any CSS property transitioned for animations.',\n        ].join(' ')\n      );\n    }\n  }\n\n  const commonStyles = {\n    placement: getBasePlacement(state.placement),\n    popper: state.elements.popper,\n    popperRect: state.rects.popper,\n    gpuAcceleration,\n  };\n\n  if (state.modifiersData.popperOffsets != null) {\n    state.styles.popper = {\n      ...state.styles.popper,\n      ...mapToStyles({\n        ...commonStyles,\n        offsets: state.modifiersData.popperOffsets,\n        position: state.options.strategy,\n        adaptive,\n      }),\n    };\n  }\n\n  if (state.modifiersData.arrow != null) {\n    state.styles.arrow = {\n      ...state.styles.arrow,\n      ...mapToStyles({\n        ...commonStyles,\n        offsets: state.modifiersData.arrow,\n        position: 'absolute',\n        adaptive: false,\n      }),\n    };\n  }\n\n  state.attributes.popper = {\n    ...state.attributes.popper,\n    'data-popper-placement': state.placement,\n  };\n}\n\n// eslint-disable-next-line import/no-unused-modules\nexport type ComputeStylesModifier = Modifier<'computeStyles', Options>;\nexport default ({\n  name: 'computeStyles',\n  enabled: true,\n  phase: 'beforeWrite',\n  fn: computeStyles,\n  data: {},\n}: ComputeStylesModifier);\n","// @flow\nimport type { Placement } from '../enums';\n\nconst hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };\n\nexport default function getOppositePlacement(placement: Placement): Placement {\n  return (placement.replace(\n    /left|right|bottom|top/g,\n    matched => hash[matched]\n  ): any);\n}\n","// @flow\nimport type { Placement } from '../enums';\n\nconst hash = { start: 'end', end: 'start' };\n\nexport default function getOppositeVariationPlacement(\n  placement: Placement\n): Placement {\n  return (placement.replace(/start|end/g, matched => hash[matched]): any);\n}\n","// @flow\nimport type {\n  ModifierArguments,\n  Modifier,\n  Rect,\n  SideObject,\n  Offsets,\n} from '../types';\nimport { top, bottom, left, right } from '../enums';\nimport detectOverflow from '../utils/detectOverflow';\n\nfunction getSideOffsets(\n  overflow: SideObject,\n  rect: Rect,\n  preventedOffsets: Offsets = { x: 0, y: 0 }\n): SideObject {\n  return {\n    top: overflow.top - rect.height - preventedOffsets.y,\n    right: overflow.right - rect.width + preventedOffsets.x,\n    bottom: overflow.bottom - rect.height + preventedOffsets.y,\n    left: overflow.left - rect.width - preventedOffsets.x,\n  };\n}\n\nfunction isAnySideFullyClipped(overflow: SideObject): boolean {\n  return [top, right, bottom, left].some((side) => overflow[side] >= 0);\n}\n\nfunction hide({ state, name }: ModifierArguments<{||}>) {\n  const referenceRect = state.rects.reference;\n  const popperRect = state.rects.popper;\n  const preventedOffsets = state.modifiersData.preventOverflow;\n\n  const referenceOverflow = detectOverflow(state, {\n    elementContext: 'reference',\n  });\n  const popperAltOverflow = detectOverflow(state, {\n    altBoundary: true,\n  });\n\n  const referenceClippingOffsets = getSideOffsets(\n    referenceOverflow,\n    referenceRect\n  );\n  const popperEscapeOffsets = getSideOffsets(\n    popperAltOverflow,\n    popperRect,\n    preventedOffsets\n  );\n\n  const isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);\n  const hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);\n\n  state.modifiersData[name] = {\n    referenceClippingOffsets,\n    popperEscapeOffsets,\n    isReferenceHidden,\n    hasPopperEscaped,\n  };\n\n  state.attributes.popper = {\n    ...state.attributes.popper,\n    'data-popper-reference-hidden': isReferenceHidden,\n    'data-popper-escaped': hasPopperEscaped,\n  };\n}\n\n// eslint-disable-next-line import/no-unused-modules\nexport type HideModifier = Modifier<'hide', {||}>;\nexport default ({\n  name: 'hide',\n  enabled: true,\n  phase: 'main',\n  requiresIfExists: ['preventOverflow'],\n  fn: hide,\n}: HideModifier);\n","// @flow\nimport type { ModifierArguments, Modifier } from '../types';\nimport getWindow from '../dom-utils/getWindow';\n\n// eslint-disable-next-line import/no-unused-modules\nexport type Options = {\n  scroll: boolean,\n  resize: boolean,\n};\n\nconst passive = { passive: true };\n\nfunction effect({ state, instance, options }: ModifierArguments<Options>) {\n  const { scroll = true, resize = true } = options;\n\n  const window = getWindow(state.elements.popper);\n  const scrollParents = [\n    ...state.scrollParents.reference,\n    ...state.scrollParents.popper,\n  ];\n\n  if (scroll) {\n    scrollParents.forEach(scrollParent => {\n      scrollParent.addEventListener('scroll', instance.update, passive);\n    });\n  }\n\n  if (resize) {\n    window.addEventListener('resize', instance.update, passive);\n  }\n\n  return () => {\n    if (scroll) {\n      scrollParents.forEach(scrollParent => {\n        scrollParent.removeEventListener('scroll', instance.update, passive);\n      });\n    }\n\n    if (resize) {\n      window.removeEventListener('resize', instance.update, passive);\n    }\n  };\n}\n\n// eslint-disable-next-line import/no-unused-modules\nexport type EventListenersModifier = Modifier<'eventListeners', Options>;\nexport default ({\n  name: 'eventListeners',\n  enabled: true,\n  phase: 'write',\n  fn: () => {},\n  effect,\n  data: {},\n}: EventListenersModifier);\n","// @flow\nimport { popperGenerator, detectOverflow } from '.';\n\nimport eventListeners from './modifiers/eventListeners';\nimport popperOffsets from './modifiers/popperOffsets';\nimport computeStyles from './modifiers/computeStyles';\nimport applyStyles from './modifiers/applyStyles';\nimport offset from './modifiers/offset';\nimport flip from './modifiers/flip';\nimport preventOverflow from './modifiers/preventOverflow';\nimport arrow from './modifiers/arrow';\nimport hide from './modifiers/hide';\n\nexport type * from './types';\n\nconst defaultModifiers = [\n  eventListeners,\n  popperOffsets,\n  computeStyles,\n  applyStyles,\n  offset,\n  flip,\n  preventOverflow,\n  arrow,\n  hide,\n];\n\nconst createPopper = popperGenerator({ defaultModifiers });\n\n// eslint-disable-next-line import/no-unused-modules\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow };\n","// @flow\nimport type { ModifierArguments, Modifier } from '../types';\nimport computeOffsets from '../utils/computeOffsets';\n\nfunction popperOffsets({ state, name }: ModifierArguments<{||}>) {\n  // Offsets are the actual position the popper needs to have to be\n  // properly positioned near its reference element\n  // This is the most basic placement, and will be adjusted by\n  // the modifiers in the next step\n  state.modifiersData[name] = computeOffsets({\n    reference: state.rects.reference,\n    element: state.rects.popper,\n    strategy: 'absolute',\n    placement: state.placement,\n  });\n}\n\n// eslint-disable-next-line import/no-unused-modules\nexport type PopperOffsetsModifier = Modifier<'popperOffsets', {||}>;\nexport default ({\n  name: 'popperOffsets',\n  enabled: true,\n  phase: 'read',\n  fn: popperOffsets,\n  data: {},\n}: PopperOffsetsModifier);\n","// @flow\nimport type { Modifier, ModifierArguments } from '../types';\nimport getNodeName from '../dom-utils/getNodeName';\nimport { isHTMLElement } from '../dom-utils/instanceOf';\n\n// This modifier takes the styles prepared by the `computeStyles` modifier\n// and applies them to the HTMLElements such as popper and arrow\n\nfunction applyStyles({ state }: ModifierArguments<{||}>) {\n  Object.keys(state.elements).forEach(name => {\n    const style = state.styles[name] || {};\n\n    const attributes = state.attributes[name] || {};\n    const element = state.elements[name];\n\n    // arrow is optional + virtual elements\n    if (!isHTMLElement(element) || !getNodeName(element)) {\n      return;\n    }\n\n    // Flow doesn't support to extend this property, but it's the most\n    // effective way to apply styles to an HTMLElement\n    // $FlowFixMe\n    Object.assign(element.style, style);\n\n    Object.keys(attributes).forEach(name => {\n      const value = attributes[name];\n      if (value === false) {\n        element.removeAttribute(name);\n      } else {\n        element.setAttribute(name, value === true ? '' : value);\n      }\n    });\n  });\n}\n\nfunction effect({ state }: ModifierArguments<{||}>) {\n  const initialStyles = {\n    popper: {\n      position: state.options.strategy,\n      left: '0',\n      top: '0',\n      margin: '0',\n    },\n    arrow: {\n      position: 'absolute',\n    },\n    reference: {},\n  };\n\n  Object.assign(state.elements.popper.style, initialStyles.popper);\n\n  if (state.elements.arrow) {\n    Object.assign(state.elements.arrow.style, initialStyles.arrow);\n  }\n\n  return () => {\n    Object.keys(state.elements).forEach(name => {\n      const element = state.elements[name];\n      const attributes = state.attributes[name] || {};\n\n      const styleProperties = Object.keys(\n        state.styles.hasOwnProperty(name)\n          ? state.styles[name]\n          : initialStyles[name]\n      );\n\n      // Set all values to an empty string to unset them\n      const style = styleProperties.reduce((style, property) => {\n        style[property] = '';\n        return style;\n      }, {});\n\n      // arrow is optional + virtual elements\n      if (!isHTMLElement(element) || !getNodeName(element)) {\n        return;\n      }\n\n      // Flow doesn't support to extend this property, but it's the most\n      // effective way to apply styles to an HTMLElement\n      // $FlowFixMe\n      Object.assign(element.style, style);\n\n      Object.keys(attributes).forEach(attribute => {\n        element.removeAttribute(attribute);\n      });\n    });\n  };\n}\n\n// eslint-disable-next-line import/no-unused-modules\nexport type ApplyStylesModifier = Modifier<'applyStyles', {||}>;\nexport default ({\n  name: 'applyStyles',\n  enabled: true,\n  phase: 'write',\n  fn: applyStyles,\n  effect,\n  requires: ['computeStyles'],\n}: ApplyStylesModifier);\n","// @flow\nimport type { Placement } from '../enums';\nimport type { ModifierArguments, Modifier, Rect, Offsets } from '../types';\nimport getBasePlacement from '../utils/getBasePlacement';\nimport { top, left, right, placements } from '../enums';\n\ntype OffsetsFunction = ({\n  popper: Rect,\n  reference: Rect,\n  placement: Placement,\n}) => [?number, ?number];\n\ntype Offset = OffsetsFunction | [?number, ?number];\n\n// eslint-disable-next-line import/no-unused-modules\nexport type Options = {\n  offset: Offset,\n};\n\nexport function distanceAndSkiddingToXY(\n  placement: Placement,\n  rects: { popper: Rect, reference: Rect },\n  offset: Offset\n): Offsets {\n  const basePlacement = getBasePlacement(placement);\n  const invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;\n\n  let [skidding, distance] =\n    typeof offset === 'function'\n      ? offset({\n          ...rects,\n          placement,\n        })\n      : offset;\n\n  skidding = skidding || 0;\n  distance = (distance || 0) * invertDistance;\n\n  return [left, right].indexOf(basePlacement) >= 0\n    ? { x: distance, y: skidding }\n    : { x: skidding, y: distance };\n}\n\nfunction offset({ state, options, name }: ModifierArguments<Options>) {\n  const { offset = [0, 0] } = options;\n\n  const data = placements.reduce((acc, placement) => {\n    acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);\n    return acc;\n  }, {});\n\n  const { x, y } = data[state.placement];\n\n  if (state.modifiersData.popperOffsets != null) {\n    state.modifiersData.popperOffsets.x += x;\n    state.modifiersData.popperOffsets.y += y;\n  }\n\n  state.modifiersData[name] = data;\n}\n\n// eslint-disable-next-line import/no-unused-modules\nexport type OffsetModifier = Modifier<'offset', Options>;\nexport default ({\n  name: 'offset',\n  enabled: true,\n  phase: 'main',\n  requires: ['popperOffsets'],\n  fn: offset,\n}: OffsetModifier);\n","// @flow\nimport type { Placement, Boundary, RootBoundary } from '../enums';\nimport type { ModifierArguments, Modifier, Padding } from '../types';\nimport getOppositePlacement from '../utils/getOppositePlacement';\nimport getBasePlacement from '../utils/getBasePlacement';\nimport getOppositeVariationPlacement from '../utils/getOppositeVariationPlacement';\nimport detectOverflow from '../utils/detectOverflow';\nimport computeAutoPlacement from '../utils/computeAutoPlacement';\nimport { bottom, top, start, right, left, auto } from '../enums';\nimport getVariation from '../utils/getVariation';\n\n// eslint-disable-next-line import/no-unused-modules\nexport type Options = {\n  mainAxis: boolean,\n  altAxis: boolean,\n  fallbackPlacements: Array<Placement>,\n  padding: Padding,\n  boundary: Boundary,\n  rootBoundary: RootBoundary,\n  altBoundary: boolean,\n  flipVariations: boolean,\n  allowedAutoPlacements: Array<Placement>,\n};\n\nfunction getExpandedFallbackPlacements(placement: Placement): Array<Placement> {\n  if (getBasePlacement(placement) === auto) {\n    return [];\n  }\n\n  const oppositePlacement = getOppositePlacement(placement);\n\n  return [\n    getOppositeVariationPlacement(placement),\n    oppositePlacement,\n    getOppositeVariationPlacement(oppositePlacement),\n  ];\n}\n\nfunction flip({ state, options, name }: ModifierArguments<Options>) {\n  if (state.modifiersData[name]._skip) {\n    return;\n  }\n\n  const {\n    mainAxis: checkMainAxis = true,\n    altAxis: checkAltAxis = true,\n    fallbackPlacements: specifiedFallbackPlacements,\n    padding,\n    boundary,\n    rootBoundary,\n    altBoundary,\n    flipVariations = true,\n    allowedAutoPlacements,\n  } = options;\n\n  const preferredPlacement = state.options.placement;\n  const basePlacement = getBasePlacement(preferredPlacement);\n  const isBasePlacement = basePlacement === preferredPlacement;\n\n  const fallbackPlacements =\n    specifiedFallbackPlacements ||\n    (isBasePlacement || !flipVariations\n      ? [getOppositePlacement(preferredPlacement)]\n      : getExpandedFallbackPlacements(preferredPlacement));\n\n  const placements = [preferredPlacement, ...fallbackPlacements].reduce(\n    (acc, placement) => {\n      return acc.concat(\n        getBasePlacement(placement) === auto\n          ? computeAutoPlacement(state, {\n              placement,\n              boundary,\n              rootBoundary,\n              padding,\n              flipVariations,\n              allowedAutoPlacements,\n            })\n          : placement\n      );\n    },\n    []\n  );\n\n  const referenceRect = state.rects.reference;\n  const popperRect = state.rects.popper;\n\n  const checksMap = new Map();\n  let makeFallbackChecks = true;\n  let firstFittingPlacement = placements[0];\n\n  for (let i = 0; i < placements.length; i++) {\n    const placement = placements[i];\n    const basePlacement = getBasePlacement(placement);\n    const isStartVariation = getVariation(placement) === start;\n    const isVertical = [top, bottom].indexOf(basePlacement) >= 0;\n    const len = isVertical ? 'width' : 'height';\n\n    const overflow = detectOverflow(state, {\n      placement,\n      boundary,\n      rootBoundary,\n      altBoundary,\n      padding,\n    });\n\n    let mainVariationSide: any = isVertical\n      ? isStartVariation\n        ? right\n        : left\n      : isStartVariation\n      ? bottom\n      : top;\n\n    if (referenceRect[len] > popperRect[len]) {\n      mainVariationSide = getOppositePlacement(mainVariationSide);\n    }\n\n    const altVariationSide: any = getOppositePlacement(mainVariationSide);\n\n    const checks = [];\n\n    if (checkMainAxis) {\n      checks.push(overflow[basePlacement] <= 0);\n    }\n\n    if (checkAltAxis) {\n      checks.push(\n        overflow[mainVariationSide] <= 0,\n        overflow[altVariationSide] <= 0\n      );\n    }\n\n    if (checks.every((check) => check)) {\n      firstFittingPlacement = placement;\n      makeFallbackChecks = false;\n      break;\n    }\n\n    checksMap.set(placement, checks);\n  }\n\n  if (makeFallbackChecks) {\n    // `2` may be desired in some cases – research later\n    const numberOfChecks = flipVariations ? 3 : 1;\n\n    for (let i = numberOfChecks; i > 0; i--) {\n      const fittingPlacement = placements.find((placement) => {\n        const checks = checksMap.get(placement);\n        if (checks) {\n          return checks.slice(0, i).every((check) => check);\n        }\n      });\n\n      if (fittingPlacement) {\n        firstFittingPlacement = fittingPlacement;\n        break;\n      }\n    }\n  }\n\n  if (state.placement !== firstFittingPlacement) {\n    state.modifiersData[name]._skip = true;\n    state.placement = firstFittingPlacement;\n    state.reset = true;\n  }\n}\n\n// eslint-disable-next-line import/no-unused-modules\nexport type FlipModifier = Modifier<'flip', Options>;\nexport default ({\n  name: 'flip',\n  enabled: true,\n  phase: 'main',\n  fn: flip,\n  requiresIfExists: ['offset'],\n  data: { _skip: false },\n}: FlipModifier);\n","// @flow\nimport type { State, Padding } from '../types';\nimport type {\n  Placement,\n  ComputedPlacement,\n  Boundary,\n  RootBoundary,\n} from '../enums';\nimport getVariation from './getVariation';\nimport {\n  variationPlacements,\n  basePlacements,\n  placements as allPlacements,\n} from '../enums';\nimport detectOverflow from './detectOverflow';\nimport getBasePlacement from './getBasePlacement';\n\ntype Options = {\n  placement: Placement,\n  padding: Padding,\n  boundary: Boundary,\n  rootBoundary: RootBoundary,\n  flipVariations: boolean,\n  allowedAutoPlacements?: Array<Placement>,\n};\n\n/*:: type OverflowsMap = { [ComputedPlacement]: number }; */\n/*;; type OverflowsMap = { [key in ComputedPlacement]: number }; */\n\nexport default function computeAutoPlacement(\n  state: $Shape<State>,\n  options: Options = {}\n): Array<ComputedPlacement> {\n  const {\n    placement,\n    boundary,\n    rootBoundary,\n    padding,\n    flipVariations,\n    allowedAutoPlacements = allPlacements,\n  } = options;\n\n  const variation = getVariation(placement);\n\n  const placements = variation\n    ? flipVariations\n      ? variationPlacements\n      : variationPlacements.filter(\n          (placement) => getVariation(placement) === variation\n        )\n    : basePlacements;\n\n  // $FlowFixMe\n  let allowedPlacements = placements.filter(\n    (placement) => allowedAutoPlacements.indexOf(placement) >= 0\n  );\n\n  if (allowedPlacements.length === 0) {\n    allowedPlacements = placements;\n\n    if (__DEV__) {\n      console.error(\n        [\n          'Popper: The `allowedAutoPlacements` option did not allow any',\n          'placements. Ensure the `placement` option matches the variation',\n          'of the allowed placements.',\n          'For example, \"auto\" cannot be used to allow \"bottom-start\".',\n          'Use \"auto-start\" instead.',\n        ].join(' ')\n      );\n    }\n  }\n\n  // $FlowFixMe: Flow seems to have problems with two array unions...\n  const overflows: OverflowsMap = allowedPlacements.reduce((acc, placement) => {\n    acc[placement] = detectOverflow(state, {\n      placement,\n      boundary,\n      rootBoundary,\n      padding,\n    })[getBasePlacement(placement)];\n\n    return acc;\n  }, {});\n\n  return Object.keys(overflows).sort((a, b) => overflows[a] - overflows[b]);\n}\n","// @flow\nimport { top, left, right, bottom, start } from '../enums';\nimport type { Placement, Boundary, RootBoundary } from '../enums';\nimport type { Rect, ModifierArguments, Modifier, Padding } from '../types';\nimport getBasePlacement from '../utils/getBasePlacement';\nimport getMainAxisFromPlacement from '../utils/getMainAxisFromPlacement';\nimport getAltAxis from '../utils/getAltAxis';\nimport within from '../utils/within';\nimport getLayoutRect from '../dom-utils/getLayoutRect';\nimport getOffsetParent from '../dom-utils/getOffsetParent';\nimport detectOverflow from '../utils/detectOverflow';\nimport getVariation from '../utils/getVariation';\nimport getFreshSideObject from '../utils/getFreshSideObject';\n\ntype TetherOffset =\n  | (({\n      popper: Rect,\n      reference: Rect,\n      placement: Placement,\n    }) => number)\n  | number;\n\n// eslint-disable-next-line import/no-unused-modules\nexport type Options = {\n  /* Prevents boundaries overflow on the main axis */\n  mainAxis: boolean,\n  /* Prevents boundaries overflow on the alternate axis */\n  altAxis: boolean,\n  /* The area to check the popper is overflowing in */\n  boundary: Boundary,\n  /* If the popper is not overflowing the main area, fallback to this one */\n  rootBoundary: RootBoundary,\n  /* Use the reference's \"clippingParents\" boundary context */\n  altBoundary: boolean,\n  /**\n   * Allows the popper to overflow from its boundaries to keep it near its\n   * reference element\n   */\n  tether: boolean,\n  /* Offsets when the `tether` option should activate */\n  tetherOffset: TetherOffset,\n  /* Sets a padding to the provided boundary */\n  padding: Padding,\n};\n\nfunction preventOverflow({ state, options, name }: ModifierArguments<Options>) {\n  const {\n    mainAxis: checkMainAxis = true,\n    altAxis: checkAltAxis = false,\n    boundary,\n    rootBoundary,\n    altBoundary,\n    padding,\n    tether = true,\n    tetherOffset = 0,\n  } = options;\n\n  const overflow = detectOverflow(state, {\n    boundary,\n    rootBoundary,\n    padding,\n    altBoundary,\n  });\n  const basePlacement = getBasePlacement(state.placement);\n  const variation = getVariation(state.placement);\n  const isBasePlacement = !variation;\n  const mainAxis = getMainAxisFromPlacement(basePlacement);\n  const altAxis = getAltAxis(mainAxis);\n  const popperOffsets = state.modifiersData.popperOffsets;\n  const referenceRect = state.rects.reference;\n  const popperRect = state.rects.popper;\n  const tetherOffsetValue =\n    typeof tetherOffset === 'function'\n      ? tetherOffset({\n          ...state.rects,\n          placement: state.placement,\n        })\n      : tetherOffset;\n\n  const data = { x: 0, y: 0 };\n\n  if (!popperOffsets) {\n    return;\n  }\n\n  if (checkMainAxis) {\n    const mainSide = mainAxis === 'y' ? top : left;\n    const altSide = mainAxis === 'y' ? bottom : right;\n    const len = mainAxis === 'y' ? 'height' : 'width';\n    const offset = popperOffsets[mainAxis];\n\n    const min = popperOffsets[mainAxis] + overflow[mainSide];\n    const max = popperOffsets[mainAxis] - overflow[altSide];\n\n    const additive = tether ? -popperRect[len] / 2 : 0;\n\n    const minLen = variation === start ? referenceRect[len] : popperRect[len];\n    const maxLen = variation === start ? -popperRect[len] : -referenceRect[len];\n\n    // We need to include the arrow in the calculation so the arrow doesn't go\n    // outside the reference bounds\n    const arrowElement = state.elements.arrow;\n    const arrowRect =\n      tether && arrowElement\n        ? getLayoutRect(arrowElement)\n        : { width: 0, height: 0 };\n    const arrowPaddingObject = state.modifiersData['arrow#persistent']\n      ? state.modifiersData['arrow#persistent'].padding\n      : getFreshSideObject();\n    const arrowPaddingMin = arrowPaddingObject[mainSide];\n    const arrowPaddingMax = arrowPaddingObject[altSide];\n\n    // If the reference length is smaller than the arrow length, we don't want\n    // to include its full size in the calculation. If the reference is small\n    // and near the edge of a boundary, the popper can overflow even if the\n    // reference is not overflowing as well (e.g. virtual elements with no\n    // width or height)\n    const arrowLen = within(0, referenceRect[len], arrowRect[len]);\n\n    const minOffset = isBasePlacement\n      ? referenceRect[len] / 2 -\n        additive -\n        arrowLen -\n        arrowPaddingMin -\n        tetherOffsetValue\n      : minLen - arrowLen - arrowPaddingMin - tetherOffsetValue;\n    const maxOffset = isBasePlacement\n      ? -referenceRect[len] / 2 +\n        additive +\n        arrowLen +\n        arrowPaddingMax +\n        tetherOffsetValue\n      : maxLen + arrowLen + arrowPaddingMax + tetherOffsetValue;\n\n    const arrowOffsetParent =\n      state.elements.arrow && getOffsetParent(state.elements.arrow);\n    const clientOffset = arrowOffsetParent\n      ? mainAxis === 'y'\n        ? arrowOffsetParent.clientTop || 0\n        : arrowOffsetParent.clientLeft || 0\n      : 0;\n\n    const offsetModifierValue = state.modifiersData.offset\n      ? state.modifiersData.offset[state.placement][mainAxis]\n      : 0;\n\n    const tetherMin =\n      popperOffsets[mainAxis] + minOffset - offsetModifierValue - clientOffset;\n    const tetherMax = popperOffsets[mainAxis] + maxOffset - offsetModifierValue;\n\n    const preventedOffset = within(\n      tether ? Math.min(min, tetherMin) : min,\n      offset,\n      tether ? Math.max(max, tetherMax) : max\n    );\n\n    popperOffsets[mainAxis] = preventedOffset;\n    data[mainAxis] = preventedOffset - offset;\n  }\n\n  if (checkAltAxis) {\n    const mainSide = mainAxis === 'x' ? top : left;\n    const altSide = mainAxis === 'x' ? bottom : right;\n    const offset = popperOffsets[altAxis];\n\n    const min = offset + overflow[mainSide];\n    const max = offset - overflow[altSide];\n\n    const preventedOffset = within(min, offset, max);\n\n    popperOffsets[altAxis] = preventedOffset;\n    data[altAxis] = preventedOffset - offset;\n  }\n\n  state.modifiersData[name] = data;\n}\n\n// eslint-disable-next-line import/no-unused-modules\nexport type PreventOverflowModifier = Modifier<'preventOverflow', Options>;\nexport default ({\n  name: 'preventOverflow',\n  enabled: true,\n  phase: 'main',\n  fn: preventOverflow,\n  requiresIfExists: ['offset'],\n}: PreventOverflowModifier);\n","// @flow\n\nexport default function getAltAxis(axis: 'x' | 'y'): 'x' | 'y' {\n  return axis === 'x' ? 'y' : 'x';\n}\n","// @flow\n\nexport default function within(\n  min: number,\n  value: number,\n  max: number\n): number {\n  return Math.max(min, Math.min(value, max));\n}\n","// @flow\nimport type { Modifier, ModifierArguments, Padding } from '../types';\nimport getBasePlacement from '../utils/getBasePlacement';\nimport getLayoutRect from '../dom-utils/getLayoutRect';\nimport contains from '../dom-utils/contains';\nimport getOffsetParent from '../dom-utils/getOffsetParent';\nimport getMainAxisFromPlacement from '../utils/getMainAxisFromPlacement';\nimport within from '../utils/within';\nimport mergePaddingObject from '../utils/mergePaddingObject';\nimport expandToHashMap from '../utils/expandToHashMap';\nimport { left, right, basePlacements, top, bottom } from '../enums';\nimport { isHTMLElement } from '../dom-utils/instanceOf';\n\n// eslint-disable-next-line import/no-unused-modules\nexport type Options = {\n  element: HTMLElement | string | null,\n  padding: Padding,\n};\n\nfunction arrow({ state, name }: ModifierArguments<Options>) {\n  const arrowElement = state.elements.arrow;\n  const popperOffsets = state.modifiersData.popperOffsets;\n  const basePlacement = getBasePlacement(state.placement);\n  const axis = getMainAxisFromPlacement(basePlacement);\n  const isVertical = [left, right].indexOf(basePlacement) >= 0;\n  const len = isVertical ? 'height' : 'width';\n\n  if (!arrowElement || !popperOffsets) {\n    return;\n  }\n\n  const paddingObject = state.modifiersData[`${name}#persistent`].padding;\n  const arrowRect = getLayoutRect(arrowElement);\n  const minProp = axis === 'y' ? top : left;\n  const maxProp = axis === 'y' ? bottom : right;\n\n  const endDiff =\n    state.rects.reference[len] +\n    state.rects.reference[axis] -\n    popperOffsets[axis] -\n    state.rects.popper[len];\n  const startDiff = popperOffsets[axis] - state.rects.reference[axis];\n\n  const arrowOffsetParent = getOffsetParent(arrowElement);\n  const clientSize = arrowOffsetParent\n    ? axis === 'y'\n      ? arrowOffsetParent.clientHeight || 0\n      : arrowOffsetParent.clientWidth || 0\n    : 0;\n\n  const centerToReference = endDiff / 2 - startDiff / 2;\n\n  // Make sure the arrow doesn't overflow the popper if the center point is\n  // outside of the popper bounds\n  const min = paddingObject[minProp];\n  const max = clientSize - arrowRect[len] - paddingObject[maxProp];\n  const center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;\n  const offset = within(min, center, max);\n\n  // Prevents breaking syntax highlighting...\n  const axisProp: string = axis;\n  state.modifiersData[name] = {\n    [axisProp]: offset,\n    centerOffset: offset - center,\n  };\n}\n\nfunction effect({ state, options, name }: ModifierArguments<Options>) {\n  let { element: arrowElement = '[data-popper-arrow]', padding = 0 } = options;\n\n  if (arrowElement == null) {\n    return;\n  }\n\n  // CSS selector\n  if (typeof arrowElement === 'string') {\n    arrowElement = state.elements.popper.querySelector(arrowElement);\n\n    if (!arrowElement) {\n      return;\n    }\n  }\n\n  if (__DEV__) {\n    if (!isHTMLElement(arrowElement)) {\n      console.error(\n        [\n          'Popper: \"arrow\" element must be an HTMLElement (not an SVGElement).',\n          'To use an SVG arrow, wrap it in an HTMLElement that will be used as',\n          'the arrow.',\n        ].join(' ')\n      );\n    }\n  }\n\n  if (!contains(state.elements.popper, arrowElement)) {\n    if (__DEV__) {\n      console.error(\n        [\n          'Popper: \"arrow\" modifier\\'s `element` must be a child of the popper',\n          'element.',\n        ].join(' ')\n      );\n    }\n\n    return;\n  }\n\n  state.elements.arrow = arrowElement;\n  state.modifiersData[`${name}#persistent`] = {\n    padding: mergePaddingObject(\n      typeof padding !== 'number'\n        ? padding\n        : expandToHashMap(padding, basePlacements)\n    ),\n  };\n}\n\n// eslint-disable-next-line import/no-unused-modules\nexport type ArrowModifier = Modifier<'arrow', Options>;\nexport default ({\n  name: 'arrow',\n  enabled: true,\n  phase: 'main',\n  fn: arrow,\n  effect,\n  requires: ['popperOffsets'],\n  requiresIfExists: ['preventOverflow'],\n}: ArrowModifier);\n"],"names":["getBoundingClientRect","element","width","rect","height","top","right","bottom","left","x","y","getWindow","node","ownerDocument","window","getWindowScroll","scrollLeft","win","scrollTop","isElement","isHTMLElement","getNodeName","getDocumentElement","getWindowScrollBarX","getComputedStyle","isScrollParent","getCompositeRect","elementOrVirtualElement","offsetParent","isFixed","documentElement","isOffsetParentAnElement","scroll","offsets","getLayoutRect","getParentNode","listScrollParents","list","scrollParent","getScrollParent","isBody","target","updatedList","getTrueOffsetParent","html","getOffsetParent","a","currentNode","getContainingBlock","css","order","modifiers","map","Map","visited","Set","result","modifier","dep","depModifier","sort","debounce","fn","pending","Promise","resolve","undefined","getBasePlacement","placement","contains","parent","child","isShadow","next","rectToClientRect","getClientRectFromMixedType","clippingParent","viewport","visualViewport","navigator","winScroll","body","Math","getClippingRect","boundary","rootBoundary","mainClippingParents","getClippingParents","clippingParents","clipperElement","accRect","clippingRect","getMainAxisFromPlacement","computeOffsets","reference","basePlacement","commonX","commonY","mainAxis","len","variation","start","end","mergePaddingObject","paddingObject","expandToHashMap","value","keys","hashMap","key","detectOverflow","state","options","popper","altBoundary","padding","basePlacements","referenceElement","elementContext","popperRect","strategy","popperOffsets","popperClientRect","referenceClientRect","overflowOffsets","clippingClientRect","elementClientRect","offsetData","offset","multiply","axis","areValidElements","args","popperGenerator","generatorOptions","defaultModifiers","defaultOptions","DEFAULT_OPTIONS","effectCleanupFns","orderedModifiers","modifiersData","elements","attributes","styles","isDestroyed","instance","setOptions","cleanupModifierEffects","orderModifiers","acc","phase","mergeByName","merged","current","existing","data","m","name","cleanupFn","effect","noopFn","forceUpdate","index","update","destroy","mapToStyles","position","gpuAcceleration","adaptive","dpr","hasX","sideX","sideY","commonStyles","unsetSides","hasY","getOppositePlacement","matched","getOppositeVariationPlacement","getSideOffsets","overflow","preventedOffsets","isAnySideFullyClipped","side","variationPlacements","placements","auto","modifierPhases","passive","hash","eventListeners","enabled","resize","scrollParents","popperOffsets$1","computeStyles$1","computeStyles","applyStyles$1","applyStyles","style","Object","effect$1","initialStyles","margin","arrow","property","attribute","requires","offset$1","distanceAndSkiddingToXY","invertDistance","rects","distance","skidding","flip$1","flip","specifiedFallbackPlacements","flipVariations","allowedAutoPlacements","preferredPlacement","getExpandedFallbackPlacements","oppositePlacement","fallbackPlacements","computeAutoPlacement","allPlacements","allowedPlacements","overflows","b","checksMap","firstFittingPlacement","i","isStartVariation","isVertical","mainVariationSide","checks","altVariationSide","check","makeFallbackChecks","fittingPlacement","requiresIfExists","_skip","preventOverflow$1","preventOverflow","checkMainAxis","tetherOffset","isBasePlacement","referenceRect","tetherOffsetValue","mainSide","altSide","min","max","additive","tether","minLen","arrowElement","arrowPaddingObject","arrowRect","arrowLen","arrowPaddingMin","arrowPaddingMax","maxLen","minOffset","offsetModifierValue","arrowOffsetParent","maxOffset","tetherMin","tetherMax","preventedOffset","checkAltAxis","altAxis","arrow$1","minProp","maxProp","endDiff","startDiff","center","clientSize","effect$2","hide$1","hide","referenceOverflow","popperAltOverflow","referenceClippingOffsets","popperEscapeOffsets","isReferenceHidden","hasPopperEscaped","createPopper"],"mappings":"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"}
\ No newline at end of file
diff --git a/modules/http/webif/gtemplates/base_plugin.html b/modules/http/webif/gtemplates/base_plugin.html
old mode 100644
new mode 100755
index 27516c9a6..b0893ab71
--- a/modules/http/webif/gtemplates/base_plugin.html
+++ b/modules/http/webif/gtemplates/base_plugin.html
@@ -15,6 +15,20 @@
 {% block scripts -%}
 {{ super() }}
 
+<script>
+	$(document).on("change", ".dataTables_length select", function(){
+	          var selectedVal = $(this).val();
+						var tab = $(this).closest('.tab-pane').attr('id');
+	          window.pageLength[tab]['pagelength'] = parseInt(selectedVal);
+						setCookie("pagelength", window.pageLength, 3650, window.pluginname);
+						if (selectedVal == 1)
+						{
+							console.log("Triggering resize window because pagelength in tab " + tab + " is set to " + selectedVal);
+							$(window).resize();
+						}
+	    });
+</script>
+<script src="/gstatic/js/smarthomeng_pageupdate.js"></script>
 <script>
 	function initVariables() {
 		// Make refresh variable, dataSet and update_params available for plugins html files.
@@ -26,6 +40,25 @@
 		window.update_active = false;
 		window.update_blocked = false;
 		window.toggle = 1;
+		window.pluginname = '{{ p.get_fullname() }}';
+		window.pageLength = getCookie("pagelength");
+	  if (window.pageLength == "")
+	  {
+			window.pageLength = {}
+			let tabcount = {{ tabcount }};
+			if (isNaN(parseFloat(tabcount))) {
+				tabcount = 1;
+			}
+			for (let i = 1; i <= tabcount; i++) {
+				let pagelength = {{ webif_pagelength }};
+				if (isNaN(parseFloat(pagelength)) || pagelength == 0) {
+		      pagelength = 1;
+		    }
+			  window.pageLength["bodytab_"+i] = {'tableid': 'unknown', 'pagelength': parseInt(pagelength)};
+				console.log(window.pageLength);
+			}
+			setCookie("pagelength", window.pageLength, 30, window.pluginname);
+		}
 		window.initial_update = false;
 		{%- if row_count is defined %}
 		  window.row_count = '{{ row_count|lower }}';
@@ -33,7 +66,7 @@
 		{%- if initial_update is defined %}
 		  window.initial_update = '{{ initial_update|lower }}';
 		{%- endif %}
-		window.pluginname = '{{ p.get_fullname() }}';
+
 		{%- if dataSet is defined %}
 		  window.dataSet = '{{ dataSet }}';
 		{%- endif %}
@@ -78,7 +111,6 @@
   initVariables();
 </script>
 
-<script src="/gstatic/js/smarthomeng_pageupdate.js"></script>
 {%- endblock scripts %}
 
 {% block content -%}