From 6112024d8b16879fd4dbe48b3b9f476368f4e157 Mon Sep 17 00:00:00 2001
From: Benoit Thieurmel <bthieurmel@gaia.quadratic-labs.com>
Date: Thu, 16 Mar 2023 20:30:29 +0000
Subject: [PATCH 01/19] add limit to autocomplete

---
 R/f7-inputs.R                     | 6 ++++--
 srcjs/autoCompleteInputBinding.js | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/R/f7-inputs.R b/R/f7-inputs.R
index 99927bc5..434cef71 100644
--- a/R/f7-inputs.R
+++ b/R/f7-inputs.R
@@ -21,6 +21,7 @@
 #' Only if openIn is "dropdown".
 #' @param multiple Whether to allow multiple value selection. Only works
 #' when openIn is 'popup' or 'page'.
+#' @param limit Limit number of maximum displayed items in autocomplete per query
 #'
 #' @rdname autocomplete
 #'
@@ -75,7 +76,7 @@ f7AutoComplete <- function(inputId, label, placeholder = NULL,
                            value = choices[1], choices,
                            openIn = c("popup", "page", "dropdown"),
                            typeahead = TRUE, expandInput = TRUE, closeOnSelect = FALSE,
-                           dropdownPlaceholderText = NULL, multiple = FALSE) {
+                           dropdownPlaceholderText = NULL, multiple = FALSE, limit = NULL) {
 
   type <- match.arg(openIn)
 
@@ -90,7 +91,8 @@ f7AutoComplete <- function(inputId, label, placeholder = NULL,
     class = "autocomplete-input",
     `data-choices` = choices,
     `data-value` = value,
-    `data-open-in` = type
+    `data-open-in` = type,
+    `data-limit` = limit
   )
 
   # specific props
diff --git a/srcjs/autoCompleteInputBinding.js b/srcjs/autoCompleteInputBinding.js
index a79fb172..089d93a6 100644
--- a/srcjs/autoCompleteInputBinding.js
+++ b/srcjs/autoCompleteInputBinding.js
@@ -33,7 +33,7 @@ $.extend(f7AutoCompleteBinding, {
           return $1.toUpperCase();
         });
         // convert "true" to true and "false" to false only for booleans
-        if (["openIn", "choices", "value", "dropdownPlaceholderText"].indexOf(camelCaseName) == -1) {
+        if (["openIn", "choices", "value", "dropdownPlaceholderText", "limit"].indexOf(camelCaseName) == -1) {
           var isTrueSet = (attr.value == 'true');
           data[camelCaseName] = isTrueSet;
         } else {

From 676c92ca43475448f6e9655d85daf64b14d47e1e Mon Sep 17 00:00:00 2001
From: Benoit Thieurmel <bthieurmel@gaia.quadratic-labs.com>
Date: Thu, 23 Mar 2023 12:17:34 +0000
Subject: [PATCH 02/19] Update doc

---
 man/autocomplete.Rd | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/man/autocomplete.Rd b/man/autocomplete.Rd
index 7d2f0866..b4025cf8 100644
--- a/man/autocomplete.Rd
+++ b/man/autocomplete.Rd
@@ -16,7 +16,8 @@ f7AutoComplete(
   expandInput = TRUE,
   closeOnSelect = FALSE,
   dropdownPlaceholderText = NULL,
-  multiple = FALSE
+  multiple = FALSE,
+  limit = NULL
 )
 
 updateF7AutoComplete(
@@ -57,6 +58,8 @@ Only if openIn is "dropdown".}
 \item{multiple}{Whether to allow multiple value selection. Only works
 when openIn is 'popup' or 'page'.}
 
+\item{limit}{Limit number of maximum displayed items in autocomplete per query}
+
 \item{session}{The Shiny session object.}
 }
 \description{

From 658dbacc94e6b18048cc8593f4c353ce870dae8f Mon Sep 17 00:00:00 2001
From: DavidNojnarg <dgranjon@ymail.com>
Date: Sun, 26 Mar 2023 06:02:52 +0000
Subject: [PATCH 03/19] rebuild js + bump

---
 DESCRIPTION                                      | 2 +-
 NEWS.md                                          | 5 +++++
 _pkgdown.yml                                     | 1 +
 inst/shinyMobile-1.0.0/js/shinyMobile.js         | 2 +-
 inst/shinyMobile-1.0.0/js/shinyMobile.min.js     | 2 +-
 inst/shinyMobile-1.0.0/js/shinyMobile.min.js.map | 2 +-
 6 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/DESCRIPTION b/DESCRIPTION
index 41640738..899b0320 100644
--- a/DESCRIPTION
+++ b/DESCRIPTION
@@ -1,7 +1,7 @@
 Package: shinyMobile
 Type: Package
 Title: Mobile Ready 'shiny' Apps with Standalone Capabilities
-Version: 1.0.0
+Version: 1.0.1.9000
 Authors@R: c(
   person("David", "Granjon", email = "dgranjon@ymail.com", role = c("aut", "cre")),
   person("Victor", "Perrier", email = "info@dreamrs.fr", role = "aut"),
diff --git a/NEWS.md b/NEWS.md
index 9254e5f2..204984dd 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -1,3 +1,8 @@
+# shinyMobile 1.0.1.9000
+
+## Minor change
+- Add `limit` to `f7AutoComplete()`. Thanks @bthieurmel.
+
 # shinyMobile 1.0.0
 
 ## New
diff --git a/_pkgdown.yml b/_pkgdown.yml
index 33dcc480..1c9e0d7f 100644
--- a/_pkgdown.yml
+++ b/_pkgdown.yml
@@ -291,6 +291,7 @@ template:
 
 news:
  releases:
+ - text: "shinyMobile 1.0.1.9000"
  - text: "shinyMobile 1.0.0"
  - text: "shinyMobile 0.9.1"
  - text: "shinyMobile 0.9.0"
diff --git a/inst/shinyMobile-1.0.0/js/shinyMobile.js b/inst/shinyMobile-1.0.0/js/shinyMobile.js
index 8bd3b464..900ffc54 100644
--- a/inst/shinyMobile-1.0.0/js/shinyMobile.js
+++ b/inst/shinyMobile-1.0.0/js/shinyMobile.js
@@ -647,7 +647,7 @@ $.extend(f7AutoCompleteBinding, {
                 var camelCaseName = attr.name.substr(5).replace(/-(.)/g, (function($0, $1) {
                     return $1.toUpperCase();
                 }));
-                if ([ "openIn", "choices", "value", "dropdownPlaceholderText" ].indexOf(camelCaseName) == -1) {
+                if ([ "openIn", "choices", "value", "dropdownPlaceholderText", "limit" ].indexOf(camelCaseName) == -1) {
                     var isTrueSet = attr.value == "true";
                     data[camelCaseName] = isTrueSet;
                 } else {
diff --git a/inst/shinyMobile-1.0.0/js/shinyMobile.min.js b/inst/shinyMobile-1.0.0/js/shinyMobile.min.js
index 46972314..5f7e2509 100644
--- a/inst/shinyMobile-1.0.0/js/shinyMobile.min.js
+++ b/inst/shinyMobile-1.0.0/js/shinyMobile.min.js
@@ -1,2 +1,2 @@
-$((function(){var e=$(document).find("script[data-for='app']");e=JSON.parse(e.html());var n="true"===$("body").attr("data-pwa");if(e.root="#app",n&&(e.serviceWorker={path:window.location.pathname+"service-worker.js",scope:window.location.pathname}),e.methods={toggleDarkTheme:function(){this.$(".view-main").toggleClass("theme-dark")}},e.data=function(){return{popovers:[],tooltips:[],actions:[]}},app=new Framework7(e),mainView=app.views.create(".view-main"),e.hasOwnProperty("dark")||(e.dark=!1),e.dark&&app.methods.toggleDarkTheme(),app.device.desktop||$("<style>").prop("type","text/css").html("-webkit-user-select: none;\n         -khtml-user-select: none;\n         -moz-user-select: none;\n         -ms-user-select: none;\n         user-select: none;\n         -webkit-tap-highligth-color: transparent;\n         -webkit-touch-callout: none;\n        ").appendTo("head"),e.hasOwnProperty("color")){var t=app.utils.colorThemeCSSProperties(e.color);$("<style>").prop("type","text/css").html(`:root {\n        --f7-theme-color: ${t["--f7-theme-color"]};\n        --f7-theme-color-rgb: ${t["--f7-theme-color-rgb"]};\n        --f7-theme-color-shade: ${t["--f7-theme-color-shade"]};\n        --f7-theme-color-tint: ${t["--f7-theme-color-tint"]};\n      }`).appendTo("head")}if(e.hasOwnProperty("filled")||(e.filled=!1),e.filled){$("<style>").prop("type","text/css").html("\n    :root,\n    :root.theme-dark,\n    :root .theme-dark {\n      --f7-bars-bg-color: var(--f7-theme-color);\n      --f7-bars-bg-color-rgb: var(--f7-theme-color-rgb);\n      --f7-bars-translucent-opacity: 0.9;\n      --f7-bars-text-color: #fff;\n      --f7-bars-link-color: #fff;\n      --f7-navbar-subtitle-text-color: rgba(255,255,255,0.85);\n      --f7-bars-border-color: transparent;\n      --f7-tabbar-link-active-color: #fff;\n      --f7-tabbar-link-inactive-color: rgba(255,255,255,0.54);\n      --f7-sheet-border-color: transparent;\n      --f7-tabbar-link-active-border-color: #fff;\n    }\n    .appbar,\n    .navbar,\n    .toolbar,\n    .subnavbar,\n    .calendar-header,\n    .calendar-footer {\n      --f7-touch-ripple-color: var(--f7-touch-ripple-white);\n      --f7-link-highlight-color: var(--f7-link-highlight-white);\n      --f7-button-text-color: #fff;\n      --f7-button-pressed-bg-color: rgba(255,255,255,0.1);\n    }\n    .navbar-large-transparent,\n    .navbar-large.navbar-transparent {\n      --f7-navbar-large-title-text-color: #000;\n\n      --r: 0;\n      --g: 122;\n      --b: 255;\n      --progress: var(--f7-navbar-large-collapse-progress);\n      --f7-bars-link-color: rgb(\n        calc(var(--r) + (255 - var(--r)) * var(--progress)),\n        calc(var(--g) + (255 - var(--g)) * var(--progress)),\n        calc(var(--b) + (255 - var(--b)) * var(--progress))\n      );\n    }\n    .theme-dark .navbar-large-transparent,\n    .theme-dark .navbar-large.navbar-transparent {\n      --f7-navbar-large-title-text-color: #fff;\n  }").appendTo("head")}if($("body").addClass(e.color),$("body").attr("filled",e.filled),n){var a,i=app.toast.create({position:"center",text:'<button id="install-button" class="toast-button button color-green">Install</button>'});$(window).on("beforeinstallprompt",e=>{e.preventDefault(),a=e.originalEvent,i.open()}),app.utils.nextTick((function(){$("#install-button").on("click",(function(){i.close(),a&&(a.prompt(),a.userChoice.then(e=>{console.log("👍","userChoice",e),a=null}))}))}),500)}})),$((function(){$(document).on("shiny:disconnected",(function(e){$("#ss-connect-dialog").hide(),$("#ss-overlay").hide();var n=app.toast.create({icon:'<i class="icon f7-icons">bolt_fill</i>',position:"center",text:'Disconnected ... </br> </br> <div class="row"><button onclick="Shiny.shinyapp.reconnect();" class="toast-button button color-green col">Reconnect</button><button onclick="location.reload();" class="toast-button button color-red col">Reload</button></div>'}).open();$(".toast-button").on("click",(function(){n.close()}))})),$(document).on("shiny:sessioninitialized",(function(e){Shiny.setInputValue("shinyInfo",Shiny.shinyapp.config)})),$(document).on("shiny:inputchanged",(function(e){var n;null!==e.binding&&(n=void 0!==e.binding.name?e.binding.name.split(".")[1]:"NA",Shiny.setInputValue("lastInputChanged",{name:e.name,value:e.value,type:n}))})),$(document).on("shiny:connected",(function(e){Shiny.setInputValue("deviceInfo",Framework7.device)})),Framework7.device.standalone&&($("html, body").css({height:"100vh",width:"100vw"}),$(".appbar").length>0&&$(".toolbar").css("margin-bottom","20px")),app.params.filled&&app.params.dark&&"#ffffff"!==$("body").attr("class")&&$(".demo-send-message-link").find("i").addClass("color-white"),$(".chip-delete").on("click",(function(){$(this).closest(".chip").remove()}));if(Shiny.addCustomMessageHandler("add_skeleton",(function(e){var n="skeleton-text skeleton-effect-"+e.effect;$(e.target).addClass(n),void 0!==e.duration?setTimeout((function(){$(e.target).removeClass(n)}),1e3*e.duration):$(document).on("shiny:idle",(function(){$(e.target).removeClass(n)}))})),window.ran=!1,app.params.skeletonsOnLoad){const e=[".page-content",".navbar",".toolbar"];$(document).on("shiny:connected",(function(n){setTimeout((function(){if($("html").hasClass("shiny-busy"))for(target of e)$(target).addClass("skeleton-text skeleton-effect-fade")}),50)})),$(document).on("shiny:idle",(function(n){if(!window.ran)for(target of e)$(target).removeClass("skeleton-text skeleton-effect-fade");window.ran=!0}))}if(app.params.preloader){const e=app.dialog.preloader();app.params.dark&&$(e.el).addClass("theme-dark"),$(document).on("shiny:idle",(function(e){window.ran||app.dialog.close(),window.ran=!0}))}isSplitLayout=$("#app").hasClass("split-layout"),app.params.dark?($("body").addClass("dark"),isSplitLayout&&$(".panel-left").hasClass("theme-light")&&$(".panel-left").removeClass("theme-light").addClass("theme-dark"),$(".appbar").addClass("theme-dark")):($("body").addClass("light"),isSplitLayout&&$(".panel-left").hasClass("theme-dark")&&$(".panel-left").removeClass("theme-dark").addClass("theme-light")),1==$(".subnavbar").length&&$(".page").addClass("page-with-subnavbar"),Shiny.addCustomMessageHandler("update-app",(function(e){app.utils.extend(app.params,e)})),Shiny.addCustomMessageHandler("update-entity",(function(e){var n;for(const t in app.data)for(const a in app.data[t])a===e.id&&(n=t);var t=app.data[n][e.id],a=t.params,i=app.utils.extend(a,e.options);t.destroy();var r=app[n].create(i);app.data[n][e.id]=r}));const e=["gauge","swiper","searchbar"],n=e.concat(["toast","photoBrowser","notification","popup","listIndex"]);function t(){$(".tab-link-highlight").remove();var e=100/$(".toolbar-inner > a").length,n=$(".toolbar-inner > a"),t=[];for(i=0;i<n.length;i++)t.push(n[i].className);var a,r=t.indexOf("tab-link tab-link-active");a=-1===r?0:100*r+"%",$(".toolbar-inner").append('<span class="tab-link-highlight" style="width: '+e+"%; transform: translate3d("+a+', 0px, 0px);"></span>')}activateWidget=function(n){e.indexOf(n)>-1?$("."+n).each((function(){var e=$(this),t=$(document).find("script[data-for='"+e.attr("id")+"']");(t=JSON.parse(t.html())).el="#"+e.attr("id"),app[n].create(t)})):Shiny.addCustomMessageHandler(n,(function(e){"listIndex"===n&&$('<div class="list-index" id="'+e.el+'"></div>').insertAfter($(".navbar")),e.on={open:function(n){void 0!==e.id&&Shiny.setInputValue(e.id,!0),n.app.params.dark&&$(n.el).addClass("theme-dark"),Shiny.unbindAll(),Shiny.initializeInputs(),Shiny.bindAll()},close:function(){void 0!==e.id&&Shiny.setInputValue(e.id,!1)}},"listIndex"===n?(e.el="#"+e.el,app[n].create(e)):app[n].create(e).open()}))},n.forEach((function(e){activateWidget(e)})),popoverIds=[],getAllPopoverIds=function(){$("[data-popover]").each((function(){popoverIds.push($(this).attr("data-popover"))}))},getAllPopoverIds(),popoverIds.forEach((function(e){Shiny.addCustomMessageHandler(e,(function(n){n.on={open:function(e){e.app.params.dark&&$(e.el).addClass("theme-dark")}};var t=app.popover.create({targetEl:'[data-popover = "'+e+'"]',content:'<div class="popover"><div class="popover-inner"><div class="block">'+n.content+"</div></div></div>"});$('[data-popover = "'+e+'"]').on("click",(function(){t.open()}))}))})),Shiny.addCustomMessageHandler("add_popover",(function(e){if(void 0===app.data.popovers[e.targetEl]){if(!$(e.targetEl).hasClass("popover-disabled")){e.content=`\n        <div class="popover">\n          <div class="popover-angle"></div>\n          <div class="popover-inner">\n            <div class="block">${e.content}</div>\n          </div>\n        </div>\n        `,e.on={open:function(e){e.app.params.dark&&$(e.el).addClass("theme-dark")}};var n=app.popover.create(e);n.open(),app.data.popovers[e.targetEl]=n}}else $(e.targetEl).hasClass("popover-disabled")||app.data.popovers[e.targetEl].open()})),Shiny.addCustomMessageHandler("toggle_popover",(function(e){$(e).toggleClass("popover-disabled")})),Shiny.addCustomMessageHandler("add_tooltip",(function(e){if(void 0===app.data.tooltips[e.targetEl]){var n=app.tooltip.create(e);n.show(),app.data.tooltips[e.targetEl]=n}})),Shiny.addCustomMessageHandler("update_tooltip",(function(e){if(void 0!==app.data.tooltips[e.targetEl]){var n=app.tooltip.get(e.targetEl);if("update"===e.action)n&&n.setText(e.text);else if("toggle"===e.action)if(n){var t=Object.assign({},n);app.data.tooltips[e.targetEl]=t,n.destroy()}else{var a=app.data.tooltips[e.targetEl].params;n=app.tooltip.create(a),app.data.tooltips[e.targetEl]=n}}})),Shiny.addCustomMessageHandler("dialog",(function(e){var n,t=e.type,a=`<div style="max-height: 300px; overflow-y: scroll;">${e.text}</div>`;switch(t){case"alert":n=app.dialog.alert(a,e.title,e.on);break;case"confirm":n=app.dialog.confirm(a=a,title=e.title,callbackOk=function(){Shiny.setInputValue(e.id,!0)},callbackCancel=function(){Shiny.setInputValue(e.id,!1)}).open(Shiny.setInputValue(e.id,null));break;case"prompt":n=app.dialog.prompt(a=a,title=e.title,callbackOk=function(n){Shiny.setInputValue(e.id,n)},callbackCancel=function(){Shiny.setInputValue(e.id,null)}).open(Shiny.setInputValue(e.id,null));break;case"login":n=app.dialog.login(a=a,title=e.title,callbackOk=function(n,t){Shiny.setInputValue(e.id,{user:n,password:t})},callbackCancel=function(){Shiny.setInputValue(e.id,null)}).open(Shiny.setInputValue(e.id,null));break;default:console.log("")}app.params.dark&&$(n.el).addClass("theme-dark")})),Shiny.addCustomMessageHandler("tapHold",(function(e){var n=new Function("return ("+e.callback+")");$(e.target).on("taphold",(function(){n()}))}));var a=[];if(getAllTabSetIds=function(){$(".tabs.ios-edges").each((function(){a.push(this.id)}))},getAllTabSetIds(),a.forEach((function(e){var n="insert_"+e;Shiny.addCustomMessageHandler(n,(function(e){var n;n=void 0===e.target?$("#"+e.ns):$("#"+e.ns+"-"+e.target);var a,i=$(e.value.html);if($(n).hasClass("swiper-slide")?(a=$(i).addClass("swiper-slide"),$(".tabLinks").children(1).hasClass("segmented")&&$(a).removeClass("page-content"),"true"===e.select&&$(a).addClass("swiper-slide-active")):a=$(i),void 0===e.target?($(n).append(a),$(".tabLinks .toolbar-inner").prepend(e.link)):"after"===e.position?($(a).insertAfter($(n)),$(e.link).insertAfter($('.tabLinks [data-tab ="#'+e.ns+"-"+e.target+'"]'))):"before"===e.position&&($(a).insertBefore($(n)),$(e.link).insertBefore($('.tabLinks [data-tab ="#'+e.ns+"-"+e.target+'"]'))),Shiny.renderContent(i[0],{html:i.html(),deps:e.value.deps}),$(".tabLinks").children(1).hasClass("segmented")){var r=$('.tabLinks [data-tab ="#'+e.id+'"]');$(r).replaceWith('<button class="button tab-link" data-tab="#'+e.id+'">'+$(r).html()+"</button>")}$(n).hasClass("swiper-slide")&&document.querySelector(".swiper-container").swiper.update();"true"===e.select&&app.tab.show("#"+e.id,!0),$(".tabLinks").children(1).hasClass("segmented")||t()}))})),a.forEach((function(e){var n="remove_"+e;Shiny.addCustomMessageHandler(n,(function(e){var n=$("#"+e.ns+"-"+e.target);if($(".tabs.ios-edges").css("transform",""),$(".tabLinks").children(1).hasClass("segmented")){var a=$('.tabLinks button[data-tab="#'+e.ns+"-"+e.target+'"]'),i=$(".tabLinks button").not('[data-tab="#'+e.ns+"-"+e.target+'"]');0===$(a).next().length?$(i).hasClass("tab-link-active")||$(a).prev().addClass("tab-link-active"):$(i).hasClass("tab-link-active")||$(a).next().addClass("tab-link-active"),$(a).remove()}else $('.toolbar-inner a[data-tab="#'+e.ns+"-"+e.target+'"]').remove();($("#"+e.ns+"-"+e.target).remove(),$(n).hasClass("swiper-slide"))&&document.querySelector(".swiper-container").swiper.update();var r=$(n).next().attr("id");app.tab.show("#"+r),$(".tabLinks").children(1).hasClass("segmented")||t()}))})),Shiny.addCustomMessageHandler("update-gauge",(function(e){var n="#"+e.id;app.gauge.get(n).update(e)})),activateAllProgress=function(){$(".progressbar").each((function(){var e="#"+$(this).attr("id"),n=parseInt($(this).attr("data-progress"));app.progressbar.show(e,n)}))},activateAllProgress(),Shiny.addCustomMessageHandler("update-progress",(function(e){app.progressbar.set("#"+e.id,e.progress)})),Shiny.addCustomMessageHandler("show_navbar",(function(e){e.animate,app.navbar.show(".navbar",e.animate)})),Shiny.addCustomMessageHandler("hide_navbar",(function(e){var n,t;n="true"==e.animate,t="true"==e.hideStatusbar,app.navbar.hide(".navbar",n=n,t=t)})),Shiny.addCustomMessageHandler("toggle_navbar",(function(e){$navbar=$(".navbar"),$navbar.hasClass("navbar-hidden")?app.navbar.show(".navbar",animate=e.animate):app.navbar.hide(".navbar",animate=e.animate,hideStatusbar=e.hideStatusbar)})),Shiny.addCustomMessageHandler("action-sheet",(function(e){if(void 0===app.data.actions[e.id]){var n=e.id+"_button";e.buttons.forEach((function(e,t){Object.defineProperty(e,"onClick",{value:function(){!function(e){Shiny.setInputValue(n,e)}(t+1)},writable:!1})})),e.on={open:function(e){e.app.params.dark&&$(e.el).addClass("theme-dark")},opened:function(){Shiny.setInputValue(e.id,!0)},closed:function(){Shiny.setInputValue(e.id,!1),Shiny.setInputValue(n,null)}};var t=app.actions.create(e);t.open(),app.data.actions[e.id]=t}else app.data.actions[e.id].open()})),Shiny.addCustomMessageHandler("update-action-sheet",(function(e){app.data.actions[e.id].destroy();var n=app.actions.create(e);app.data.actions[e.id]=n})),"true"===$("body").attr("data-ptr")){const e=$('<div class="ptr-preloader"><div class="preloader"></div><div class="ptr-arrow"></div></div>');$(".page-content").addClass("ptr-content").prepend(e).attr("data-ptr-distance","55").attr("data-ptr-mousewheel","true"),app.ptr.create(".ptr-content");var r=app.ptr.get(".ptr-content");r.on("refresh",(function(e){Shiny.setInputValue("ptr",!0),setTimeout((function(){app.ptr.done()}),2e3)})),r.on("done",(function(e){Shiny.setInputValue("ptr",null)}))}Shiny.addCustomMessageHandler("validate-input",(function(e){var n;$("#"+e.target).attr("required","").attr("validate","").attr("pattern",e.pattern).attr("data-error-message",e.error),$("#"+e.target).closest(".item-content.item-input").addClass("item-input-with-info"),void 0!==e.info&&(n='<div class = "item-input-info">'+e.info+"</div>"),$("#"+e.target).parent().append(n)})),Shiny.addCustomMessageHandler("show-preloader",(function(e){void 0!==e.el?app.preloader.showIn(e.el,e.color):app.preloader.show(e.color)})),Shiny.addCustomMessageHandler("hide-preloader",(function(e){void 0!==e.el?app.preloader.hideIn(e.el):app.preloader.hide()})),$(".swipeout-item").each((function(){$(this).on("click",(function(){Shiny.setInputValue($(this).attr("id"),!0,{priority:"event"}),app.swipeout.close($(this).closest(".swipeout"))}))}))}));var f7ActionSheetBinding=new Shiny.InputBinding;function setSource(e,n){var t=[];if(0!==e.length){for(var a=0;a<vals.length;a++)vals[a].toLowerCase().indexOf(e.toLowerCase())>=0&&t.push(vals[a]);n(t)}else n(t)}$.extend(f7ActionSheetBinding,{find:function(e){},getValue:function(e){},receiveMessage:function(e,n){},subscribe:function(e,n){},unsubscribe:function(e){}}),Shiny.inputBindings.register(f7ActionSheetBinding);var f7AutoCompleteBinding=new Shiny.InputBinding;$.extend(f7AutoCompleteBinding,{initialize:function(e){var n=$(e).attr("id"),t={};[].forEach.call(e.attributes,(function(e){if(/^data-/.test(e.name)){var n=e.name.substr(5).replace(/-(.)/g,(function(e,n){return n.toUpperCase()}));if(-1==["openIn","choices","value","dropdownPlaceholderText"].indexOf(n)){var a="true"==e.value;t[n]=a}else t[n]=e.value}})),t.value=JSON.parse(t.value),"dropdown"==t.openIn?t.inputEl="#"+n:t.openerEl="#"+n;var a=JSON.parse(t.choices);t.source=function(e,n){var t=[];if(0!==e.length){for(var i=0;i<a.length;i++)a[i].toLowerCase().indexOf(e.toLowerCase())>=0&&t.push(a[i]);n(t)}else n(t)},t.on={change:function(e){$("#"+n).trigger("change")}},app.autocomplete.create(t)},find:function(e){return $(e).find(".autocomplete-input")},getValue:function(e){var n=app.autocomplete.get($(e));return $(n.params.inputEl).val(n.value),n.value},setValue:function(e,n){e.value=n,e.params.value=n,$(e.params.inputEl).val(e.value)},_setChoices:function(e,n){vals=n,e.params.source=setSource},receiveMessage:function(e,n){var t=app.autocomplete.get($(e));n.hasOwnProperty("choices")&&this._setChoices(t,n.choices),n.hasOwnProperty("value")&&this.setValue(t,n.value),$(e).trigger("change")},subscribe:function(e,n){$(e).on("change.f7AutoCompleteBinding",(function(e){setTimeout((function(){n()}),10)}))},unsubscribe:function(e){$(e).off(".f7AutoCompleteBinding")}}),Shiny.inputBindings.register(f7AutoCompleteBinding,"f7.autocomplete");var f7ButtonInputBinding=new Shiny.InputBinding;$.extend(f7ButtonInputBinding,{find:function(e){return $(e).find(".f7-action-button")},getValue:function(e){return $(e).data("val")||0},setValue:function(e,n){$(e).data("val",n)},getType:function(e){return"shiny.action"},subscribe:function(e,n){$(e).on("click.f7ButtonInputBinding",(function(e){var t=$(this),a=t.data("val")||0;t.data("val",a+1),n()}))},getState:function(e){return{value:this.getValue(e)}},receiveMessage:function(e,n){var t=$(e);if(n.hasOwnProperty("color")&&($(e).removeClass((function(e,n){return(n.match(/(^|\s)color-\S+/g)||[]).join(" ")})),$(e).addClass("color-"+n.color)),n.hasOwnProperty("fill")){var a=$(e).hasClass("button-fill");n.fill?a||$(e).addClass("button-fill"):a&&$(e).removeClass("button-fill")}if(n.hasOwnProperty("outline")){var i=$(e).hasClass("button-outline");n.outline?i||$(e).addClass("button-outline"):i&&$(e).removeClass("button-outline")}if(n.hasOwnProperty("shadow")){var r=$(e).hasClass("button-raised");n.shadow?r||$(e).addClass("button-raised"):r&&$(e).removeClass("button-raised")}if(n.hasOwnProperty("rounded")){var s=$(e).hasClass("button-round");n.rounded?s||$(e).addClass("button-round"):s&&$(e).removeClass("button-round")}if(n.hasOwnProperty("size")){var o=$(e).hasClass("button-large"),l=$(e).hasClass("button-small");!o&!l&&$(e).addClass("button-"+n.size),!o&l&&($(e).removeClass("button-small"),$(e).addClass("button-"+n.size)),o&!l&&($(e).removeClass("button-large"),$(e).addClass("button-"+n.size))}var d=t.text();n.hasOwnProperty("label")&&(d=n.label),t.html(d)},unsubscribe:function(e){$(e).off(".f7ButtonInputBinding")}}),Shiny.inputBindings.register(f7ButtonInputBinding,"f7.button"),$(document).on("click","a.f7-action-button",(function(e){e.preventDefault()}));var f7CardBinding=new Shiny.InputBinding;$.extend(f7CardBinding,{find:function(e){return $(e).find(".card-expandable")},getValue:function(e){return $(e).hasClass("card-opened")},receiveMessage:function(e,n){app.card.toggle($(e))},subscribe:function(e,n){$(e).on("card:opened.f7CardBinding card:closed.f7CardBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7CardBinding")}}),Shiny.inputBindings.register(f7CardBinding,"f7.card");var f7CollapsibleBinding=new Shiny.InputBinding;$.extend(f7CollapsibleBinding,{find:function(e){return $(e).find(".collapsible")},getValue:function(e){var n=$($(e)[0]).attr("id"),t=$("#"+n+" li.accordion-item-opened");if(t.length>0){if(1===t.length)return{state:!0,value:$(t[0]).find(".item-title").html()};var a=[];return $(t).each((function(e){a.push($(t[e]).find(".item-title").html())})),{state:!0,value:a}}return{state:!1,value:null}},receiveMessage:function(e,n){if(n.hasOwnProperty("selected")){var t=$($(e)[0]).attr("id"),a=$("#"+t+" .accordion-item"),i=n.selected-1,r=$(a[i]);app.accordion.toggle(r)}},subscribe:function(e,n){$(e).on("accordion:opened.f7CollapsibleBinding accordion:closed.f7CollapsibleBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7CollapsibleBinding")}}),Shiny.inputBindings.register(f7CollapsibleBinding,"f7.collapsible");var f7ColorPickerBinding=new Shiny.InputBinding;$.extend(f7ColorPickerBinding,{initialize:function(e){app.colorPicker.create({inputEl:e,targetEl:$(e).attr("id")+"-value",targetElSetBackgroundColor:!0,modules:colorPickerModules,openIn:"auto",sliderValue:colorPickerSliderValue,sliderValueEditable:colorPickerSliderValueEditable,sliderLabel:colorPickerSliderLabel,hexLabel:colorPickerHexLabel,hexValueEditable:colorPickerHexValueEditable,groupedModules:colorPickerGroupedModules,palette:colorPickerPalettes,value:{hex:colorPickerValue},on:{open:function(e){e.app.params.dark&&e.$el.closest(".modal-in").addClass("theme-dark")}}})},find:function(e){return $(e).find(".color-picker-input")},getValue:function(e){var n=$(e).attr("id");return document.getElementById(n).value},setValue:function(e,n){},receiveMessage:function(e,n){},subscribe:function(e,n){$(e).on("change.f7ColorPickerBinding ",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7ColorPickerBinding ")}}),Shiny.inputBindings.register(f7ColorPickerBinding,"f7.colorpicker");var f7DateBinding=new Shiny.InputBinding;$.extend(f7DateBinding,{find:function(e){return $(e).find(".date-input")},getValue:function(e){return console.log($(e).attr("value")),$(e).attr("value")},setValue:function(e,n){},receiveMessage:function(e,n){},subscribe:function(e,n){$(e).on("keyup.dateInputBinding input.dateInputBinding",(function(e){n(!0)})),$(e).on("change.f7DateBinding",(function(e){n(!1)}))},getRatePolicy:function(){return{policy:"debounce",delay:250}},unsubscribe:function(e){$(e).off(".f7DateBinding")}}),Shiny.inputBindings.register(f7DateBinding,"f7.date");var f7DatePickerBinding=new Shiny.InputBinding;$.extend(f7DatePickerBinding,{initialize:function(e){var n=$(e)[0],t=$(e).parent().find("script[data-for='"+e.id+"']");if((t=JSON.parse(t.html())).hasOwnProperty("value"))for(var a=0;a<t.value.length;a++)t.value[a]=new Date(t.value[a]);else t.value=[new Date];t.inputEl=n,t.on={open:function(e){e.app.params.dark&&e.$el.closest(".modal-in").addClass("theme-dark")}};var i=app.calendar.create(t);this["calendar-"+e.id]=i},find:function(e){return $(e).find(".calendar-input")},getType:function(e){return"f7DatePicker.date"},getValue:function(e){var n=this["calendar-"+e.id].getValue();if(1==n.length){var t=new Date(this["calendar-"+e.id].getValue());return t=Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()),new Date(t)}for(var a=[],i=0;i<n.length;i++)a[i]=new Date(n[i]),a[i]=Date.UTC(a[i].getFullYear(),a[i].getMonth(),a[i].getDate(),a[i].getHours(),a[i].getMinutes(),a[i].getSeconds()),a[i]=new Date(a[i]);return a},setValue:function(e,n){this["calendar-"+e.id].setValue(n)},receiveMessage:function(e,n){if(n.hasOwnProperty("config")&&(this["calendar-"+e.id].destroy(),n.config.inputEl=e,n.config.on={open:function(e){e.app.params.dark&&$(e.$el).addClass("theme-dark")}},this["calendar-"+e.id]=app.calendar.create(n.config)),n.hasOwnProperty("value")){for(var t,a=0;a<n.value.length;a++)t=new Date(n.value[a]),n.value[a]=new Date(t.getFullYear(),t.getMonth(),t.getDate());this.setValue(e,n.value)}},subscribe:function(e,n){$(e).on("change.f7DatePickerBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7DatePickerBinding")}}),Shiny.inputBindings.register(f7DatePickerBinding,"f7.datepicker");var f7FabsBinding=new Shiny.InputBinding;$.extend(f7FabsBinding,{find:function(e){return $(e).find(".fab")},getValue:function(e){return $(e).hasClass("fab-opened")},receiveMessage:function(e,n){app.fab.toggle("#"+$(e).attr("id"))},subscribe:function(e,n){$(e).on("fab:open.f7FabsBinding fab:close.f7FabsBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7FabsBinding")}}),Shiny.inputBindings.register(f7FabsBinding,"f7.fabs");var f7LoginBinding=new Shiny.InputBinding;$.extend(f7LoginBinding,{initialize:function(e){var n={};n.el="#"+$(e).attr("id"),n.animate=!1,n.on={open:function(e){e.app.params.dark&&$(e.el).addClass("theme-dark")},opened:function(){$(e).trigger("shown")}};var t=app.loginScreen.create(n);JSON.parse($(e).attr("data-start-open"))[0]&&t.open()},find:function(e){return $(e).find(".login-screen")},getValue:function(e){return app.loginScreen.get($(e)).opened},receiveMessage:function(e,n){var t=app.loginScreen.get($(e));t.opened?n.user.length>0&&n.password.length>0?t.close():app.dialog.alert("Please enter a valid password and user."):t.open()},subscribe:function(e,n){$(e).on("loginscreen:opened.f7LoginBinding loginscreen:closed.f7LoginBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7LoginBinding")}}),Shiny.inputBindings.register(f7LoginBinding,"f7.login");var f7MenuBinding=new Shiny.InputBinding;$.extend(f7MenuBinding,{find:function(e){return $(e).find(".menu-item-dropdown")},getValue:function(e){return $(e).hasClass("menu-item-dropdown-opened")},receiveMessage:function(e,n){$(e).hasClass("menu-item-dropdown-opened")||app.menu.open($(e))},subscribe:function(e,n){$(e).on("menu:opened.f7MenuBinding menu:closed.f7MenuBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7MenuBinding")}}),Shiny.inputBindings.register(f7MenuBinding,"f7.menu");var f7MessageBarBinding=new Shiny.InputBinding;$.extend(f7MessageBarBinding,{initialize:function(e){app.messagebar.create({el:"#"+$(e).attr("id")})},setState:function(e){var n=app.messagebar.get($(e)).getValue(),t=$(e).find("#"+e.id+"-send");return n.length?$(t).removeClass("disabled"):$(t).addClass("disabled"),n},find:function(e){return $(e).find(".messagebar")},getValue:function(e){return this.setState(e)},setValue:function(e,n){app.messagebar.get($(e)).setValue(n)},setPlaceholder:function(e,n){app.messagebar.get($(e)).setPlaceholder(n)},receiveMessage:function(e,n){n.hasOwnProperty("value")&&this.setValue(e,n.value),n.hasOwnProperty("placeholder")&&this.setPlaceholder(e,n.placeholder)},subscribe:function(e,n){$(e).on("input.f7MessageBarBinding change.f7MessageBarBinding focus.f7MessageBarBinding blur.f7MessageBarBinding",(function(t){$(e).find("#"+e.id+"-send").on("click",(function(){setTimeout((function(){app.messagebar.get($(e)).clear().focus()}),1e3)})),n(!0)}))},getRatePolicy:function(){return{policy:"debounce",delay:250}},unsubscribe:function(e){$(e).off(".f7MessageBarBinding")}}),Shiny.inputBindings.register(f7MessageBarBinding,"f7.messagebar");var f7MessagesBinding=new Shiny.InputBinding;$.extend(f7MessagesBinding,{initialize:function(e){$(".page-content").addClass("messages-content");var n=$(e).attr("id"),t=$(e).find("script[data-for='"+n+"']");(t=JSON.parse(t.html())).el="#"+n,t.firstMessageRule=function(e,n,t){return!e.isTitle&&(!n||n.type!==e.type||n.name!==e.name)},t.lastMessageRule=function(e,n,t){return!e.isTitle&&(!t||t.type!==e.type||t.name!==e.name)},t.tailMessageRule=function(e,n,t){return!e.isTitle&&(!t||t.type!==e.type||t.name!==e.name)},app.messages.create(t)},find:function(e){return $(e).find(".messages")},getValue:function(e){return app.messages.get($(e)).messages},setValue:function(e,n){responseInProgress=!0;var t=app.messages.get($(e));if(n.showTyping){var a=n.value.pop().name;setTimeout((function(){t.showTyping({header:a+" is typing"}),setTimeout((function(){t.addMessages(n.value),t.hideTyping(),responseInProgress=!1}),1e3)}),500)}else t.addMessages(n.value)},receiveMessage:function(e,n){this.setValue(e,n),$(e).trigger("change")},subscribe:function(e,n){$(e).on("change.f7MessagesBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7MessagesBinding")}}),Shiny.inputBindings.register(f7MessagesBinding,"f7.messages");var f7PanelBinding=new Shiny.InputBinding;$.extend(f7PanelBinding,{initialize:function(e){var n={};n.el="#"+$(e).attr("id"),n.on={opened:function(){$(e).trigger("shown")}},app.panel.create(n)},find:function(e){return $(e).find(".panel")},getValue:function(e){return app.panel.get($(e)).opened},receiveMessage:function(e,n){var t=app.panel.get($(e));t.toggle(t.side)},subscribe:function(e,n){$(e).on("panel:open.f7PanelBinding panel:close.f7PanelBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7PanelBinding")}}),Shiny.inputBindings.register(f7PanelBinding,"f7.panel");var f7PanelMenuBinding=new Shiny.InputBinding;$.extend(f7PanelMenuBinding,{find:function(e){return $(e).find(".panel-menu")},initialize:function(e){var n=$(e).find("a").first().data("tab"),t=$(e).find("a.tab-link-active").data("tab");void 0!==t?app.tab.show(t):app.tab.show(n)},getValue:function(e){var n=$(e).find("a.tab-link-active").data("tab");return void 0!==n?n.split("#")[1]:null},receiveMessage:function(e,n){n.hasOwnProperty("selected")&&app.tab.show("#"+n.ns+"-"+n.selected)},subscribe:function(e,n){$(e).find("a").on("click.f7PanelMenuBinding",(function(e){$($(this).data("tab")).trigger("shown").trigger("shown"),n(!1)})),app.on("tabShow.f7PanelMenuBinding",(function(e){n(!1)}))},unsubscribe:function(e){$(e).off(".f7PanelMenuBinding")}}),Shiny.inputBindings.register(f7PanelMenuBinding,"f7.tabsMenu");var f7PickerBinding=new Shiny.InputBinding;$.extend(f7PickerBinding,{initialize:function(e){var n=$(e)[0],t={};[].forEach.call(e.attributes,(function(e){if(/^data-/.test(e.name)){var n=e.name.substr(5).replace(/-(.)/g,(function(e,n){return n.toUpperCase()}));if(-1==["openIn","toolbarCloseText","choices","value"].indexOf(n)){var a="true"==e.value;t[n]=a}else t[n]=e.value}})),t.inputEl=n,t.value=JSON.parse(t.value),t.cols=[{textAlign:"center",values:JSON.parse(t.choices)}],t.on={open:function(e){e.app.params.dark&&e.$el.closest(".modal-in").addClass("theme-dark")}};var a=app.picker.create(t);n.f7Picker=a},find:function(e){return $(e).find(".picker-input")},getValue:function(e){return app.picker.get($(e)).value},setValue:function(e,n){var t=app.picker.get($(e));t.value=n,t.displayValue=n,t.open(),setTimeout((function(){t.close()}),10)},receiveMessage:function(e,n){var t=app.picker.get($(e));n.hasOwnProperty("value")&&this.setValue(e,n.value),n.hasOwnProperty("choices")&&(t.cols[0].values=n.choices),n.hasOwnProperty("rotateEffect")&&(t.params.rotateEffect=n.rotateEffect),n.hasOwnProperty("openIn")&&(t.params.openIn=n.openIn),n.hasOwnProperty("scrollToInput")&&(t.params.scrollToInput=n.scrollToInput),n.hasOwnProperty("closeByOutsideClick")&&(t.params.closeByOutsideClick=n.closeByOutsideClick),n.hasOwnProperty("toolbar")&&(t.params.toolbar=n.toolbar),n.hasOwnProperty("toolbarCloseText")&&(t.params.toolbarCloseText=n.toolbarCloseText),n.hasOwnProperty("sheetSwipeToClose")&&(t.params.sheetSwipeToClose=n.sheetSwipeToClose)},subscribe:function(e,n){$(e).on("change.f7PickerBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7PickerBinding")}}),Shiny.inputBindings.register(f7PickerBinding,"f7.picker");let $escape=Shiny.$escape;function updateLabel(e,n){if(void 0!==e){if(1!==n.length)throw new Error("labelNode must be of length 1");$.isArray(e)&&0===e.length?n.addClass("shiny-label-null"):(n.text(e),n.removeClass("shiny-label-null"))}}var radioInputBinding=new Shiny.InputBinding;$.extend(radioInputBinding,{find:function(e){return $(e).find(".shiny-input-radiogroup")},getValue:function(e){var n=$('input:radio[name="'+$escape(e.id)+'"]:checked');return 0===n.length?null:n.val()},setValue:function(e,n){$.isArray(n)&&0===n.length?$('input:radio[name="'+$escape(e.id)+'"]').prop("checked",!1):$('input:radio[name="'+$escape(e.id)+'"][value="'+$escape(n)+'"]').prop("checked",!0)},getState:function(e){for(var n=$('input:radio[name="'+$escape(e.id)+'"]'),t=new Array(n.length),a=0;a<t.length;a++)t[a]={value:n[a].value,label:this._getLabel(n[a])};return{label:this._getLabelNode(e).text(),value:this.getValue(e),options:t}},receiveMessage:function(e,n){var t=$(e);n.hasOwnProperty("options")&&(t.find("ul").remove(),t.append(n.options)),n.hasOwnProperty("value")&&this.setValue(e,n.value),updateLabel(n.label,this._getLabelNode(e)),$(e).trigger("change")},subscribe:function(e,n){$(e).on("change.radioInputBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".radioInputBinding")},_getLabelNode:function(e){return $(e).siblings("div.block-title")},_getLabel:function(e){return"LABEL"===e.parentNode.tagName?$(e.parentNode).find("div.item-title").text().trim():null},_setLabel:function(e,n){return"LABEL"===e.parentNode.tagName&&$(e.parentNode).find("div.item-title").text(n),null}}),Shiny.inputBindings.register(radioInputBinding,"shiny.radioInput");var f7SelectBinding=new Shiny.InputBinding;$.extend(f7SelectBinding,{find:function(e){return $(e).find(".input-select")},getValue:function(e){return $(e).val()},setValue:function(e,n){$(e).val(n)},receiveMessage:function(e,n){n.hasOwnProperty("selected")&&this.setValue(e,n.selected),$(e).trigger("change")},subscribe:function(e,n){$(e).on("change.f7SelectBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7SelectBinding")}}),Shiny.inputBindings.register(f7SelectBinding,"f7.select");var f7SheetBinding=new Shiny.InputBinding;$.extend(f7SheetBinding,{initialize:function(e){var n=$(e).attr("id"),t={};[].forEach.call(e.attributes,(function(e){if(/^data-/.test(e.name)){var n=e.name.substr(5).replace(/-(.)/g,(function(e,n){return n.toUpperCase()})),a="true"==e.value;t[n]=a}})),t.el="#"+n,t.on={open:function(e){e.app.params.dark&&$(e.el).addClass("theme-dark")},opened:function(){$(e).trigger("shown")}};app.sheet.create(t)},find:function(e){return $(e).find(".sheet-modal")},getValue:function(e){return app.sheet.get($(e)).opened},receiveMessage:function(e,n){var t=app.sheet.get($(e));t.opened?t.close():t.open()},subscribe:function(e,n){$(e).on("sheet:open.f7SheetBinding sheet:close.f7SheetBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7SheetBinding")}}),Shiny.inputBindings.register(f7SheetBinding,"f7.sheet");var f7SliderBinding=new Shiny.InputBinding;$.extend(f7SliderBinding,{initialize:function(e){var n=$(e).attr("id"),t={};[].forEach.call(e.attributes,(function(e){if(/^data-/.test(e.name)){var n=e.name.substr(5).replace(/-(.)/g,(function(e,n){return n.toUpperCase()}));if(-1==["min","max","step","value","scaleSteps","scaleSubSteps","valueLeft","valueRight"].indexOf(n)){var a="true"==e.value;t[n]=a}else t[n]=parseFloat(e.value)}})),t.el="#"+n;app.range.create(t)},find:function(e){return $(e).find(".range-slider")},getValue:function(e){return app.range.get($(e)).value},setValue:function(e,n){app.range.setValue(e,n)},receiveMessage:function(e,n){var t=app.range.get($(e));if(n.hasOwnProperty("min")&&(t.min=n.min,t.updateScale()),n.hasOwnProperty("max")&&(t.max=n.max,t.updateScale()),n.hasOwnProperty("step")&&(t.step=n.step,t.updateScale()),n.hasOwnProperty("scaleSteps")&&(t.scaleSteps=n.scaleSteps,t.updateScale()),n.hasOwnProperty("scaleSubSteps")&&(t.scaleSubSteps=n.scaleSubSteps,t.updateScale()),n.hasOwnProperty("scale")&&(t.scale=n.scale),n.hasOwnProperty("value")){var a=n.value;$.isArray(a)?this.setValue(e,a):(t.dual=!1,t.updateScale(),this.setValue(e,a))}n.hasOwnProperty("color")&&($(e).removeClass((function(e,n){return(n.match(/(^|\s)color-\S+/g)||[]).join(" ")})),$(e).addClass("color-"+n.color))},subscribe:function(e,n){$(e).on("range:change.f7SliderBinding",(function(e){n(!0)}))},unsubscribe:function(e){$(e).off(".f7SliderBinding")},getRatePolicy:function(){return{policy:"debounce",delay:250}}}),Shiny.inputBindings.register(f7SliderBinding,"f7.range");var f7SmartSelectBinding=new Shiny.InputBinding;$.extend(f7SmartSelectBinding,{initialize:function(e){var n=$(e).attr("id"),t=$(e).children().eq(2);(t=JSON.parse(t.html())).el="#"+n,t.on={open:function(e){e.app.params.dark&&$(e.$containerEl).addClass("theme-dark")}};var a=app.smartSelect.create(t);this["smart-select-"+e.id]=a},find:function(e){return $(e).find(".smart-select")},getValue:function(e){return this["smart-select-"+e.id].getValue()},setValue:function(e,n){this["smart-select-"+e.id].setValue(n)},receiveMessage:function(e,n){n.config.on={open:function(e){e.app.params.dark&&$(e.$containerEl).addClass("theme-dark")}},n.hasOwnProperty("config")&&(this["smart-select-"+e.id].destroy(),n.config.el="#"+$(e).attr("id"),this["smart-select-"+e.id]=app.smartSelect.create(n.config)),n.hasOwnProperty("multiple")&&n.multiple&&(this["smart-select-"+e.id].destroy(),$(e).find("select").attr("multiple",""),n.config.el="#"+$(e).attr("id"),this["smart-select-"+e.id]=app.smartSelect.create(n.config)),n.hasOwnProperty("maxLength")&&(this["smart-select-"+e.id].destroy(),$(e).find("select").attr("maxLength",n.maxLength),n.config.el="#"+$(e).attr("id"),this["smart-select-"+e.id]=app.smartSelect.create(n.config));n.hasOwnProperty("choices")&&($(e).find("select").empty(),$.each(n.choices,(function(t){var a,i=n.choices[t];$(e).find("select").append("<option value = '"+(a=i)+"'>"+a+"</option>")}))),n.hasOwnProperty("selected")&&this.setValue(e,n.selected)},subscribe:function(e,n){$(e).on("change.f7SmartSelectBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7SmartSelectBinding")}}),Shiny.inputBindings.register(f7SmartSelectBinding,"f7.smartselect");var f7StepperBinding=new Shiny.InputBinding;$.extend(f7StepperBinding,{initialize:function(e){var n=$(e).attr("id"),t={};[].forEach.call(e.attributes,(function(e){if(/^data-/.test(e.name)){var n=e.name.substr(5).replace(/-(.)/g,(function(e,n){return n.toUpperCase()}));if(-1==["min","max","step","value","decimalPoint"].indexOf(n)){var a="true"==e.value;t[n]=a}else t[n]=parseFloat(e.value)}})),t.el="#"+n;app.stepper.create(t);if(!t.manualInputMode){var a=$(e).find("input");$(a).attr("readonly","")}},find:function(e){return $(e).find(".stepper")},getValue:function(e){return app.stepper.get($(e)).value},setValue:function(e,n){app.stepper.setValue(e,n)},increment:function(){app.stepper.increment()},decrement:function(){app.stepper.decrement()},receiveMessage:function(e,n){var t=app.stepper.get($(e));if(n.hasOwnProperty("min")&&(t.min=n.min,t.params.min=n.min),n.hasOwnProperty("max")&&(t.max=n.max,t.params.max=n.max),n.hasOwnProperty("wraps")&&(t.params.wraps=n.wraps),n.hasOwnProperty("decimalPoint")&&(t.decimalPoint=n.decimalPoint,t.params.decimalPoint=n.decimalPoint),n.hasOwnProperty("manual")){t.params.manualInputMode=n.manual;var a=$(e).find("input");n.manual?void 0!==$(a).attr("readonly")&&$(a).removeAttr("readonly"):$(a).attr("readonly","")}n.hasOwnProperty("step")&&(t.step=n.step,t.params.step=n.step),n.hasOwnProperty("autorepeat")&&(t.params.autorepeat=n.autorepeat,t.params.autorepeatDynamic=n.autorepeat),n.hasOwnProperty("rounded")&&(n.rounded?$(e).addClass("stepper-round"):$(e).removeClass("stepper-round")),n.hasOwnProperty("raised")&&(n.raised?$(e).addClass("stepper-raised"):$(e).removeClass("stepper-raised")),n.hasOwnProperty("color")&&($(e).removeClass((function(e,n){return(n.match(/(^|\s)color-\S+/g)||[]).join(" ")})),$(e).addClass("color-"+n.color)),n.hasOwnProperty("size")&&($(e).hasClass("stepper-small")||$(e).hasClass("stepper-large")?$(e).hasClass("stepper-small")&&"large"==n.size?($(e).removeClass("stepper-small"),$(e).addClass("stepper-large")):$(e).hasClass("stepper-large")&&"small"==n.size&&($(e).addClass("stepper-small"),$(e).removeClass("stepper-large")):"small"==n.size?$(e).addClass("stepper-small"):"large"==n.size&&$(e).addClass("stepper-large")),n.hasOwnProperty("value")&&(this.setValue(e,n.value),t.params.value=n.value)},subscribe:function(e,n){$(e).on("stepper:change.f7StepperBinding",(function(t){app.stepper.get($(e)).params.autorepeat?n(!0):n()}))},unsubscribe:function(e){$(e).off(".f7StepperBinding")},getRatePolicy:function(){return{policy:"debounce",delay:500}}}),Shiny.inputBindings.register(f7StepperBinding,"f7.stepper");var f7TabsBinding=new Shiny.InputBinding;$.extend(f7TabsBinding,{find:function(e){return $(e).find(".tabs")},getValue:function(e){var n;return n=$(e).hasClass("standalone")?$(e).find(".tab-active"):$(e).find(".page-content.tab-active"),$(n).data("hidden")?$(".tab-link-highlight").hide():$(".tab-link-highlight").show(),void 0!==$(n).attr("data-value")?$(n).attr("data-value"):null},receiveMessage:function(e,n){n.hasOwnProperty("selected")&&app.tab.show("#"+n.ns+"-"+n.selected)},subscribe:function(e,n){$(e).on("tab:show.f7TabsBinding",(function(t){$(e).trigger("shown"),n()}))},unsubscribe:function(e){$(e).off(".f7TabsBinding")}}),Shiny.inputBindings.register(f7TabsBinding,"f7.tabs");var f7ToggleBinding=new Shiny.InputBinding;$.extend(f7ToggleBinding,{initialize:function(e){app.toggle.create({el:e})},find:function(e){return $(e).find(".toggle")},getValue:function(e){return app.toggle.get($(e)).checked},setValue:function(e,n){app.toggle.get($(e)).checked=n},receiveMessage:function(e,n){n.hasOwnProperty("checked")&&this.setValue(e,n.checked),n.hasOwnProperty("color")&&($(e).removeClass((function(e,n){return(n.match(/(^|\s)color-\S+/g)||[]).join(" ")})),$(e).addClass("color-"+n.color))},subscribe:function(e,n){$(e).on("toggle:change.f7ToggleBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7ToggleBinding")}}),Shiny.inputBindings.register(f7ToggleBinding,"f7.toggle");var f7VirtualListBinding=new Shiny.InputBinding;$.extend(f7VirtualListBinding,{decodeHTML:function(e){var n=document.createElement("textarea");return n.innerHTML=e,n.value},initialize:function(e){var n,t=$(e).attr("id"),a=$(e).find("script[data-for='"+t+"']");for(var i of((a=JSON.parse(a.html())).el="#"+t,a.items))i.media.length>0&&(i.media='<div class="item-media">'+this.decodeHTML(i.media)+"</div>");n=void 0===a.items[0].url?'<li><div class="item-content">{{media}}<div class="item-inner"><div class="item-title-row"><div class="item-title"><div class="item-header">{{header}}</div>{{title}}<div class="item-footer">{{footer}}</div></div><div class="item-after">{{right}}</div></div><div class="item-subtitle">{{subtitle}}</div><div class="item-text">{{content}}</div></div></div></li>':'<li><a class="item-link item-content external" href="url" target="_blank">{{media}}<div class="item-inner"><div class="item-title-row"><div class="item-title"><div class="item-header">{{header}}</div>{{title}}<div class="item-footer">{{footer}}</div></div><div class="item-after">{{right}}</div></div><div class="item-subtitle">{{subtitle}}</div><div class="item-text">{{content}}</div></div></a></li>',a.itemTemplate=n,a.searchAll=function(e,n){for(var t=[],a=0;a<n.length;a++)(n[a].title.toLowerCase().indexOf(e.toLowerCase())>=0||""===e.trim())&&t.push(a);return t},a.height=void 0!==a.items[0].media?"ios"===app.theme?112:"md"===app.theme?132:78:"ios"===app.theme?63:"md"===app.theme?73:46,app.virtualList.create(a)},find:function(e){return $(e).find(".virtual-list")},getValue:function(e){var n=app.virtualList.get($(e));return{length:n.items.length,current_from:n.currentFromIndex+1,current_to:n.currentToIndex+1,reach_end:n.reachEnd}},setValue:function(e,n){var t=app.virtualList.get($(e));t.resetFilter();var a=function(e){var n;if(void 0===e.length)n=`<div class="item-media">${e.media}</div>`,e.media=n;else for(var t=0;t<e.length;t++)n=`<div class="item-media">${e[t].media}</div>`,e[t].media=n;return e};switch(n.action){case"appendItem":t.appendItem(a(n.item));break;case"prependItem":t.prependItem(a(n.item));break;case"appendItems":t.appendItems(a(n.items));break;case"prependItems":t.prependItems(a(n.items));break;case"replaceItem":t.replaceItem(n.index,n.item);break;case"replaceAllItems":t.replaceAllItems(n.items);break;case"moveItem":t.moveItem(n.oldIndex,n.newIndex);break;case"insertItemBefore":t.insertItemBefore(n.index,a(n.item));break;case"filterItems":t.filterItems(n.indexes);break;case"deleteItem":t.deleteItem(n.index);break;case"deleteAllItems":t.deleteAllItems(n.indexes);break;case"scrollToItem":t.scrollToItem(n.index)}$(e).trigger("change")},receiveMessage:function(e,n){this.setValue(e,n)},subscribe:function(e,n){$(e).on("change.f7VirtualListBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7VirtualListBinding")}}),Shiny.inputBindings.register(f7VirtualListBinding,"f7.virtuallist");
+$((function(){var e=$(document).find("script[data-for='app']");e=JSON.parse(e.html());var n="true"===$("body").attr("data-pwa");if(e.root="#app",n&&(e.serviceWorker={path:window.location.pathname+"service-worker.js",scope:window.location.pathname}),e.methods={toggleDarkTheme:function(){this.$(".view-main").toggleClass("theme-dark")}},e.data=function(){return{popovers:[],tooltips:[],actions:[]}},app=new Framework7(e),mainView=app.views.create(".view-main"),e.hasOwnProperty("dark")||(e.dark=!1),e.dark&&app.methods.toggleDarkTheme(),app.device.desktop||$("<style>").prop("type","text/css").html("-webkit-user-select: none;\n         -khtml-user-select: none;\n         -moz-user-select: none;\n         -ms-user-select: none;\n         user-select: none;\n         -webkit-tap-highligth-color: transparent;\n         -webkit-touch-callout: none;\n        ").appendTo("head"),e.hasOwnProperty("color")){var t=app.utils.colorThemeCSSProperties(e.color);$("<style>").prop("type","text/css").html(`:root {\n        --f7-theme-color: ${t["--f7-theme-color"]};\n        --f7-theme-color-rgb: ${t["--f7-theme-color-rgb"]};\n        --f7-theme-color-shade: ${t["--f7-theme-color-shade"]};\n        --f7-theme-color-tint: ${t["--f7-theme-color-tint"]};\n      }`).appendTo("head")}if(e.hasOwnProperty("filled")||(e.filled=!1),e.filled){$("<style>").prop("type","text/css").html("\n    :root,\n    :root.theme-dark,\n    :root .theme-dark {\n      --f7-bars-bg-color: var(--f7-theme-color);\n      --f7-bars-bg-color-rgb: var(--f7-theme-color-rgb);\n      --f7-bars-translucent-opacity: 0.9;\n      --f7-bars-text-color: #fff;\n      --f7-bars-link-color: #fff;\n      --f7-navbar-subtitle-text-color: rgba(255,255,255,0.85);\n      --f7-bars-border-color: transparent;\n      --f7-tabbar-link-active-color: #fff;\n      --f7-tabbar-link-inactive-color: rgba(255,255,255,0.54);\n      --f7-sheet-border-color: transparent;\n      --f7-tabbar-link-active-border-color: #fff;\n    }\n    .appbar,\n    .navbar,\n    .toolbar,\n    .subnavbar,\n    .calendar-header,\n    .calendar-footer {\n      --f7-touch-ripple-color: var(--f7-touch-ripple-white);\n      --f7-link-highlight-color: var(--f7-link-highlight-white);\n      --f7-button-text-color: #fff;\n      --f7-button-pressed-bg-color: rgba(255,255,255,0.1);\n    }\n    .navbar-large-transparent,\n    .navbar-large.navbar-transparent {\n      --f7-navbar-large-title-text-color: #000;\n\n      --r: 0;\n      --g: 122;\n      --b: 255;\n      --progress: var(--f7-navbar-large-collapse-progress);\n      --f7-bars-link-color: rgb(\n        calc(var(--r) + (255 - var(--r)) * var(--progress)),\n        calc(var(--g) + (255 - var(--g)) * var(--progress)),\n        calc(var(--b) + (255 - var(--b)) * var(--progress))\n      );\n    }\n    .theme-dark .navbar-large-transparent,\n    .theme-dark .navbar-large.navbar-transparent {\n      --f7-navbar-large-title-text-color: #fff;\n  }").appendTo("head")}if($("body").addClass(e.color),$("body").attr("filled",e.filled),n){var a,i=app.toast.create({position:"center",text:'<button id="install-button" class="toast-button button color-green">Install</button>'});$(window).on("beforeinstallprompt",e=>{e.preventDefault(),a=e.originalEvent,i.open()}),app.utils.nextTick((function(){$("#install-button").on("click",(function(){i.close(),a&&(a.prompt(),a.userChoice.then(e=>{console.log("👍","userChoice",e),a=null}))}))}),500)}})),$((function(){$(document).on("shiny:disconnected",(function(e){$("#ss-connect-dialog").hide(),$("#ss-overlay").hide();var n=app.toast.create({icon:'<i class="icon f7-icons">bolt_fill</i>',position:"center",text:'Disconnected ... </br> </br> <div class="row"><button onclick="Shiny.shinyapp.reconnect();" class="toast-button button color-green col">Reconnect</button><button onclick="location.reload();" class="toast-button button color-red col">Reload</button></div>'}).open();$(".toast-button").on("click",(function(){n.close()}))})),$(document).on("shiny:sessioninitialized",(function(e){Shiny.setInputValue("shinyInfo",Shiny.shinyapp.config)})),$(document).on("shiny:inputchanged",(function(e){var n;null!==e.binding&&(n=void 0!==e.binding.name?e.binding.name.split(".")[1]:"NA",Shiny.setInputValue("lastInputChanged",{name:e.name,value:e.value,type:n}))})),$(document).on("shiny:connected",(function(e){Shiny.setInputValue("deviceInfo",Framework7.device)})),Framework7.device.standalone&&($("html, body").css({height:"100vh",width:"100vw"}),$(".appbar").length>0&&$(".toolbar").css("margin-bottom","20px")),app.params.filled&&app.params.dark&&"#ffffff"!==$("body").attr("class")&&$(".demo-send-message-link").find("i").addClass("color-white"),$(".chip-delete").on("click",(function(){$(this).closest(".chip").remove()}));if(Shiny.addCustomMessageHandler("add_skeleton",(function(e){var n="skeleton-text skeleton-effect-"+e.effect;$(e.target).addClass(n),void 0!==e.duration?setTimeout((function(){$(e.target).removeClass(n)}),1e3*e.duration):$(document).on("shiny:idle",(function(){$(e.target).removeClass(n)}))})),window.ran=!1,app.params.skeletonsOnLoad){const e=[".page-content",".navbar",".toolbar"];$(document).on("shiny:connected",(function(n){setTimeout((function(){if($("html").hasClass("shiny-busy"))for(target of e)$(target).addClass("skeleton-text skeleton-effect-fade")}),50)})),$(document).on("shiny:idle",(function(n){if(!window.ran)for(target of e)$(target).removeClass("skeleton-text skeleton-effect-fade");window.ran=!0}))}if(app.params.preloader){const e=app.dialog.preloader();app.params.dark&&$(e.el).addClass("theme-dark"),$(document).on("shiny:idle",(function(e){window.ran||app.dialog.close(),window.ran=!0}))}isSplitLayout=$("#app").hasClass("split-layout"),app.params.dark?($("body").addClass("dark"),isSplitLayout&&$(".panel-left").hasClass("theme-light")&&$(".panel-left").removeClass("theme-light").addClass("theme-dark"),$(".appbar").addClass("theme-dark")):($("body").addClass("light"),isSplitLayout&&$(".panel-left").hasClass("theme-dark")&&$(".panel-left").removeClass("theme-dark").addClass("theme-light")),1==$(".subnavbar").length&&$(".page").addClass("page-with-subnavbar"),Shiny.addCustomMessageHandler("update-app",(function(e){app.utils.extend(app.params,e)})),Shiny.addCustomMessageHandler("update-entity",(function(e){var n;for(const t in app.data)for(const a in app.data[t])a===e.id&&(n=t);var t=app.data[n][e.id],a=t.params,i=app.utils.extend(a,e.options);t.destroy();var r=app[n].create(i);app.data[n][e.id]=r}));const e=["gauge","swiper","searchbar"],n=e.concat(["toast","photoBrowser","notification","popup","listIndex"]);function t(){$(".tab-link-highlight").remove();var e=100/$(".toolbar-inner > a").length,n=$(".toolbar-inner > a"),t=[];for(i=0;i<n.length;i++)t.push(n[i].className);var a,r=t.indexOf("tab-link tab-link-active");a=-1===r?0:100*r+"%",$(".toolbar-inner").append('<span class="tab-link-highlight" style="width: '+e+"%; transform: translate3d("+a+', 0px, 0px);"></span>')}activateWidget=function(n){e.indexOf(n)>-1?$("."+n).each((function(){var e=$(this),t=$(document).find("script[data-for='"+e.attr("id")+"']");(t=JSON.parse(t.html())).el="#"+e.attr("id"),app[n].create(t)})):Shiny.addCustomMessageHandler(n,(function(e){"listIndex"===n&&$('<div class="list-index" id="'+e.el+'"></div>').insertAfter($(".navbar")),e.on={open:function(n){void 0!==e.id&&Shiny.setInputValue(e.id,!0),n.app.params.dark&&$(n.el).addClass("theme-dark"),Shiny.unbindAll(),Shiny.initializeInputs(),Shiny.bindAll()},close:function(){void 0!==e.id&&Shiny.setInputValue(e.id,!1)}},"listIndex"===n?(e.el="#"+e.el,app[n].create(e)):app[n].create(e).open()}))},n.forEach((function(e){activateWidget(e)})),popoverIds=[],getAllPopoverIds=function(){$("[data-popover]").each((function(){popoverIds.push($(this).attr("data-popover"))}))},getAllPopoverIds(),popoverIds.forEach((function(e){Shiny.addCustomMessageHandler(e,(function(n){n.on={open:function(e){e.app.params.dark&&$(e.el).addClass("theme-dark")}};var t=app.popover.create({targetEl:'[data-popover = "'+e+'"]',content:'<div class="popover"><div class="popover-inner"><div class="block">'+n.content+"</div></div></div>"});$('[data-popover = "'+e+'"]').on("click",(function(){t.open()}))}))})),Shiny.addCustomMessageHandler("add_popover",(function(e){if(void 0===app.data.popovers[e.targetEl]){if(!$(e.targetEl).hasClass("popover-disabled")){e.content=`\n        <div class="popover">\n          <div class="popover-angle"></div>\n          <div class="popover-inner">\n            <div class="block">${e.content}</div>\n          </div>\n        </div>\n        `,e.on={open:function(e){e.app.params.dark&&$(e.el).addClass("theme-dark")}};var n=app.popover.create(e);n.open(),app.data.popovers[e.targetEl]=n}}else $(e.targetEl).hasClass("popover-disabled")||app.data.popovers[e.targetEl].open()})),Shiny.addCustomMessageHandler("toggle_popover",(function(e){$(e).toggleClass("popover-disabled")})),Shiny.addCustomMessageHandler("add_tooltip",(function(e){if(void 0===app.data.tooltips[e.targetEl]){var n=app.tooltip.create(e);n.show(),app.data.tooltips[e.targetEl]=n}})),Shiny.addCustomMessageHandler("update_tooltip",(function(e){if(void 0!==app.data.tooltips[e.targetEl]){var n=app.tooltip.get(e.targetEl);if("update"===e.action)n&&n.setText(e.text);else if("toggle"===e.action)if(n){var t=Object.assign({},n);app.data.tooltips[e.targetEl]=t,n.destroy()}else{var a=app.data.tooltips[e.targetEl].params;n=app.tooltip.create(a),app.data.tooltips[e.targetEl]=n}}})),Shiny.addCustomMessageHandler("dialog",(function(e){var n,t=e.type,a=`<div style="max-height: 300px; overflow-y: scroll;">${e.text}</div>`;switch(t){case"alert":n=app.dialog.alert(a,e.title,e.on);break;case"confirm":n=app.dialog.confirm(a=a,title=e.title,callbackOk=function(){Shiny.setInputValue(e.id,!0)},callbackCancel=function(){Shiny.setInputValue(e.id,!1)}).open(Shiny.setInputValue(e.id,null));break;case"prompt":n=app.dialog.prompt(a=a,title=e.title,callbackOk=function(n){Shiny.setInputValue(e.id,n)},callbackCancel=function(){Shiny.setInputValue(e.id,null)}).open(Shiny.setInputValue(e.id,null));break;case"login":n=app.dialog.login(a=a,title=e.title,callbackOk=function(n,t){Shiny.setInputValue(e.id,{user:n,password:t})},callbackCancel=function(){Shiny.setInputValue(e.id,null)}).open(Shiny.setInputValue(e.id,null));break;default:console.log("")}app.params.dark&&$(n.el).addClass("theme-dark")})),Shiny.addCustomMessageHandler("tapHold",(function(e){var n=new Function("return ("+e.callback+")");$(e.target).on("taphold",(function(){n()}))}));var a=[];if(getAllTabSetIds=function(){$(".tabs.ios-edges").each((function(){a.push(this.id)}))},getAllTabSetIds(),a.forEach((function(e){var n="insert_"+e;Shiny.addCustomMessageHandler(n,(function(e){var n;n=void 0===e.target?$("#"+e.ns):$("#"+e.ns+"-"+e.target);var a,i=$(e.value.html);if($(n).hasClass("swiper-slide")?(a=$(i).addClass("swiper-slide"),$(".tabLinks").children(1).hasClass("segmented")&&$(a).removeClass("page-content"),"true"===e.select&&$(a).addClass("swiper-slide-active")):a=$(i),void 0===e.target?($(n).append(a),$(".tabLinks .toolbar-inner").prepend(e.link)):"after"===e.position?($(a).insertAfter($(n)),$(e.link).insertAfter($('.tabLinks [data-tab ="#'+e.ns+"-"+e.target+'"]'))):"before"===e.position&&($(a).insertBefore($(n)),$(e.link).insertBefore($('.tabLinks [data-tab ="#'+e.ns+"-"+e.target+'"]'))),Shiny.renderContent(i[0],{html:i.html(),deps:e.value.deps}),$(".tabLinks").children(1).hasClass("segmented")){var r=$('.tabLinks [data-tab ="#'+e.id+'"]');$(r).replaceWith('<button class="button tab-link" data-tab="#'+e.id+'">'+$(r).html()+"</button>")}$(n).hasClass("swiper-slide")&&document.querySelector(".swiper-container").swiper.update();"true"===e.select&&app.tab.show("#"+e.id,!0),$(".tabLinks").children(1).hasClass("segmented")||t()}))})),a.forEach((function(e){var n="remove_"+e;Shiny.addCustomMessageHandler(n,(function(e){var n=$("#"+e.ns+"-"+e.target);if($(".tabs.ios-edges").css("transform",""),$(".tabLinks").children(1).hasClass("segmented")){var a=$('.tabLinks button[data-tab="#'+e.ns+"-"+e.target+'"]'),i=$(".tabLinks button").not('[data-tab="#'+e.ns+"-"+e.target+'"]');0===$(a).next().length?$(i).hasClass("tab-link-active")||$(a).prev().addClass("tab-link-active"):$(i).hasClass("tab-link-active")||$(a).next().addClass("tab-link-active"),$(a).remove()}else $('.toolbar-inner a[data-tab="#'+e.ns+"-"+e.target+'"]').remove();($("#"+e.ns+"-"+e.target).remove(),$(n).hasClass("swiper-slide"))&&document.querySelector(".swiper-container").swiper.update();var r=$(n).next().attr("id");app.tab.show("#"+r),$(".tabLinks").children(1).hasClass("segmented")||t()}))})),Shiny.addCustomMessageHandler("update-gauge",(function(e){var n="#"+e.id;app.gauge.get(n).update(e)})),activateAllProgress=function(){$(".progressbar").each((function(){var e="#"+$(this).attr("id"),n=parseInt($(this).attr("data-progress"));app.progressbar.show(e,n)}))},activateAllProgress(),Shiny.addCustomMessageHandler("update-progress",(function(e){app.progressbar.set("#"+e.id,e.progress)})),Shiny.addCustomMessageHandler("show_navbar",(function(e){e.animate,app.navbar.show(".navbar",e.animate)})),Shiny.addCustomMessageHandler("hide_navbar",(function(e){var n,t;n="true"==e.animate,t="true"==e.hideStatusbar,app.navbar.hide(".navbar",n=n,t=t)})),Shiny.addCustomMessageHandler("toggle_navbar",(function(e){$navbar=$(".navbar"),$navbar.hasClass("navbar-hidden")?app.navbar.show(".navbar",animate=e.animate):app.navbar.hide(".navbar",animate=e.animate,hideStatusbar=e.hideStatusbar)})),Shiny.addCustomMessageHandler("action-sheet",(function(e){if(void 0===app.data.actions[e.id]){var n=e.id+"_button";e.buttons.forEach((function(e,t){Object.defineProperty(e,"onClick",{value:function(){!function(e){Shiny.setInputValue(n,e)}(t+1)},writable:!1})})),e.on={open:function(e){e.app.params.dark&&$(e.el).addClass("theme-dark")},opened:function(){Shiny.setInputValue(e.id,!0)},closed:function(){Shiny.setInputValue(e.id,!1),Shiny.setInputValue(n,null)}};var t=app.actions.create(e);t.open(),app.data.actions[e.id]=t}else app.data.actions[e.id].open()})),Shiny.addCustomMessageHandler("update-action-sheet",(function(e){app.data.actions[e.id].destroy();var n=app.actions.create(e);app.data.actions[e.id]=n})),"true"===$("body").attr("data-ptr")){const e=$('<div class="ptr-preloader"><div class="preloader"></div><div class="ptr-arrow"></div></div>');$(".page-content").addClass("ptr-content").prepend(e).attr("data-ptr-distance","55").attr("data-ptr-mousewheel","true"),app.ptr.create(".ptr-content");var r=app.ptr.get(".ptr-content");r.on("refresh",(function(e){Shiny.setInputValue("ptr",!0),setTimeout((function(){app.ptr.done()}),2e3)})),r.on("done",(function(e){Shiny.setInputValue("ptr",null)}))}Shiny.addCustomMessageHandler("validate-input",(function(e){var n;$("#"+e.target).attr("required","").attr("validate","").attr("pattern",e.pattern).attr("data-error-message",e.error),$("#"+e.target).closest(".item-content.item-input").addClass("item-input-with-info"),void 0!==e.info&&(n='<div class = "item-input-info">'+e.info+"</div>"),$("#"+e.target).parent().append(n)})),Shiny.addCustomMessageHandler("show-preloader",(function(e){void 0!==e.el?app.preloader.showIn(e.el,e.color):app.preloader.show(e.color)})),Shiny.addCustomMessageHandler("hide-preloader",(function(e){void 0!==e.el?app.preloader.hideIn(e.el):app.preloader.hide()})),$(".swipeout-item").each((function(){$(this).on("click",(function(){Shiny.setInputValue($(this).attr("id"),!0,{priority:"event"}),app.swipeout.close($(this).closest(".swipeout"))}))}))}));var f7ActionSheetBinding=new Shiny.InputBinding;function setSource(e,n){var t=[];if(0!==e.length){for(var a=0;a<vals.length;a++)vals[a].toLowerCase().indexOf(e.toLowerCase())>=0&&t.push(vals[a]);n(t)}else n(t)}$.extend(f7ActionSheetBinding,{find:function(e){},getValue:function(e){},receiveMessage:function(e,n){},subscribe:function(e,n){},unsubscribe:function(e){}}),Shiny.inputBindings.register(f7ActionSheetBinding);var f7AutoCompleteBinding=new Shiny.InputBinding;$.extend(f7AutoCompleteBinding,{initialize:function(e){var n=$(e).attr("id"),t={};[].forEach.call(e.attributes,(function(e){if(/^data-/.test(e.name)){var n=e.name.substr(5).replace(/-(.)/g,(function(e,n){return n.toUpperCase()}));if(-1==["openIn","choices","value","dropdownPlaceholderText","limit"].indexOf(n)){var a="true"==e.value;t[n]=a}else t[n]=e.value}})),t.value=JSON.parse(t.value),"dropdown"==t.openIn?t.inputEl="#"+n:t.openerEl="#"+n;var a=JSON.parse(t.choices);t.source=function(e,n){var t=[];if(0!==e.length){for(var i=0;i<a.length;i++)a[i].toLowerCase().indexOf(e.toLowerCase())>=0&&t.push(a[i]);n(t)}else n(t)},t.on={change:function(e){$("#"+n).trigger("change")}},app.autocomplete.create(t)},find:function(e){return $(e).find(".autocomplete-input")},getValue:function(e){var n=app.autocomplete.get($(e));return $(n.params.inputEl).val(n.value),n.value},setValue:function(e,n){e.value=n,e.params.value=n,$(e.params.inputEl).val(e.value)},_setChoices:function(e,n){vals=n,e.params.source=setSource},receiveMessage:function(e,n){var t=app.autocomplete.get($(e));n.hasOwnProperty("choices")&&this._setChoices(t,n.choices),n.hasOwnProperty("value")&&this.setValue(t,n.value),$(e).trigger("change")},subscribe:function(e,n){$(e).on("change.f7AutoCompleteBinding",(function(e){setTimeout((function(){n()}),10)}))},unsubscribe:function(e){$(e).off(".f7AutoCompleteBinding")}}),Shiny.inputBindings.register(f7AutoCompleteBinding,"f7.autocomplete");var f7ButtonInputBinding=new Shiny.InputBinding;$.extend(f7ButtonInputBinding,{find:function(e){return $(e).find(".f7-action-button")},getValue:function(e){return $(e).data("val")||0},setValue:function(e,n){$(e).data("val",n)},getType:function(e){return"shiny.action"},subscribe:function(e,n){$(e).on("click.f7ButtonInputBinding",(function(e){var t=$(this),a=t.data("val")||0;t.data("val",a+1),n()}))},getState:function(e){return{value:this.getValue(e)}},receiveMessage:function(e,n){var t=$(e);if(n.hasOwnProperty("color")&&($(e).removeClass((function(e,n){return(n.match(/(^|\s)color-\S+/g)||[]).join(" ")})),$(e).addClass("color-"+n.color)),n.hasOwnProperty("fill")){var a=$(e).hasClass("button-fill");n.fill?a||$(e).addClass("button-fill"):a&&$(e).removeClass("button-fill")}if(n.hasOwnProperty("outline")){var i=$(e).hasClass("button-outline");n.outline?i||$(e).addClass("button-outline"):i&&$(e).removeClass("button-outline")}if(n.hasOwnProperty("shadow")){var r=$(e).hasClass("button-raised");n.shadow?r||$(e).addClass("button-raised"):r&&$(e).removeClass("button-raised")}if(n.hasOwnProperty("rounded")){var s=$(e).hasClass("button-round");n.rounded?s||$(e).addClass("button-round"):s&&$(e).removeClass("button-round")}if(n.hasOwnProperty("size")){var o=$(e).hasClass("button-large"),l=$(e).hasClass("button-small");!o&!l&&$(e).addClass("button-"+n.size),!o&l&&($(e).removeClass("button-small"),$(e).addClass("button-"+n.size)),o&!l&&($(e).removeClass("button-large"),$(e).addClass("button-"+n.size))}var d=t.text();n.hasOwnProperty("label")&&(d=n.label),t.html(d)},unsubscribe:function(e){$(e).off(".f7ButtonInputBinding")}}),Shiny.inputBindings.register(f7ButtonInputBinding,"f7.button"),$(document).on("click","a.f7-action-button",(function(e){e.preventDefault()}));var f7CardBinding=new Shiny.InputBinding;$.extend(f7CardBinding,{find:function(e){return $(e).find(".card-expandable")},getValue:function(e){return $(e).hasClass("card-opened")},receiveMessage:function(e,n){app.card.toggle($(e))},subscribe:function(e,n){$(e).on("card:opened.f7CardBinding card:closed.f7CardBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7CardBinding")}}),Shiny.inputBindings.register(f7CardBinding,"f7.card");var f7CollapsibleBinding=new Shiny.InputBinding;$.extend(f7CollapsibleBinding,{find:function(e){return $(e).find(".collapsible")},getValue:function(e){var n=$($(e)[0]).attr("id"),t=$("#"+n+" li.accordion-item-opened");if(t.length>0){if(1===t.length)return{state:!0,value:$(t[0]).find(".item-title").html()};var a=[];return $(t).each((function(e){a.push($(t[e]).find(".item-title").html())})),{state:!0,value:a}}return{state:!1,value:null}},receiveMessage:function(e,n){if(n.hasOwnProperty("selected")){var t=$($(e)[0]).attr("id"),a=$("#"+t+" .accordion-item"),i=n.selected-1,r=$(a[i]);app.accordion.toggle(r)}},subscribe:function(e,n){$(e).on("accordion:opened.f7CollapsibleBinding accordion:closed.f7CollapsibleBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7CollapsibleBinding")}}),Shiny.inputBindings.register(f7CollapsibleBinding,"f7.collapsible");var f7ColorPickerBinding=new Shiny.InputBinding;$.extend(f7ColorPickerBinding,{initialize:function(e){app.colorPicker.create({inputEl:e,targetEl:$(e).attr("id")+"-value",targetElSetBackgroundColor:!0,modules:colorPickerModules,openIn:"auto",sliderValue:colorPickerSliderValue,sliderValueEditable:colorPickerSliderValueEditable,sliderLabel:colorPickerSliderLabel,hexLabel:colorPickerHexLabel,hexValueEditable:colorPickerHexValueEditable,groupedModules:colorPickerGroupedModules,palette:colorPickerPalettes,value:{hex:colorPickerValue},on:{open:function(e){e.app.params.dark&&e.$el.closest(".modal-in").addClass("theme-dark")}}})},find:function(e){return $(e).find(".color-picker-input")},getValue:function(e){var n=$(e).attr("id");return document.getElementById(n).value},setValue:function(e,n){},receiveMessage:function(e,n){},subscribe:function(e,n){$(e).on("change.f7ColorPickerBinding ",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7ColorPickerBinding ")}}),Shiny.inputBindings.register(f7ColorPickerBinding,"f7.colorpicker");var f7DateBinding=new Shiny.InputBinding;$.extend(f7DateBinding,{find:function(e){return $(e).find(".date-input")},getValue:function(e){return console.log($(e).attr("value")),$(e).attr("value")},setValue:function(e,n){},receiveMessage:function(e,n){},subscribe:function(e,n){$(e).on("keyup.dateInputBinding input.dateInputBinding",(function(e){n(!0)})),$(e).on("change.f7DateBinding",(function(e){n(!1)}))},getRatePolicy:function(){return{policy:"debounce",delay:250}},unsubscribe:function(e){$(e).off(".f7DateBinding")}}),Shiny.inputBindings.register(f7DateBinding,"f7.date");var f7DatePickerBinding=new Shiny.InputBinding;$.extend(f7DatePickerBinding,{initialize:function(e){var n=$(e)[0],t=$(e).parent().find("script[data-for='"+e.id+"']");if((t=JSON.parse(t.html())).hasOwnProperty("value"))for(var a=0;a<t.value.length;a++)t.value[a]=new Date(t.value[a]);else t.value=[new Date];t.inputEl=n,t.on={open:function(e){e.app.params.dark&&e.$el.closest(".modal-in").addClass("theme-dark")}};var i=app.calendar.create(t);this["calendar-"+e.id]=i},find:function(e){return $(e).find(".calendar-input")},getType:function(e){return"f7DatePicker.date"},getValue:function(e){var n=this["calendar-"+e.id].getValue();if(1==n.length){var t=new Date(this["calendar-"+e.id].getValue());return t=Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()),new Date(t)}for(var a=[],i=0;i<n.length;i++)a[i]=new Date(n[i]),a[i]=Date.UTC(a[i].getFullYear(),a[i].getMonth(),a[i].getDate(),a[i].getHours(),a[i].getMinutes(),a[i].getSeconds()),a[i]=new Date(a[i]);return a},setValue:function(e,n){this["calendar-"+e.id].setValue(n)},receiveMessage:function(e,n){if(n.hasOwnProperty("config")&&(this["calendar-"+e.id].destroy(),n.config.inputEl=e,n.config.on={open:function(e){e.app.params.dark&&$(e.$el).addClass("theme-dark")}},this["calendar-"+e.id]=app.calendar.create(n.config)),n.hasOwnProperty("value")){for(var t,a=0;a<n.value.length;a++)t=new Date(n.value[a]),n.value[a]=new Date(t.getFullYear(),t.getMonth(),t.getDate());this.setValue(e,n.value)}},subscribe:function(e,n){$(e).on("change.f7DatePickerBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7DatePickerBinding")}}),Shiny.inputBindings.register(f7DatePickerBinding,"f7.datepicker");var f7FabsBinding=new Shiny.InputBinding;$.extend(f7FabsBinding,{find:function(e){return $(e).find(".fab")},getValue:function(e){return $(e).hasClass("fab-opened")},receiveMessage:function(e,n){app.fab.toggle("#"+$(e).attr("id"))},subscribe:function(e,n){$(e).on("fab:open.f7FabsBinding fab:close.f7FabsBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7FabsBinding")}}),Shiny.inputBindings.register(f7FabsBinding,"f7.fabs");var f7LoginBinding=new Shiny.InputBinding;$.extend(f7LoginBinding,{initialize:function(e){var n={};n.el="#"+$(e).attr("id"),n.animate=!1,n.on={open:function(e){e.app.params.dark&&$(e.el).addClass("theme-dark")},opened:function(){$(e).trigger("shown")}};var t=app.loginScreen.create(n);JSON.parse($(e).attr("data-start-open"))[0]&&t.open()},find:function(e){return $(e).find(".login-screen")},getValue:function(e){return app.loginScreen.get($(e)).opened},receiveMessage:function(e,n){var t=app.loginScreen.get($(e));t.opened?n.user.length>0&&n.password.length>0?t.close():app.dialog.alert("Please enter a valid password and user."):t.open()},subscribe:function(e,n){$(e).on("loginscreen:opened.f7LoginBinding loginscreen:closed.f7LoginBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7LoginBinding")}}),Shiny.inputBindings.register(f7LoginBinding,"f7.login");var f7MenuBinding=new Shiny.InputBinding;$.extend(f7MenuBinding,{find:function(e){return $(e).find(".menu-item-dropdown")},getValue:function(e){return $(e).hasClass("menu-item-dropdown-opened")},receiveMessage:function(e,n){$(e).hasClass("menu-item-dropdown-opened")||app.menu.open($(e))},subscribe:function(e,n){$(e).on("menu:opened.f7MenuBinding menu:closed.f7MenuBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7MenuBinding")}}),Shiny.inputBindings.register(f7MenuBinding,"f7.menu");var f7MessageBarBinding=new Shiny.InputBinding;$.extend(f7MessageBarBinding,{initialize:function(e){app.messagebar.create({el:"#"+$(e).attr("id")})},setState:function(e){var n=app.messagebar.get($(e)).getValue(),t=$(e).find("#"+e.id+"-send");return n.length?$(t).removeClass("disabled"):$(t).addClass("disabled"),n},find:function(e){return $(e).find(".messagebar")},getValue:function(e){return this.setState(e)},setValue:function(e,n){app.messagebar.get($(e)).setValue(n)},setPlaceholder:function(e,n){app.messagebar.get($(e)).setPlaceholder(n)},receiveMessage:function(e,n){n.hasOwnProperty("value")&&this.setValue(e,n.value),n.hasOwnProperty("placeholder")&&this.setPlaceholder(e,n.placeholder)},subscribe:function(e,n){$(e).on("input.f7MessageBarBinding change.f7MessageBarBinding focus.f7MessageBarBinding blur.f7MessageBarBinding",(function(t){$(e).find("#"+e.id+"-send").on("click",(function(){setTimeout((function(){app.messagebar.get($(e)).clear().focus()}),1e3)})),n(!0)}))},getRatePolicy:function(){return{policy:"debounce",delay:250}},unsubscribe:function(e){$(e).off(".f7MessageBarBinding")}}),Shiny.inputBindings.register(f7MessageBarBinding,"f7.messagebar");var f7MessagesBinding=new Shiny.InputBinding;$.extend(f7MessagesBinding,{initialize:function(e){$(".page-content").addClass("messages-content");var n=$(e).attr("id"),t=$(e).find("script[data-for='"+n+"']");(t=JSON.parse(t.html())).el="#"+n,t.firstMessageRule=function(e,n,t){return!e.isTitle&&(!n||n.type!==e.type||n.name!==e.name)},t.lastMessageRule=function(e,n,t){return!e.isTitle&&(!t||t.type!==e.type||t.name!==e.name)},t.tailMessageRule=function(e,n,t){return!e.isTitle&&(!t||t.type!==e.type||t.name!==e.name)},app.messages.create(t)},find:function(e){return $(e).find(".messages")},getValue:function(e){return app.messages.get($(e)).messages},setValue:function(e,n){responseInProgress=!0;var t=app.messages.get($(e));if(n.showTyping){var a=n.value.pop().name;setTimeout((function(){t.showTyping({header:a+" is typing"}),setTimeout((function(){t.addMessages(n.value),t.hideTyping(),responseInProgress=!1}),1e3)}),500)}else t.addMessages(n.value)},receiveMessage:function(e,n){this.setValue(e,n),$(e).trigger("change")},subscribe:function(e,n){$(e).on("change.f7MessagesBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7MessagesBinding")}}),Shiny.inputBindings.register(f7MessagesBinding,"f7.messages");var f7PanelBinding=new Shiny.InputBinding;$.extend(f7PanelBinding,{initialize:function(e){var n={};n.el="#"+$(e).attr("id"),n.on={opened:function(){$(e).trigger("shown")}},app.panel.create(n)},find:function(e){return $(e).find(".panel")},getValue:function(e){return app.panel.get($(e)).opened},receiveMessage:function(e,n){var t=app.panel.get($(e));t.toggle(t.side)},subscribe:function(e,n){$(e).on("panel:open.f7PanelBinding panel:close.f7PanelBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7PanelBinding")}}),Shiny.inputBindings.register(f7PanelBinding,"f7.panel");var f7PanelMenuBinding=new Shiny.InputBinding;$.extend(f7PanelMenuBinding,{find:function(e){return $(e).find(".panel-menu")},initialize:function(e){var n=$(e).find("a").first().data("tab"),t=$(e).find("a.tab-link-active").data("tab");void 0!==t?app.tab.show(t):app.tab.show(n)},getValue:function(e){var n=$(e).find("a.tab-link-active").data("tab");return void 0!==n?n.split("#")[1]:null},receiveMessage:function(e,n){n.hasOwnProperty("selected")&&app.tab.show("#"+n.ns+"-"+n.selected)},subscribe:function(e,n){$(e).find("a").on("click.f7PanelMenuBinding",(function(e){$($(this).data("tab")).trigger("shown").trigger("shown"),n(!1)})),app.on("tabShow.f7PanelMenuBinding",(function(e){n(!1)}))},unsubscribe:function(e){$(e).off(".f7PanelMenuBinding")}}),Shiny.inputBindings.register(f7PanelMenuBinding,"f7.tabsMenu");var f7PickerBinding=new Shiny.InputBinding;$.extend(f7PickerBinding,{initialize:function(e){var n=$(e)[0],t={};[].forEach.call(e.attributes,(function(e){if(/^data-/.test(e.name)){var n=e.name.substr(5).replace(/-(.)/g,(function(e,n){return n.toUpperCase()}));if(-1==["openIn","toolbarCloseText","choices","value"].indexOf(n)){var a="true"==e.value;t[n]=a}else t[n]=e.value}})),t.inputEl=n,t.value=JSON.parse(t.value),t.cols=[{textAlign:"center",values:JSON.parse(t.choices)}],t.on={open:function(e){e.app.params.dark&&e.$el.closest(".modal-in").addClass("theme-dark")}};var a=app.picker.create(t);n.f7Picker=a},find:function(e){return $(e).find(".picker-input")},getValue:function(e){return app.picker.get($(e)).value},setValue:function(e,n){var t=app.picker.get($(e));t.value=n,t.displayValue=n,t.open(),setTimeout((function(){t.close()}),10)},receiveMessage:function(e,n){var t=app.picker.get($(e));n.hasOwnProperty("value")&&this.setValue(e,n.value),n.hasOwnProperty("choices")&&(t.cols[0].values=n.choices),n.hasOwnProperty("rotateEffect")&&(t.params.rotateEffect=n.rotateEffect),n.hasOwnProperty("openIn")&&(t.params.openIn=n.openIn),n.hasOwnProperty("scrollToInput")&&(t.params.scrollToInput=n.scrollToInput),n.hasOwnProperty("closeByOutsideClick")&&(t.params.closeByOutsideClick=n.closeByOutsideClick),n.hasOwnProperty("toolbar")&&(t.params.toolbar=n.toolbar),n.hasOwnProperty("toolbarCloseText")&&(t.params.toolbarCloseText=n.toolbarCloseText),n.hasOwnProperty("sheetSwipeToClose")&&(t.params.sheetSwipeToClose=n.sheetSwipeToClose)},subscribe:function(e,n){$(e).on("change.f7PickerBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7PickerBinding")}}),Shiny.inputBindings.register(f7PickerBinding,"f7.picker");let $escape=Shiny.$escape;function updateLabel(e,n){if(void 0!==e){if(1!==n.length)throw new Error("labelNode must be of length 1");$.isArray(e)&&0===e.length?n.addClass("shiny-label-null"):(n.text(e),n.removeClass("shiny-label-null"))}}var radioInputBinding=new Shiny.InputBinding;$.extend(radioInputBinding,{find:function(e){return $(e).find(".shiny-input-radiogroup")},getValue:function(e){var n=$('input:radio[name="'+$escape(e.id)+'"]:checked');return 0===n.length?null:n.val()},setValue:function(e,n){$.isArray(n)&&0===n.length?$('input:radio[name="'+$escape(e.id)+'"]').prop("checked",!1):$('input:radio[name="'+$escape(e.id)+'"][value="'+$escape(n)+'"]').prop("checked",!0)},getState:function(e){for(var n=$('input:radio[name="'+$escape(e.id)+'"]'),t=new Array(n.length),a=0;a<t.length;a++)t[a]={value:n[a].value,label:this._getLabel(n[a])};return{label:this._getLabelNode(e).text(),value:this.getValue(e),options:t}},receiveMessage:function(e,n){var t=$(e);n.hasOwnProperty("options")&&(t.find("ul").remove(),t.append(n.options)),n.hasOwnProperty("value")&&this.setValue(e,n.value),updateLabel(n.label,this._getLabelNode(e)),$(e).trigger("change")},subscribe:function(e,n){$(e).on("change.radioInputBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".radioInputBinding")},_getLabelNode:function(e){return $(e).siblings("div.block-title")},_getLabel:function(e){return"LABEL"===e.parentNode.tagName?$(e.parentNode).find("div.item-title").text().trim():null},_setLabel:function(e,n){return"LABEL"===e.parentNode.tagName&&$(e.parentNode).find("div.item-title").text(n),null}}),Shiny.inputBindings.register(radioInputBinding,"shiny.radioInput");var f7SelectBinding=new Shiny.InputBinding;$.extend(f7SelectBinding,{find:function(e){return $(e).find(".input-select")},getValue:function(e){return $(e).val()},setValue:function(e,n){$(e).val(n)},receiveMessage:function(e,n){n.hasOwnProperty("selected")&&this.setValue(e,n.selected),$(e).trigger("change")},subscribe:function(e,n){$(e).on("change.f7SelectBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7SelectBinding")}}),Shiny.inputBindings.register(f7SelectBinding,"f7.select");var f7SheetBinding=new Shiny.InputBinding;$.extend(f7SheetBinding,{initialize:function(e){var n=$(e).attr("id"),t={};[].forEach.call(e.attributes,(function(e){if(/^data-/.test(e.name)){var n=e.name.substr(5).replace(/-(.)/g,(function(e,n){return n.toUpperCase()})),a="true"==e.value;t[n]=a}})),t.el="#"+n,t.on={open:function(e){e.app.params.dark&&$(e.el).addClass("theme-dark")},opened:function(){$(e).trigger("shown")}};app.sheet.create(t)},find:function(e){return $(e).find(".sheet-modal")},getValue:function(e){return app.sheet.get($(e)).opened},receiveMessage:function(e,n){var t=app.sheet.get($(e));t.opened?t.close():t.open()},subscribe:function(e,n){$(e).on("sheet:open.f7SheetBinding sheet:close.f7SheetBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7SheetBinding")}}),Shiny.inputBindings.register(f7SheetBinding,"f7.sheet");var f7SliderBinding=new Shiny.InputBinding;$.extend(f7SliderBinding,{initialize:function(e){var n=$(e).attr("id"),t={};[].forEach.call(e.attributes,(function(e){if(/^data-/.test(e.name)){var n=e.name.substr(5).replace(/-(.)/g,(function(e,n){return n.toUpperCase()}));if(-1==["min","max","step","value","scaleSteps","scaleSubSteps","valueLeft","valueRight"].indexOf(n)){var a="true"==e.value;t[n]=a}else t[n]=parseFloat(e.value)}})),t.el="#"+n;app.range.create(t)},find:function(e){return $(e).find(".range-slider")},getValue:function(e){return app.range.get($(e)).value},setValue:function(e,n){app.range.setValue(e,n)},receiveMessage:function(e,n){var t=app.range.get($(e));if(n.hasOwnProperty("min")&&(t.min=n.min,t.updateScale()),n.hasOwnProperty("max")&&(t.max=n.max,t.updateScale()),n.hasOwnProperty("step")&&(t.step=n.step,t.updateScale()),n.hasOwnProperty("scaleSteps")&&(t.scaleSteps=n.scaleSteps,t.updateScale()),n.hasOwnProperty("scaleSubSteps")&&(t.scaleSubSteps=n.scaleSubSteps,t.updateScale()),n.hasOwnProperty("scale")&&(t.scale=n.scale),n.hasOwnProperty("value")){var a=n.value;$.isArray(a)?this.setValue(e,a):(t.dual=!1,t.updateScale(),this.setValue(e,a))}n.hasOwnProperty("color")&&($(e).removeClass((function(e,n){return(n.match(/(^|\s)color-\S+/g)||[]).join(" ")})),$(e).addClass("color-"+n.color))},subscribe:function(e,n){$(e).on("range:change.f7SliderBinding",(function(e){n(!0)}))},unsubscribe:function(e){$(e).off(".f7SliderBinding")},getRatePolicy:function(){return{policy:"debounce",delay:250}}}),Shiny.inputBindings.register(f7SliderBinding,"f7.range");var f7SmartSelectBinding=new Shiny.InputBinding;$.extend(f7SmartSelectBinding,{initialize:function(e){var n=$(e).attr("id"),t=$(e).children().eq(2);(t=JSON.parse(t.html())).el="#"+n,t.on={open:function(e){e.app.params.dark&&$(e.$containerEl).addClass("theme-dark")}};var a=app.smartSelect.create(t);this["smart-select-"+e.id]=a},find:function(e){return $(e).find(".smart-select")},getValue:function(e){return this["smart-select-"+e.id].getValue()},setValue:function(e,n){this["smart-select-"+e.id].setValue(n)},receiveMessage:function(e,n){n.config.on={open:function(e){e.app.params.dark&&$(e.$containerEl).addClass("theme-dark")}},n.hasOwnProperty("config")&&(this["smart-select-"+e.id].destroy(),n.config.el="#"+$(e).attr("id"),this["smart-select-"+e.id]=app.smartSelect.create(n.config)),n.hasOwnProperty("multiple")&&n.multiple&&(this["smart-select-"+e.id].destroy(),$(e).find("select").attr("multiple",""),n.config.el="#"+$(e).attr("id"),this["smart-select-"+e.id]=app.smartSelect.create(n.config)),n.hasOwnProperty("maxLength")&&(this["smart-select-"+e.id].destroy(),$(e).find("select").attr("maxLength",n.maxLength),n.config.el="#"+$(e).attr("id"),this["smart-select-"+e.id]=app.smartSelect.create(n.config));n.hasOwnProperty("choices")&&($(e).find("select").empty(),$.each(n.choices,(function(t){var a,i=n.choices[t];$(e).find("select").append("<option value = '"+(a=i)+"'>"+a+"</option>")}))),n.hasOwnProperty("selected")&&this.setValue(e,n.selected)},subscribe:function(e,n){$(e).on("change.f7SmartSelectBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7SmartSelectBinding")}}),Shiny.inputBindings.register(f7SmartSelectBinding,"f7.smartselect");var f7StepperBinding=new Shiny.InputBinding;$.extend(f7StepperBinding,{initialize:function(e){var n=$(e).attr("id"),t={};[].forEach.call(e.attributes,(function(e){if(/^data-/.test(e.name)){var n=e.name.substr(5).replace(/-(.)/g,(function(e,n){return n.toUpperCase()}));if(-1==["min","max","step","value","decimalPoint"].indexOf(n)){var a="true"==e.value;t[n]=a}else t[n]=parseFloat(e.value)}})),t.el="#"+n;app.stepper.create(t);if(!t.manualInputMode){var a=$(e).find("input");$(a).attr("readonly","")}},find:function(e){return $(e).find(".stepper")},getValue:function(e){return app.stepper.get($(e)).value},setValue:function(e,n){app.stepper.setValue(e,n)},increment:function(){app.stepper.increment()},decrement:function(){app.stepper.decrement()},receiveMessage:function(e,n){var t=app.stepper.get($(e));if(n.hasOwnProperty("min")&&(t.min=n.min,t.params.min=n.min),n.hasOwnProperty("max")&&(t.max=n.max,t.params.max=n.max),n.hasOwnProperty("wraps")&&(t.params.wraps=n.wraps),n.hasOwnProperty("decimalPoint")&&(t.decimalPoint=n.decimalPoint,t.params.decimalPoint=n.decimalPoint),n.hasOwnProperty("manual")){t.params.manualInputMode=n.manual;var a=$(e).find("input");n.manual?void 0!==$(a).attr("readonly")&&$(a).removeAttr("readonly"):$(a).attr("readonly","")}n.hasOwnProperty("step")&&(t.step=n.step,t.params.step=n.step),n.hasOwnProperty("autorepeat")&&(t.params.autorepeat=n.autorepeat,t.params.autorepeatDynamic=n.autorepeat),n.hasOwnProperty("rounded")&&(n.rounded?$(e).addClass("stepper-round"):$(e).removeClass("stepper-round")),n.hasOwnProperty("raised")&&(n.raised?$(e).addClass("stepper-raised"):$(e).removeClass("stepper-raised")),n.hasOwnProperty("color")&&($(e).removeClass((function(e,n){return(n.match(/(^|\s)color-\S+/g)||[]).join(" ")})),$(e).addClass("color-"+n.color)),n.hasOwnProperty("size")&&($(e).hasClass("stepper-small")||$(e).hasClass("stepper-large")?$(e).hasClass("stepper-small")&&"large"==n.size?($(e).removeClass("stepper-small"),$(e).addClass("stepper-large")):$(e).hasClass("stepper-large")&&"small"==n.size&&($(e).addClass("stepper-small"),$(e).removeClass("stepper-large")):"small"==n.size?$(e).addClass("stepper-small"):"large"==n.size&&$(e).addClass("stepper-large")),n.hasOwnProperty("value")&&(this.setValue(e,n.value),t.params.value=n.value)},subscribe:function(e,n){$(e).on("stepper:change.f7StepperBinding",(function(t){app.stepper.get($(e)).params.autorepeat?n(!0):n()}))},unsubscribe:function(e){$(e).off(".f7StepperBinding")},getRatePolicy:function(){return{policy:"debounce",delay:500}}}),Shiny.inputBindings.register(f7StepperBinding,"f7.stepper");var f7TabsBinding=new Shiny.InputBinding;$.extend(f7TabsBinding,{find:function(e){return $(e).find(".tabs")},getValue:function(e){var n;return n=$(e).hasClass("standalone")?$(e).find(".tab-active"):$(e).find(".page-content.tab-active"),$(n).data("hidden")?$(".tab-link-highlight").hide():$(".tab-link-highlight").show(),void 0!==$(n).attr("data-value")?$(n).attr("data-value"):null},receiveMessage:function(e,n){n.hasOwnProperty("selected")&&app.tab.show("#"+n.ns+"-"+n.selected)},subscribe:function(e,n){$(e).on("tab:show.f7TabsBinding",(function(t){$(e).trigger("shown"),n()}))},unsubscribe:function(e){$(e).off(".f7TabsBinding")}}),Shiny.inputBindings.register(f7TabsBinding,"f7.tabs");var f7ToggleBinding=new Shiny.InputBinding;$.extend(f7ToggleBinding,{initialize:function(e){app.toggle.create({el:e})},find:function(e){return $(e).find(".toggle")},getValue:function(e){return app.toggle.get($(e)).checked},setValue:function(e,n){app.toggle.get($(e)).checked=n},receiveMessage:function(e,n){n.hasOwnProperty("checked")&&this.setValue(e,n.checked),n.hasOwnProperty("color")&&($(e).removeClass((function(e,n){return(n.match(/(^|\s)color-\S+/g)||[]).join(" ")})),$(e).addClass("color-"+n.color))},subscribe:function(e,n){$(e).on("toggle:change.f7ToggleBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7ToggleBinding")}}),Shiny.inputBindings.register(f7ToggleBinding,"f7.toggle");var f7VirtualListBinding=new Shiny.InputBinding;$.extend(f7VirtualListBinding,{decodeHTML:function(e){var n=document.createElement("textarea");return n.innerHTML=e,n.value},initialize:function(e){var n,t=$(e).attr("id"),a=$(e).find("script[data-for='"+t+"']");for(var i of((a=JSON.parse(a.html())).el="#"+t,a.items))i.media.length>0&&(i.media='<div class="item-media">'+this.decodeHTML(i.media)+"</div>");n=void 0===a.items[0].url?'<li><div class="item-content">{{media}}<div class="item-inner"><div class="item-title-row"><div class="item-title"><div class="item-header">{{header}}</div>{{title}}<div class="item-footer">{{footer}}</div></div><div class="item-after">{{right}}</div></div><div class="item-subtitle">{{subtitle}}</div><div class="item-text">{{content}}</div></div></div></li>':'<li><a class="item-link item-content external" href="url" target="_blank">{{media}}<div class="item-inner"><div class="item-title-row"><div class="item-title"><div class="item-header">{{header}}</div>{{title}}<div class="item-footer">{{footer}}</div></div><div class="item-after">{{right}}</div></div><div class="item-subtitle">{{subtitle}}</div><div class="item-text">{{content}}</div></div></a></li>',a.itemTemplate=n,a.searchAll=function(e,n){for(var t=[],a=0;a<n.length;a++)(n[a].title.toLowerCase().indexOf(e.toLowerCase())>=0||""===e.trim())&&t.push(a);return t},a.height=void 0!==a.items[0].media?"ios"===app.theme?112:"md"===app.theme?132:78:"ios"===app.theme?63:"md"===app.theme?73:46,app.virtualList.create(a)},find:function(e){return $(e).find(".virtual-list")},getValue:function(e){var n=app.virtualList.get($(e));return{length:n.items.length,current_from:n.currentFromIndex+1,current_to:n.currentToIndex+1,reach_end:n.reachEnd}},setValue:function(e,n){var t=app.virtualList.get($(e));t.resetFilter();var a=function(e){var n;if(void 0===e.length)n=`<div class="item-media">${e.media}</div>`,e.media=n;else for(var t=0;t<e.length;t++)n=`<div class="item-media">${e[t].media}</div>`,e[t].media=n;return e};switch(n.action){case"appendItem":t.appendItem(a(n.item));break;case"prependItem":t.prependItem(a(n.item));break;case"appendItems":t.appendItems(a(n.items));break;case"prependItems":t.prependItems(a(n.items));break;case"replaceItem":t.replaceItem(n.index,n.item);break;case"replaceAllItems":t.replaceAllItems(n.items);break;case"moveItem":t.moveItem(n.oldIndex,n.newIndex);break;case"insertItemBefore":t.insertItemBefore(n.index,a(n.item));break;case"filterItems":t.filterItems(n.indexes);break;case"deleteItem":t.deleteItem(n.index);break;case"deleteAllItems":t.deleteAllItems(n.indexes);break;case"scrollToItem":t.scrollToItem(n.index)}$(e).trigger("change")},receiveMessage:function(e,n){this.setValue(e,n)},subscribe:function(e,n){$(e).on("change.f7VirtualListBinding",(function(e){n()}))},unsubscribe:function(e){$(e).off(".f7VirtualListBinding")}}),Shiny.inputBindings.register(f7VirtualListBinding,"f7.virtuallist");
 //# sourceMappingURL=shinyMobile.min.js.map
diff --git a/inst/shinyMobile-1.0.0/js/shinyMobile.min.js.map b/inst/shinyMobile-1.0.0/js/shinyMobile.min.js.map
index cd706859..a121da90 100644
--- a/inst/shinyMobile-1.0.0/js/shinyMobile.min.js.map
+++ b/inst/shinyMobile-1.0.0/js/shinyMobile.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["init.js","app.js","actionSheetInputBinding.js","autoCompleteInputBinding.js","buttonInputBinding.js","cardInputBinding.js","collapsibleInputBinding.js","colorPickerInputBinding.js","dateInputBinding.js","datePickerInputBinding.js","fabsInputBinding.js","loginInputBinding.js","menuInputBinding.js","messageBarInputBinding.js","messagesInputBinding.js","panelInputBinding.js","panelMenuInputBinding.js","pickerInputBinding.js","radioInputBinding.js","selectInputBinding.js","sheetInputBinding.js","sliderInputBinding.js","smartSelectBinding.js","stepperInputBinding.js","tabsInputBinding.js","toggleInputBinding.js","virtualListBinding.js"],"names":["$","config","document","find","JSON","parse","html","isPWA","attr","root","serviceWorker","path","window","location","pathname","scope","methods","toggleDarkTheme","this","toggleClass","data","popovers","tooltips","actions","app","Framework7","mainView","views","create","hasOwnProperty","dark","device","desktop","prop","appendTo","colorCSS","utils","colorThemeCSSProperties","color","filled","addClass","deferredPrompt","installToast","toast","position","text","on","e","preventDefault","originalEvent","open","nextTick","close","prompt","userChoice","then","result","console","log","event","hide","reconnectToast","icon","Shiny","setInputValue","shinyapp","type","binding","undefined","name","split","value","standalone","css","height","width","length","params","closest","remove","addCustomMessageHandler","message","cl","effect","target","duration","setTimeout","removeClass","ran","skeletonsOnLoad","skeletonTargets","hasClass","preloader","dialog","el","isSplitLayout","extend","instanceFamily","property","id","oldInstance","oldConfig","newConfig","options","destroy","newInstance","uiWidgets","widgets","concat","handleTabLinkHighlight","segment_width","tabs","tabsClasses","i","push","className","translate_rate","idx","indexOf","append","activateWidget","widget","each","$el","insertAfter","unbindAll","initializeInputs","bindAll","forEach","w","popoverIds","getAllPopoverIds","index","popover","targetEl","content","p","t","tooltip","show","get","action","setText","cachedTooltip","Object","assign","pars","alert","title","confirm","callbackOk","callbackCancel","login","username","password","user","callback","Function","tabIds","getAllTabSetIds","tabId","ns","newTab","tab","children","select","prepend","link","insertBefore","renderContent","deps","oldLink","replaceWith","querySelector","swiper","update","tabToRemove","linkToRemove","otherLinks","not","next","prev","nextTabId","gauge","activateAllProgress","progress","parseInt","progressbar","set","animate","navbar","hideStatusbar","$navbar","buttonsId","buttons","element","defineProperty","setButtonInput","writable","opened","closed","a","ptrLoader","ptr","done","infoTag","pattern","error","info","parent","showIn","hideIn","priority","swipeout","f7ActionSheetBinding","InputBinding","setSource","query","render","results","vals","toLowerCase","getValue","receiveMessage","subscribe","unsubscribe","inputBindings","register","f7AutoCompleteBinding","initialize","call","attributes","test","camelCaseName","substr","replace","$0","$1","toUpperCase","isTrueSet","openIn","inputEl","openerEl","choices","source","change","trigger","autocomplete","val","setValue","_setChoices","off","f7ButtonInputBinding","getType","getState","match","join","isFilled","fill","isOutline","outline","isRaised","shadow","isRounded","rounded","isLarge","isSmall","size","label","f7CardBinding","card","toggle","f7CollapsibleBinding","accordionId","items","state","titles","selected","accordion","f7ColorPickerBinding","colorPicker","targetElSetBackgroundColor","modules","colorPickerModules","sliderValue","colorPickerSliderValue","sliderValueEditable","colorPickerSliderValueEditable","sliderLabel","colorPickerSliderLabel","hexLabel","colorPickerHexLabel","hexValueEditable","colorPickerHexValueEditable","groupedModules","colorPickerGroupedModules","palette","colorPickerPalettes","hex","colorPickerValue","ID","getElementById","f7DateBinding","getRatePolicy","policy","delay","f7DatePickerBinding","Date","calendar","tmpDate","UTC","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","dates","tmpdate","f7FabsBinding","fab","f7LoginBinding","l","loginScreen","f7MenuBinding","menu","f7MessageBarBinding","messagebar","setState","sendLink","setPlaceholder","placeholder","clear","focus","f7MessagesBinding","firstMessageRule","previousMessage","nextMessage","isTitle","lastMessageRule","tailMessageRule","messages","responseInProgress","showTyping","who","pop","header","addMessages","hideTyping","f7PanelBinding","panel","side","f7PanelMenuBinding","firstPanelId","first","panelActiveId","activeTab","f7PickerBinding","cols","textAlign","values","picker","f7Picker","displayValue","rotateEffect","scrollToInput","closeByOutsideClick","toolbar","toolbarCloseText","sheetSwipeToClose","$escape","updateLabel","labelTxt","labelNode","Error","isArray","radioInputBinding","checked_items","$objs","Array","_getLabel","_getLabelNode","siblings","obj","parentNode","tagName","trim","_setLabel","f7SelectBinding","f7SheetBinding","sheet","s","f7SliderBinding","parseFloat","range","r","min","updateScale","max","step","scaleSteps","scaleSubSteps","scale","dual","f7SmartSelectBinding","eq","$containerEl","ss","smartSelect","multiple","maxLength","empty","temp","f7StepperBinding","stepper","manualInputMode","inputTarget","increment","decrement","wraps","decimalPoint","manual","removeAttr","autorepeat","autorepeatDynamic","raised","f7TabsBinding","f7ToggleBinding","checked","f7VirtualListBinding","decodeHTML","txt","createElement","innerHTML","template","item","media","url","itemTemplate","searchAll","found","theme","virtualList","vl","current_from","currentFromIndex","current_to","currentToIndex","reach_end","reachEnd","resetFilter","addImageWrapper","appendItem","prependItem","appendItems","prependItems","replaceItem","replaceAllItems","moveItem","oldIndex","newIndex","insertItemBefore","filterItems","indexes","deleteItem","deleteAllItems","scrollToItem"],"mappings":"AAAAA,GAAE,WAEA,IAAIC,EAASD,EAAEE,UAAUC,KAAK,0BAC9BF,EAASG,KAAKC,MAAMJ,EAAOK,QAG3B,IAAIC,EAAuC,SAA/BP,EAAE,QAAQQ,KAAK,YA6D3B,GAzDAP,EAAOQ,KAAO,OAGVF,IACFN,EAAOS,cAAgB,CACrBC,KAAMC,OAAOC,SAASC,SAAW,oBACjCC,MAAOH,OAAOC,SAASC,WAK3Bb,EAAOe,QAAW,CACdC,gBAAiB,WACJC,KACMlB,EAAE,cACbmB,YAAY,gBAIxBlB,EAAOmB,KAAO,WACZ,MAAO,CACLC,SAAU,GACVC,SAAU,GACVC,QAAS,KAKbC,IAAM,IAAIC,WAAWxB,GAGrByB,SAAWF,IAAIG,MAAMC,OAAO,cAGvB3B,EAAO4B,eAAe,UAAS5B,EAAO6B,MAAO,GAC9C7B,EAAO6B,MACTN,IAAIR,QAAQC,kBAITO,IAAIO,OAAOC,SACdhC,EAAE,WACCiC,KAAK,OAAQ,YACb3B,KACC,uQASD4B,SAAS,QAIVjC,EAAO4B,eAAe,SAAU,CAClC,IAAIM,EAAWX,IAAIY,MAAMC,wBAAwBpC,EAAOqC,OACxDtC,EAAE,WACCiC,KAAK,OAAQ,YACb3B,KACC,sCACoB6B,EAAS,uDACLA,EAAS,6DACPA,EAAS,8DACVA,EAAS,sCAGnCD,SAAS,QAKd,GADKjC,EAAO4B,eAAe,YAAW5B,EAAOsC,QAAS,GAClDtC,EAAOsC,OAAQ,CA+CjBvC,EAAE,WACCiC,KAAK,OAAQ,YACb3B,KAAK,0hDACL4B,SAAS,QAUd,GAJAlC,EAAE,QAAQwC,SAASvC,EAAOqC,OAC1BtC,EAAE,QAAQQ,KAAK,SAAUP,EAAOsC,QAG5BhC,EAAO,CAET,IAKIkC,EALAC,EAAelB,IAAImB,MAAMf,OAAO,CAClCgB,SAAU,SACVC,KAAM,yFAKR7C,EAAEY,QAAQkC,GAAG,sBAAwBC,IAEnCA,EAAEC,iBAEFP,EAAiBM,EAAEE,cAEnBP,EAAaQ,SAMf1B,IAAIY,MAAMe,UAAS,WACjBnD,EAAE,mBAAmB8C,GAAG,SAAS,WAE/BJ,EAAaU,QACRX,IAKLA,EAAeY,SAEfZ,EAAea,WAAWC,KAAMC,IAC9BC,QAAQC,IAAI,KAAM,aAAcF,GAGhCf,EAAiB,aAGpB,SCvLPzC,GAAE,WAUAA,EAAEE,UAAU4C,GAAG,sBAAsB,SAASa,GAE5C3D,EAAE,sBAAsB4D,OACxB5D,EAAE,eAAe4D,OAEjB,IAAIC,EAAiBrC,IAAImB,MACtBf,OAAO,CACNkC,KAAM,yCACNlB,SAAU,SACVC,KACE,mQAEHK,OAGHlD,EAAE,iBAAiB8C,GAAG,SAAS,WAC7Be,EAAeT,cAMnBpD,EAAEE,UAAU4C,GAAG,4BAA4B,SAASa,GAClDI,MAAMC,cAAc,YAAaD,MAAME,SAAShE,WAIlDD,EAAEE,UAAU4C,GAAG,sBAAsB,SAASa,GAC5C,IAAIO,EACkB,OAAlBP,EAAMQ,UACRD,OAA+BE,IAAvBT,EAAMQ,QAAQE,KAAsBV,EAAMQ,QAAQE,KAAKC,MAAM,KAAK,GAAK,KAC/EP,MAAMC,cAAc,mBAAoB,CACtCK,KAAMV,EAAMU,KACZE,MAAOZ,EAAMY,MACbL,KAAMA,QAMZlE,EAAEE,UAAU4C,GAAG,mBAAmB,SAASa,GACzCI,MAAMC,cAAc,aAAcvC,WAAWM,WAK3CN,WAAWM,OAAOyC,aACpBxE,EAAE,cAAcyE,IAAI,CAAEC,OAAQ,QAASC,MAAO,UAC1C3E,EAAE,WAAW4E,OAAS,GACxB5E,EAAE,YAAYyE,IAAI,gBAAiB,SAQnCjD,IAAIqD,OAAOtC,QAAUf,IAAIqD,OAAO/C,MAAoC,YAA5B9B,EAAE,QAAQQ,KAAK,UACzDR,EAAE,2BACCG,KAAK,KACLqC,SAAS,eAIdxC,EAAE,gBAAgB8C,GAAG,SAAS,WAC5B9C,EAAEkB,MAAM4D,QAAQ,SAASC,YA8B3B,GAhBAhB,MAAMiB,wBAAwB,gBAAgB,SAASC,GACrD,IAAIC,EAAK,iCAAmCD,EAAQE,OACpDnF,EAAEiF,EAAQG,QAAQ5C,SAAS0C,QACFd,IAArBa,EAAQI,SACVC,YAAW,WACTtF,EAAEiF,EAAQG,QAAQG,YAAYL,KACV,IAAnBD,EAAQI,UAEXrF,EAAEE,UAAU4C,GAAG,cAAc,WAC3B9C,EAAEiF,EAAQG,QAAQG,YAAYL,SAMpCtE,OAAO4E,KAAM,EACThE,IAAIqD,OAAOY,gBAAiB,CAC9B,MAAMC,EAAkB,CAAC,gBAAiB,UAAW,YACrD1F,EAAEE,UAAU4C,GAAG,mBAAmB,SAASa,GACzC2B,YAAW,WACT,GAAItF,EAAE,QAAQ2F,SAAS,cACrB,IAAKP,UAAUM,EACb1F,EAAEoF,QAAQ5C,SAhCE,wCAmCf,OAELxC,EAAEE,UAAU4C,GAAG,cAAc,SAASa,GACpC,IAAI/C,OAAO4E,IACT,IAAKJ,UAAUM,EACb1F,EAAEoF,QAAQG,YAxCI,sCA2ClB3E,OAAO4E,KAAM,KAKjB,GAAIhE,IAAIqD,OAAOe,UAAW,CACxB,MAAMA,EAAYpE,IAAIqE,OAAOD,YAEzBpE,IAAIqD,OAAO/C,MACb9B,EAAE4F,EAAUE,IAAItD,SAAS,cAE3BxC,EAAEE,UAAU4C,GAAG,cAAc,SAASa,GAChC/C,OAAO4E,KACThE,IAAIqE,OAAOzC,QAEbxC,OAAO4E,KAAM,KAOjBO,cAAgB/F,EAAE,QAAQ2F,SAAS,gBAC/BnE,IAAIqD,OAAO/C,MAEb9B,EAAE,QAAQwC,SAAS,QAEfuD,eACE/F,EAAE,eAAe2F,SAAS,gBAC5B3F,EAAE,eACCuF,YAAY,eACZ/C,SAAS,cAGhBxC,EAAE,WAAWwC,SAAS,gBAGtBxC,EAAE,QAAQwC,SAAS,SAEfuD,eACE/F,EAAE,eAAe2F,SAAS,eAC5B3F,EAAE,eACCuF,YAAY,cACZ/C,SAAS,gBAQM,GADRxC,EAAE,cACJ4E,QACZ5E,EAAE,SAASwC,SAAS,uBAItBuB,MAAMiB,wBAAwB,cAAc,SAASC,GAEnDzD,IAAIY,MAAM4D,OAAOxE,IAAIqD,OAAQI,MAG/BlB,MAAMiB,wBAAwB,iBAAiB,SAASC,GAGtD,IAAIgB,EACJ,IAAK,MAAMC,KAAY1E,IAAIJ,KACzB,IAAK,MAAM2B,KAAKvB,IAAIJ,KAAK8E,GACnBnD,IAAMkC,EAAQkB,KAChBF,EAAiBC,GAKvB,IAAIE,EAAc5E,IAAIJ,KAAK6E,GAAgBhB,EAAQkB,IAC/CE,EAAYD,EAAYvB,OACxByB,EAAY9E,IAAIY,MAAM4D,OAAOK,EAAYpB,EAAQsB,SAGrDH,EAAYI,UAEZ,IAAIC,EAAcjF,IAAIyE,GAAgBrE,OAAO0E,GAE7C9E,IAAIJ,KAAK6E,GAAgBhB,EAAQkB,IAAMM,KAUzC,MAAMC,EAAY,CAAC,QAAS,SAAU,aAGhCC,EAAUD,EAAUE,OAFJ,CAAC,QAAS,eAAgB,eAAgB,QAAS,cA8QzE,SAASC,IACP7G,EAAE,uBAAuB+E,SAEzB,IAAI+B,EAAgB,IAAM9G,EAAE,sBAAsB4E,OAE9CmC,EAAO/G,EAAE,sBACTgH,EAAc,GAClB,IAAKC,EAAG,EAAGA,EAAEF,EAAKnC,OAAQqC,IACxBD,EAAYE,KAAKH,EAAKE,GAAGE,WAE3B,IACIC,EADAC,EAAML,EAAYM,QAAQ,4BAK5BF,GADW,IAATC,EACe,EAEM,IAANA,EAAY,IAI/BrH,EAAE,kBAAkBuH,OAClB,kDACET,EACA,6BAA+BM,EAAiB,yBAjStDI,eAAiB,SAASC,GAEpBf,EAAUY,QAAQG,IAAW,EAC/BzH,EAAE,IAAMyH,GAAQC,MAAK,WACnB,IAAIC,EAAM3H,EAAEkB,MACRjB,EAASD,EAAEE,UAAUC,KACvB,oBAAsBwH,EAAInH,KAAK,MAAQ,OAEzCP,EAASG,KAAKC,MAAMJ,EAAOK,SAEpBwF,GAAK,IAAM6B,EAAInH,KAAK,MAG3BgB,IAAIiG,GAAQ7F,OAAO3B,MAMrB8D,MAAMiB,wBAAwByC,GAAQ,SAASxC,GAC9B,cAAXwC,GAEFzH,EAAE,+BAAoCiF,EAAQa,GAAK,YAChD8B,YAAY5H,EAAE,YAGnBiF,EAAQnC,GAAK,CACXI,KAAM,SAASkC,QACMhB,IAAfa,EAAQkB,IAAkBpC,MAAMC,cAAciB,EAAQkB,IAAI,GAC1Df,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOU,IAAItD,SAAS,cAtPhCuB,MAAM8D,YACN9D,MAAM+D,mBACN/D,MAAMgE,WAwPA3E,MAAO,gBACcgB,IAAfa,EAAQkB,IAAkBpC,MAAMC,cAAciB,EAAQkB,IAAI,KAGnD,cAAXsB,GACFxC,EAAQa,GAAK,IAAMb,EAAQa,GAC3BtE,IAAIiG,GAAQ7F,OAAOqD,IAEnBzD,IAAIiG,GAAQ7F,OAAOqD,GAAS/B,WAOpCyD,EAAQqB,SAAQ,SAASC,GACvBT,eAAeS,MAKjBC,WAAa,GACbC,iBAAmB,WAEjBnI,EAAE,kBAAkB0H,MAAK,WACvBQ,WAAWhB,KAAKlH,EAAEkB,MAAMV,KAAK,qBAKjC2H,mBAEAD,WAAWF,SAAQ,SAASI,GAC1BrE,MAAMiB,wBAAwBoD,GAAO,SAASnD,GAE5CA,EAAQnC,GAAK,CACXI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOU,IAAItD,SAAS,gBAI5B,IAAI6F,EAAU7G,IAAI6G,QAAQzG,OAAO,CAC/B0G,SAAU,oBAAsBF,EAAQ,KACxCG,QACE,sEAGAtD,EAAQsD,QACR,uBAIJvI,EAAE,oBAAsBoI,EAAQ,MAAMtF,GAAG,SAAS,WAChDuF,EAAQnF,gBAOda,MAAMiB,wBAAwB,eAAe,SAASC,GAGpD,QAA4Cb,IAAxC5C,IAAIJ,KAAKC,SAAS4D,EAAQqD,WAE5B,IAAKtI,EAAEiF,EAAQqD,UAAU3C,SAAS,oBAAqB,CAErDV,EAAQsD,QAAU,uJAIOtD,EAAQsD,4DAMjCtD,EAAQnC,GAAK,CACXI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOU,IAAItD,SAAS,gBAM5B,IAAIgG,EAAIhH,IAAI6G,QAAQzG,OAAOqD,GAE3BuD,EAAEtF,OAEF1B,IAAIJ,KAAKC,SAAS4D,EAAQqD,UAAYE,QAInCxI,EAAEiF,EAAQqD,UAAU3C,SAAS,qBAChCnE,IAAIJ,KAAKC,SAAS4D,EAAQqD,UAAUpF,UAM1Ca,MAAMiB,wBAAwB,kBAAkB,SAASC,GAEvDjF,EAAEiF,GAAS9D,YAAY,uBAKzB4C,MAAMiB,wBAAwB,eAAe,SAASC,GAGpD,QAA4Cb,IAAxC5C,IAAIJ,KAAKE,SAAS2D,EAAQqD,UAAyB,CAErD,IAAIG,EAAIjH,IAAIkH,QAAQ9G,OAAOqD,GAE3BwD,EAAEE,OAEFnH,IAAIJ,KAAKE,SAAS2D,EAAQqD,UAAYG,MAI1C1E,MAAMiB,wBAAwB,kBAAkB,SAASC,GACvD,QAA4Cb,IAAxC5C,IAAIJ,KAAKE,SAAS2D,EAAQqD,UAAyB,CAErD,IAAIG,EAAIjH,IAAIkH,QAAQE,IAAI3D,EAAQqD,UAChC,GAAuB,WAAnBrD,EAAQ4D,OACNJ,GACFA,EAAEK,QAAQ7D,EAAQpC,WAEf,GAAuB,WAAnBoC,EAAQ4D,OACjB,GAAIJ,EAAG,CAEL,IAAIM,EAAgBC,OAAOC,OAAO,GAAIR,GAEtCjH,IAAIJ,KAAKE,SAAS2D,EAAQqD,UAAYS,EAEtCN,EAAEjC,cACG,CAEL,IAAI0C,EAAO1H,IAAIJ,KAAKE,SAAS2D,EAAQqD,UAAUzD,OAE/C4D,EAAIjH,IAAIkH,QAAQ9G,OAAOsH,GACvB1H,IAAIJ,KAAKE,SAAS2D,EAAQqD,UAAYG,OAQ9C1E,MAAMiB,wBAAwB,UAAU,SAASC,GAC/C,IAIIY,EAJA3B,EAAOe,EAAQf,KAGfrB,EAAO,uDAAuDoC,EAAQpC,aAE1E,OAAQqB,GACN,IAAK,QACH2B,EAASrE,IAAIqE,OAAOsD,MAAMtG,EAAMoC,EAAQmE,MAAOnE,EAAQnC,IACvD,MACF,IAAK,UACH+C,EAASrE,IAAIqE,OACVwD,QACExG,EAAOA,EACPuG,MAAQnE,EAAQmE,MAChBE,WAAa,WACZvF,MAAMC,cAAciB,EAAQkB,IAAI,IAEjCoD,eAAiB,WAChBxF,MAAMC,cAAciB,EAAQkB,IAAI,KAGnCjD,KAAKa,MAAMC,cAAciB,EAAQkB,GAAI,OAExC,MACF,IAAK,SACHN,EAAUrE,IAAIqE,OACXxC,OACER,EAAOA,EACPuG,MAAQnE,EAAQmE,MAChBE,WAAa,SAAS/E,GACrBR,MAAMC,cAAciB,EAAQkB,GAAI5B,IAEjCgF,eAAiB,WAChBxF,MAAMC,cAAciB,EAAQkB,GAAI,QAGnCjD,KAAKa,MAAMC,cAAciB,EAAQkB,GAAI,OACxC,MACF,IAAK,QACHN,EAASrE,IAAIqE,OACV2D,MACE3G,EAAOA,EACPuG,MAAQnE,EAAQmE,MAChBE,WAAa,SAASG,EAAUC,GAC/B3F,MAAMC,cAAciB,EAAQkB,GAAI,CAC9BwD,KAAMF,EACNC,SAAUA,KAGbH,eAAiB,WAChBxF,MAAMC,cAAciB,EAAQkB,GAAI,QAGnCjD,KAAKa,MAAMC,cAAciB,EAAQkB,GAAI,OACxC,MACF,QACE1C,QAAQC,IAAI,IAGZlC,IAAIqD,OAAO/C,MACb9B,EAAE6F,EAAOC,IAAItD,SAAS,iBAK1BuB,MAAMiB,wBAAwB,WAAW,SAASC,GAChD,IAAI2E,EAAW,IAAIC,SAAS,WAAY5E,EAAQ2E,SAAU,KAC1D5J,EAAEiF,EAAQG,QAAQtC,GAAG,WAAW,WAC9B8G,UAuCJ,IAAIE,EAAS,GA4Ub,GA3UAC,gBAAkB,WAChB/J,EAAE,mBAAmB0H,MAAK,WACxBoC,EAAO5C,KAAKhG,KAAKiF,QAKrB4D,kBAGAD,EAAO9B,SAAQ,SAASI,GACtB,IAAIjC,EAAK,UAAYiC,EACrBrE,MAAMiB,wBAAwBmB,GAAI,SAASlB,GAEzC,IAAI+E,EAEFA,OADqB5F,IAAnBa,EAAQG,OACFpF,EAAE,IAAMiF,EAAQgF,IAEhBjK,EAAE,IAAMiF,EAAQgF,GAAK,IAAMhF,EAAQG,QAG7C,IAII8E,EAJAC,EAAMnK,EAAEiF,EAAQV,MAAMjE,MA+D1B,GA1DIN,EAAEgK,GAAOrE,SAAS,iBAEpBuE,EAASlK,EAAEmK,GAAK3H,SAAS,gBAGvBxC,EAAE,aACCoK,SAAS,GACTzE,SAAS,cAEZ3F,EAAEkK,GAAQ3E,YAAY,gBAGD,SAAnBN,EAAQoF,QACVrK,EAAEkK,GAAQ1H,SAAS,wBAGrB0H,EAASlK,EAAEmK,QAIU/F,IAAnBa,EAAQG,QAEVpF,EAAEgK,GAAOzC,OAAO2C,GAEhBlK,EAAE,4BAA4BsK,QAAQrF,EAAQsF,OAErB,UAArBtF,EAAQrC,UAEV5C,EAAEkK,GAAQtC,YAAY5H,EAAEgK,IAExBhK,EAAEiF,EAAQsF,MAAM3C,YACd5H,EACE,0BAA4BiF,EAAQgF,GAAK,IAAMhF,EAAQG,OAAS,QAGtC,WAArBH,EAAQrC,WAEjB5C,EAAEkK,GAAQM,aAAaxK,EAAEgK,IAEzBhK,EAAEiF,EAAQsF,MAAMC,aACdxK,EACE,0BAA4BiF,EAAQgF,GAAK,IAAMhF,EAAQG,OAAS,QASxErB,MAAM0G,cACJN,EAAI,GACJ,CAAC7J,KAAM6J,EAAI7J,OAAQoK,KAAMzF,EAAQV,MAAMmG,OAOvC1K,EAAE,aACCoK,SAAS,GACTzE,SAAS,aACZ,CACA,IACIgF,EAAU3K,EAAE,0BAA4BiF,EAAQkB,GAAK,MAC/CnG,EAAE2K,GAASC,YACnB,8CACE3F,EAAQkB,GACR,KACAnG,EAAE2K,GAASrK,OACX,aAKFN,EAAEgK,GAAOrE,SAAS,iBAEPzF,SAAS2K,cAAc,qBAAqBC,OAClDC,SAIc,SAAnB9F,EAAQoF,QAEV7I,IAAI2I,IAAIxB,KAAK,IAAM1D,EAAQkB,IAAI,GAM9BnG,EAAE,aACAoK,SAAS,GACTzE,SAAS,cAEZkB,UAMNiD,EAAO9B,SAAQ,SAASI,GACtB,IAAIjC,EAAK,UAAYiC,EACrBrE,MAAMiB,wBAAwBmB,GAAI,SAASlB,GAEzC,IAAI+F,EAAchL,EAAE,IAAMiF,EAAQgF,GAAK,IAAMhF,EAAQG,QAQrD,GAJApF,EAAE,mBAAmByE,IAAI,YAAa,IAKnCzE,EAAE,aACAoK,SAAS,GACTzE,SAAS,aASP,CACL,IAAIsF,EAAejL,EACjB,+BACEiF,EAAQgF,GACR,IACAhF,EAAQG,OACR,MAEA8F,EAAalL,EAAE,oBAAoBmL,IACrC,eAAiBlG,EAAQgF,GAAK,IAAMhF,EAAQG,OAAS,MAEjB,IAAlCpF,EAAEiL,GAAcG,OAAOxG,OACpB5E,EAAEkL,GAAYvF,SAAS,oBAC1B3F,EAAEiL,GACCI,OACA7I,SAAS,mBAGTxC,EAAEkL,GAAYvF,SAAS,oBAC1B3F,EAAEiL,GACCG,OACA5I,SAAS,mBAGhBxC,EAAEiL,GAAclG,cA/BhB/E,EACE,+BACEiF,EAAQgF,GACR,IACAhF,EAAQG,OACR,MACFL,UA6BJ/E,EAAE,IAAMiF,EAAQgF,GAAK,IAAMhF,EAAQG,QAAQL,SAGvC/E,EAAEgL,GAAarF,SAAS,kBAEbzF,SAAS2K,cAAc,qBAAqBC,OAClDC,SAIT,IAAIO,EAAYtL,EAAEgL,GACfI,OACA5K,KAAK,MACRgB,IAAI2I,IAAIxB,KAAK,IAAM2C,GAKhBtL,EAAE,aACAoK,SAAS,GACTzE,SAAS,cAEZkB,UAON9C,MAAMiB,wBAAwB,gBAAgB,SAASC,GACrD,IAAIa,EAAK,IAAMb,EAAQkB,GACvB3E,IAAI+J,MAAM3C,IAAI9C,GAAIiF,OAAO9F,MAK3BuG,oBAAsB,WACpBxL,EAAE,gBAAgB0H,MAAK,WACrB,IAAI5B,EAAK,IAAM9F,EAAEkB,MAAMV,KAAK,MACxBiL,EAAWC,SAAS1L,EAAEkB,MAAMV,KAAK,kBAErCgB,IAAImK,YAAYhD,KAAK7C,EAAI2F,OAI7BD,sBAGAzH,MAAMiB,wBAAwB,mBAAmB,SAASC,GACxDzD,IAAImK,YAAYC,IAAI,IAAM3G,EAAQkB,GAAIlB,EAAQwG,aAKhD1H,MAAMiB,wBAAwB,eAAe,SAASC,GAEhDA,EAAQ4G,QAEZrK,IAAIsK,OAAOnD,KAAK,UAAsB1D,EAAQ4G,YAIhD9H,MAAMiB,wBAAwB,eAAe,SAASC,GACpD,IAAI4G,EACAE,EAC2BF,EAAR,QAAnB5G,EAAQ4G,QAEyBE,EAAR,QAAzB9G,EAAQ8G,cAEZvK,IAAIsK,OAAOlI,KACT,UACCiI,EAAUA,EACVE,EAAgBA,MAKrBhI,MAAMiB,wBAAwB,iBAAiB,SAASC,GACtD+G,QAAUhM,EAAE,WACGgM,QAAQrG,SAAS,iBAE9BnE,IAAIsK,OAAOnD,KAAK,UAAWkD,QAAU5G,EAAQ4G,SAE7CrK,IAAIsK,OAAOlI,KAAK,UAAWiI,QAAU5G,EAAQ4G,QAASE,cAAgB9G,EAAQ8G,kBAKlFhI,MAAMiB,wBAAwB,gBAAgB,SAASC,GAErD,QAAqCb,IAAjC5C,IAAIJ,KAAKG,QAAQ0D,EAAQkB,IAAmB,CAC9C,IAAI8F,EAAYhH,EAAQkB,GAAK,UAkB7BlB,EAAQiH,QAAQlE,SAThB,SAAoBmE,EAAS/D,GAC3BY,OAAOoD,eAAeD,EAAS,UAAW,CACxC5H,MAAO,YAPX,SAAwB6D,GACtBrE,MAAMC,cAAciI,EAAW7D,GAO3BiE,CAAejE,EAAQ,IAEzBkE,UAAU,OAOdrH,EAAQnC,GAAK,CACXI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOU,IAAItD,SAAS,eAG1B+J,OAAQ,WACNxI,MAAMC,cAAciB,EAAQkB,IAAI,IAElCqG,OAAQ,WACNzI,MAAMC,cAAciB,EAAQkB,IAAI,GAEhCpC,MAAMC,cAAciI,EAAW,QAKnC,IAAIQ,EAAIjL,IAAID,QAAQK,OAAOqD,GAC3BwH,EAAEvJ,OAEF1B,IAAIJ,KAAKG,QAAQ0D,EAAQkB,IAAMsG,OAG/BjL,IAAIJ,KAAKG,QAAQ0D,EAAQkB,IAAIjD,UAKjCa,MAAMiB,wBAAwB,uBAAuB,SAASC,GAE5DzD,IAAIJ,KAAKG,QAAQ0D,EAAQkB,IAAIK,UAE7B,IAAIiG,EAAIjL,IAAID,QAAQK,OAAOqD,GAE3BzD,IAAIJ,KAAKG,QAAQ0D,EAAQkB,IAAMsG,KAOE,SAA/BzM,EAAE,QAAQQ,KAAK,YAAwB,CACzC,MAAMkM,EAAY1M,EAChB,+FAOFA,EAAE,iBACCwC,SAAS,eACT8H,QAAQoC,GACRlM,KAAK,oBAAqB,MAC1BA,KAAK,sBAAuB,QAI/BgB,IAAImL,IAAI/K,OAAO,gBACf,IAAI+K,EAAMnL,IAAImL,IAAI/D,IAAI,gBAEtB+D,EAAI7J,GAAG,WAAW,SAASC,GAEzBgB,MAAMC,cAAc,OAAO,GAC3BsB,YAAW,WACT9D,IAAImL,IAAIC,SACP,QAOLD,EAAI7J,GAAG,QAAQ,SAASC,GACtBgB,MAAMC,cAAc,MAAO,SAK/BD,MAAMiB,wBAAwB,kBAAkB,SAASC,GAUvD,IAAI4H,EATJ7M,EAAE,IAAMiF,EAAQG,QACb5E,KAAK,WAAY,IACjBA,KAAK,WAAY,IACjBA,KAAK,UAAWyE,EAAQ6H,SACxBtM,KAAK,qBAAsByE,EAAQ8H,OAEtC/M,EAAE,IAAMiF,EAAQG,QACbN,QAAQ,4BACRtC,SAAS,6BAES4B,IAAjBa,EAAQ+H,OACVH,EAAU,kCAAoC5H,EAAQ+H,KAAO,UAE/DhN,EAAE,IAAMiF,EAAQG,QACb6H,SACA1F,OAAOsF,MAIZ9I,MAAMiB,wBAAwB,kBAAkB,SAASC,QAC7B,IAAfA,EAAQa,GACjBtE,IAAIoE,UAAUsH,OAAOjI,EAAQa,GAAIb,EAAQ3C,OAEzCd,IAAIoE,UAAU+C,KAAK1D,EAAQ3C,UAI/ByB,MAAMiB,wBAAwB,kBAAkB,SAASC,QAC7B,IAAfA,EAAQa,GACjBtE,IAAIoE,UAAUuH,OAAOlI,EAAQa,IAE7BtE,IAAIoE,UAAUhC,UASlB5D,EAAE,kBAAkB0H,MAAK,WACvB1H,EAAEkB,MAAM4B,GAAG,SAAS,WAClBiB,MAAMC,cAAchE,EAAEkB,MAAMV,KAAK,OAAO,EAAM,CAAC4M,SAAU,UAEzD5L,IAAI6L,SAASjK,MAAMpD,EAAEkB,MAAM4D,QAAQ,uBC/5BzC,IAAIwI,qBAAuB,IAAIvJ,MAAMwJ,aCArC,SAASC,UAAUC,EAAOC,GACxB,IAAIC,EAAU,GACd,GAAqB,IAAjBF,EAAM7I,OAAV,CAKA,IAAK,IAAIqC,EAAI,EAAGA,EAAI2G,KAAKhJ,OAAQqC,IAC3B2G,KAAK3G,GAAG4G,cAAcvG,QAAQmG,EAAMI,gBAAkB,GACxDF,EAAQzG,KAAK0G,KAAK3G,IAItByG,EAAOC,QAVLD,EAAOC,GDDX3N,EAAEgG,OAAOsH,qBAAsB,CAE7BnN,KAAM,SAASY,KAKf+M,SAAU,SAAShI,KAOnBiI,eAAgB,SAASjI,EAAI1E,KAS7B4M,UAAW,SAASlI,EAAI8D,KAQxBqE,YAAa,SAASnI,OAKxB/B,MAAMmK,cAAcC,SAASb,sBCtB7B,IAAIc,sBAAwB,IAAIrK,MAAMwJ,aAEtCvN,EAAEgG,OAAOoI,sBAAuB,CAE9BC,WAAY,SAASvI,GAGnB,IAAIK,EAAKnG,EAAE8F,GAAItF,KAAK,MAIhBY,EAAO,GACX,GAAG4G,QAAQsG,KAAKxI,EAAGyI,YAAY,SAAS/N,GACtC,GAAI,SAASgO,KAAKhO,EAAK6D,MAAO,CAC5B,IAAIoK,EAAgBjO,EAAK6D,KAAKqK,OAAO,GAAGC,QAAQ,SAAS,SAAUC,EAAIC,GACrE,OAAOA,EAAGC,iBAGZ,IAAyF,GAArF,CAAC,SAAU,UAAW,QAAS,2BAA2BxH,QAAQmH,GAAsB,CAC1F,IAAIM,EAA2B,QAAdvO,EAAK+D,MACtBnD,EAAKqN,GAAiBM,OAEtB3N,EAAKqN,GAAiBjO,EAAK+D,UAKjCnD,EAAKmD,MAAQnE,KAAKC,MAAMe,EAAKmD,OAGV,YAAfnD,EAAK4N,OACP5N,EAAK6N,QAAU,IAAM9I,EAErB/E,EAAK8N,SAAW,IAAM/I,EAGxB,IAAIyH,EAAOxN,KAAKC,MAAMe,EAAK+N,SAC3B/N,EAAKgO,OAAS,SAAU3B,EAAOC,GAC7B,IAAIC,EAAU,GACd,GAAqB,IAAjBF,EAAM7I,OAAV,CAKA,IAAK,IAAIqC,EAAI,EAAGA,EAAI2G,EAAKhJ,OAAQqC,IAC3B2G,EAAK3G,GAAG4G,cAAcvG,QAAQmG,EAAMI,gBAAkB,GACxDF,EAAQzG,KAAK0G,EAAK3G,IAItByG,EAAOC,QAVLD,EAAOC,IAcXvM,EAAK0B,GAAK,CACRuM,OAAQ,SAAU9K,GAGhBvE,EAAE,IAAMmG,GAAImJ,QAAQ,YAIxB9N,IAAI+N,aAAa3N,OAAOR,IAG1BjB,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,wBAIvB2N,SAAU,SAAShI,GACjB,IAAI2G,EAAIjL,IAAI+N,aAAa3G,IAAI5I,EAAE8F,IAG/B,OADA9F,EAAEyM,EAAE5H,OAAOoK,SAASO,IAAI/C,EAAElI,OACnBkI,EAAElI,OAIXkL,SAAU,SAAS3J,EAAIvB,GACrBuB,EAAGvB,MAAQA,EACXuB,EAAGjB,OAAON,MAAQA,EAElBvE,EAAE8F,EAAGjB,OAAOoK,SAASO,IAAI1J,EAAGvB,QAG9BmL,YAAa,SAAS5J,EAAIqJ,GAExBvB,KAAOuB,EACPrJ,EAAGjB,OAAOuK,OAAS5B,WAIrBO,eAAgB,SAASjI,EAAI1E,GAC3B,IAAIqL,EAAIjL,IAAI+N,aAAa3G,IAAI5I,EAAE8F,IAE3B1E,EAAKS,eAAe,YACtBX,KAAKwO,YAAYjD,EAAGrL,EAAK+N,SAGvB/N,EAAKS,eAAe,UACtBX,KAAKuO,SAAShD,EAAGrL,EAAKmD,OAExBvE,EAAE8F,GAAIwJ,QAAQ,WAGhBtB,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,gCAAgC,SAASC,GAGhDuC,YAAW,WACTsE,MACC,QAIPqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,6BAId5L,MAAMmK,cAAcC,SAASC,sBAAuB,mBCzIpD,IAAIwB,qBAAuB,IAAI7L,MAAMwJ,aACrCvN,EAAEgG,OAAO4J,qBAAsB,CAC7BzP,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,sBAEvB2N,SAAU,SAAShI,GACjB,OAAO9F,EAAE8F,GAAI1E,KAAK,QAAU,GAE9BqO,SAAU,SAAS3J,EAAIvB,GACrBvE,EAAE8F,GAAI1E,KAAK,MAAOmD,IAEpBsL,QAAS,SAAS/J,GAChB,MAAO,gBAETkI,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,8BAA8B,SAASC,GAC9C,IAAI4E,EAAM3H,EAAEkB,MACRsO,EAAM7H,EAAIvG,KAAK,QAAU,EAC7BuG,EAAIvG,KAAK,MAAOoO,EAAM,GAEtB5F,QAGJkG,SAAU,SAAShK,GACjB,MAAO,CAAEvB,MAAOrD,KAAK4M,SAAShI,KAEhCiI,eAAgB,SAASjI,EAAI1E,GAC3B,IAAIuG,EAAM3H,EAAE8F,GAWZ,GARI1E,EAAKS,eAAe,WACtB7B,EAAE8F,GAAIP,aAAa,SAAU6C,EAAOjB,GACtC,OAAQA,EAAU4I,MAAO,qBAAuB,IAAIC,KAAK,QAEvDhQ,EAAE8F,GAAItD,SAAS,SAAWpB,EAAKkB,QAI7BlB,EAAKS,eAAe,QAAS,CAC/B,IAAIoO,EAAWjQ,EAAE8F,GAAIH,SAAS,eAC1BvE,EAAK8O,KACFD,GAAUjQ,EAAE8F,GAAItD,SAAS,eAE1ByN,GAAUjQ,EAAE8F,GAAIP,YAAY,eAKpC,GAAInE,EAAKS,eAAe,WAAY,CAClC,IAAIsO,EAAYnQ,EAAE8F,GAAIH,SAAS,kBAC3BvE,EAAKgP,QACFD,GAAWnQ,EAAE8F,GAAItD,SAAS,kBAE3B2N,GAAWnQ,EAAE8F,GAAIP,YAAY,kBAKrC,GAAInE,EAAKS,eAAe,UAAW,CACjC,IAAIwO,EAAWrQ,EAAE8F,GAAIH,SAAS,iBAC1BvE,EAAKkP,OACFD,GAAUrQ,EAAE8F,GAAItD,SAAS,iBAE1B6N,GAAUrQ,EAAE8F,GAAIP,YAAY,iBAKpC,GAAInE,EAAKS,eAAe,WAAY,CAClC,IAAI0O,EAAYvQ,EAAE8F,GAAIH,SAAS,gBAC3BvE,EAAKoP,QACFD,GAAWvQ,EAAE8F,GAAItD,SAAS,gBAE3B+N,GAAWvQ,EAAE8F,GAAIP,YAAY,gBAKrC,GAAInE,EAAKS,eAAe,QAAS,CAC/B,IAAI4O,EAAUzQ,EAAE8F,GAAIH,SAAS,gBACzB+K,EAAU1Q,EAAE8F,GAAIH,SAAS,iBACxB8K,GAAWC,GAAS1Q,EAAE8F,GAAItD,SAAS,UAAYpB,EAAKuP,OACpDF,EAAUC,IACb1Q,EAAE8F,GAAIP,YAAY,gBAClBvF,EAAE8F,GAAItD,SAAS,UAAYpB,EAAKuP,OAE9BF,GAAWC,IACb1Q,EAAE8F,GAAIP,YAAY,gBAClBvF,EAAE8F,GAAItD,SAAS,UAAYpB,EAAKuP,OAMpC,IAAIC,EAAQjJ,EAAI9E,OAGZzB,EAAKS,eAAe,WAAU+O,EAAQxP,EAAKwP,OAE/CjJ,EAAIrH,KAAKsQ,IAEX3C,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,4BAGd5L,MAAMmK,cAAcC,SAASyB,qBAAsB,aAGnD5P,EAAEE,UAAU4C,GAAG,QAAS,sBAAsB,SAASC,GACrDA,EAAEC,oBC5GJ,IAAI6N,cAAgB,IAAI9M,MAAMwJ,aAE9BvN,EAAEgG,OAAO6K,cAAe,CAEtB1Q,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,qBAIvB2N,SAAU,SAAShI,GAEjB,OADW9F,EAAE8F,GAAIH,SAAS,gBAK5BoI,eAAgB,SAASjI,EAAI1E,GAC3BI,IAAIsP,KAAKC,OAAO/Q,EAAE8F,KAGpBkI,UAAW,SAASlI,EAAI8D,GAGtB5J,EAAE8F,GAAIhD,GAAG,uDAAuD,SAASC,GACvE6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,qBAId5L,MAAMmK,cAAcC,SAAS0C,cAAe,WChC5C,IAAIG,qBAAuB,IAAIjN,MAAMwJ,aAErCvN,EAAEgG,OAAOgL,qBAAsB,CAE7B7Q,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,iBAIvB2N,SAAU,SAAShI,GACjB,IAAImL,EAAcjR,EAAEA,EAAE8F,GAAI,IAAItF,KAAK,MAC/B0Q,EAAQlR,EAAE,IAAMiR,EAAc,6BAClC,GAAIC,EAAMtM,OAAS,EAAG,CAErB,GAAqB,IAAjBsM,EAAMtM,OAET,MAAO,CAACuM,OAAO,EAAM5M,MADXvE,EAAEkR,EAAM,IAAI/Q,KAAK,eAAeG,QAGzC,IAAI8Q,EAAS,GAIb,OAHApR,EAAEkR,GAAOxJ,MAAK,SAAST,GACrBmK,EAAOlK,KAAKlH,EAAEkR,EAAMjK,IAAI9G,KAAK,eAAeG,WAEvC,CAAC6Q,OAAO,EAAM5M,MAAO6M,GAG7B,MAAO,CAACD,OAAO,EAAO5M,MAAO,OAKjCwJ,eAAgB,SAASjI,EAAI1E,GAC3B,GAAIA,EAAKS,eAAe,YAAa,CACnC,IAAIoP,EAAcjR,EAAEA,EAAE8F,GAAI,IAAItF,KAAK,MAC/B0Q,EAAQlR,EAAE,IAAMiR,EAAc,oBAC9B5J,EAAMjG,EAAKiQ,SAAW,EACtBjM,EAASpF,EAAEkR,EAAM7J,IACrB7F,IAAI8P,UAAUP,OAAO3L,KAIzB4I,UAAW,SAASlI,EAAI8D,GAGtB5J,EAAE8F,GAAIhD,GAAG,+EAA+E,SAASC,GAC/F6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,4BAId5L,MAAMmK,cAAcC,SAAS6C,qBAAsB,kBCrDnD,IAAIO,qBAAuB,IAAIxN,MAAMwJ,aAErCvN,EAAEgG,OAAOuL,qBAAsB,CAE7BlD,WAAY,SAASvI,GACnBtE,IAAIgQ,YAAY5P,OAAO,CACrBqN,QAASnJ,EACTwC,SAAUtI,EAAE8F,GAAItF,KAAK,MAAQ,SAC7BiR,4BAA4B,EAC5BC,QAASC,mBAIT3C,OAAQ,OACR4C,YAAaC,uBACbC,oBAAqBC,+BACrBC,YAAaC,uBACbC,SAAUC,oBACVC,iBAAkBC,4BAClBC,eAAgBC,0BAGhBC,QAASC,oBAITlO,MAAO,CACLmO,IAAKC,kBAEP7P,GAAK,CACHI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpBsD,EACGuC,IACA7C,QAAQ,aACRtC,SAAS,mBAOtBrC,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,wBAIvB2N,SAAU,SAAShI,GACjB,IAAI8M,EAAK5S,EAAE8F,GAAItF,KAAK,MAGpB,OAAON,SAAS2S,eAAeD,GAAIrO,OAIrCkL,SAAU,SAAS3J,EAAIvB,KAKvBwJ,eAAgB,SAASjI,EAAI1E,KAI7B4M,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,gCAAgC,SAASC,GAChD6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,6BAId5L,MAAMmK,cAAcC,SAASoD,qBAAsB,kBC3EnD,IAAIuB,cAAgB,IAAI/O,MAAMwJ,aAE9BvN,EAAEgG,OAAO8M,cAAe,CACtB3S,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,gBAIvB2N,SAAU,SAAShI,GAEjB,OADArC,QAAQC,IAAI1D,EAAE8F,GAAItF,KAAK,UAChBR,EAAE8F,GAAItF,KAAK,UAIpBiP,SAAU,SAAS3J,EAAIvB,KAKvBwJ,eAAgB,SAASjI,EAAI1E,KAI7B4M,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,iDAAiD,SAASa,GAEjEiG,GAAS,MAEX5J,EAAE8F,GAAIhD,GAAG,wBAAwB,SAASC,GACxC6G,GAAS,OAIbmJ,cAAe,WACb,MAAO,CACLC,OAAQ,WACRC,MAAO,MAIXhF,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,qBAId5L,MAAMmK,cAAcC,SAAS2E,cAAe,WC9C5C,IAAII,oBAAsB,IAAInP,MAAMwJ,aAEpCvN,EAAEgG,OAAOkN,oBAAqB,CAE5B7E,WAAY,SAASvI,GAEnB,IAAImJ,EAAUjP,EAAE8F,GAAI,GAEhB7F,EAASD,EAAE8F,GAAImH,SAAS9M,KAAK,oBAAsB2F,EAAGK,GAAK,MAG/D,IAFAlG,EAASG,KAAKC,MAAMJ,EAAOK,SAEfuB,eAAe,SAGzB,IAAK,IAAIoF,EAAI,EAAGA,EAAIhH,EAAOsE,MAAMK,OAAQqC,IACvChH,EAAOsE,MAAM0C,GAAK,IAAIkM,KAAKlT,EAAOsE,MAAM0C,SAH1ChH,EAAOsE,MAAQ,CAAC,IAAI4O,MAOtBlT,EAAOgP,QAAUA,EAGjBhP,EAAO6C,GAAK,CACVI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpBsD,EACGuC,IACA7C,QAAQ,aACRtC,SAAS,gBAMlB,IAAI4Q,EAAW5R,IAAI4R,SAASxR,OAAO3B,GACnCiB,KAAK,YAAc4E,EAAGK,IAAMiN,GAG9BjT,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,oBAGvB0P,QAAS,SAAS/J,GAChB,MAAO,qBAGTgI,SAAU,SAAShI,GACjB,IAAI0J,EAAMtO,KAAK,YAAc4E,EAAGK,IAAI2H,WAEpC,GAAkB,GAAd0B,EAAI5K,OAAa,CACnB,IAAIyO,EAAU,IAAIF,KAAKjS,KAAK,YAAc4E,EAAGK,IAAI2H,YASjD,OARAuF,EAAWF,KAAKG,IACdD,EAAQE,cACRF,EAAQG,WACRH,EAAQI,UACRJ,EAAQK,WACRL,EAAQM,aACRN,EAAQO,cAEH,IAAIT,KAAKE,GAGhB,IADA,IAAIQ,EAAQ,GACH5M,EAAI,EAAGA,EAAIuI,EAAI5K,OAAQqC,IAC9B4M,EAAM5M,GAAK,IAAIkM,KAAK3D,EAAIvI,IACxB4M,EAAM5M,GAAKkM,KAAKG,IACdO,EAAM5M,GAAGsM,cACTM,EAAM5M,GAAGuM,WACTK,EAAM5M,GAAGwM,UACTI,EAAM5M,GAAGyM,WACTG,EAAM5M,GAAG0M,aACTE,EAAM5M,GAAG2M,cAEXC,EAAM5M,GAAK,IAAIkM,KAAKU,EAAM5M,IAE5B,OAAO4M,GAKXpE,SAAU,SAAS3J,EAAIvB,GACrBrD,KAAK,YAAc4E,EAAGK,IAAIsJ,SAASlL,IAIrCwJ,eAAgB,SAASjI,EAAI1E,GAa3B,GAZIA,EAAKS,eAAe,YACtBX,KAAK,YAAc4E,EAAGK,IAAIK,UAC1BpF,EAAKnB,OAAOgP,QAAUnJ,EACtB1E,EAAKnB,OAAO6C,GAAK,CACfI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOuC,KAAKnF,SAAS,gBAI7BtB,KAAK,YAAc4E,EAAGK,IAAM3E,IAAI4R,SAASxR,OAAOR,EAAKnB,SAEnDmB,EAAKS,eAAe,SAAU,CAEhC,IADA,IAAIiS,EACK7M,EAAI,EAAGA,EAAI7F,EAAKmD,MAAMK,OAAQqC,IACrC6M,EAAU,IAAIX,KAAK/R,EAAKmD,MAAM0C,IAC9B7F,EAAKmD,MAAM0C,GAAK,IAAIkM,KAAKW,EAAQP,cAAeO,EAAQN,WAAYM,EAAQL,WAE9EvS,KAAKuO,SAAS3J,EAAI1E,EAAKmD,SAI3ByJ,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,8BAA8B,SAASC,GAC9C6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,2BAId5L,MAAMmK,cAAcC,SAAS+E,oBAAqB,iBCrHlD,IAAIa,cAAgB,IAAIhQ,MAAMwJ,aAE9BvN,EAAEgG,OAAO+N,cAAe,CAEtB5T,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,SAIvB2N,SAAU,SAAShI,GAEjB,OADW9F,EAAE8F,GAAIH,SAAS,eAK5BoI,eAAgB,SAASjI,EAAI1E,GAE3BI,IAAIwS,IAAIjD,OAAO,IAAM/Q,EAAE8F,GAAItF,KAAK,QAGlCwN,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,kDAAkD,SAASC,GAClE6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,qBAId5L,MAAMmK,cAAcC,SAAS4F,cAAe,WC/B5C,IAAIE,eAAiB,IAAIlQ,MAAMwJ,aAE/BvN,EAAEgG,OAAOiO,eAAgB,CAEvB5F,WAAY,SAASvI,GAEnB,IAAI1E,EAAO,GACXA,EAAK0E,GAAK,IAAM9F,EAAE8F,GAAItF,KAAK,MAG3BY,EAAKyK,SAAU,EACfzK,EAAK0B,GAAK,CACRI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOU,IAAItD,SAAS,eAG1B+J,OAAQ,WACNvM,EAAE8F,GAAIwJ,QAAQ,WAGlB,IAAI4E,EAAI1S,IAAI2S,YAAYvS,OAAOR,GAKfhB,KAAKC,MAAML,EAAE8F,GAAItF,KAAK,oBAAoB,IAC3C0T,EAAEhR,QAGnB/C,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,kBAIvB2N,SAAU,SAAShI,GAEjB,OADQtE,IAAI2S,YAAYvL,IAAI5I,EAAE8F,IACrByG,QAIXwB,eAAgB,SAASjI,EAAI1E,GAC3B,IAAI8S,EAAI1S,IAAI2S,YAAYvL,IAAI5I,EAAE8F,IAC1BoO,EAAE3H,OAEAnL,EAAKuI,KAAK/E,OAAS,GAAKxD,EAAKsI,SAAS9E,OAAS,EACjDsP,EAAE9Q,QAEF5B,IAAIqE,OAAOsD,MAAM,2CAGnB+K,EAAEhR,QAIN8K,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,uEAAuE,SAASC,GACvF6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,sBAId5L,MAAMmK,cAAcC,SAAS8F,eAAgB,YClE7C,IAAIG,cAAgB,IAAIrQ,MAAMwJ,aAE9BvN,EAAEgG,OAAOoO,cAAe,CACtBjU,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,wBAIvB2N,SAAU,SAAShI,GACjB,OAAO9F,EAAE8F,GAAIH,SAAS,8BAIxBoI,eAAgB,SAASjI,EAAI1E,GACZpB,EAAE8F,GAAIH,SAAS,8BAE5BnE,IAAI6S,KAAKnR,KAAKlD,EAAE8F,KAIpBkI,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,uDAAuD,SAASC,GACvE6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,qBAId5L,MAAMmK,cAAcC,SAASiG,cAAe,WC/B5C,IAAIE,oBAAsB,IAAIvQ,MAAMwJ,aAEpCvN,EAAEgG,OAAOsO,oBAAqB,CAE5BjG,WAAY,SAASvI,GACnBtE,IAAI+S,WAAW3S,OAAO,CACpBkE,GAAI,IAAM9F,EAAE8F,GAAItF,KAAK,SAQzBgU,SAAU,SAAS1O,GACjB,IAAI0J,EAAMhO,IAAI+S,WAAW3L,IAAI5I,EAAE8F,IAAKgI,WAChC2G,EAAWzU,EAAE8F,GAAI3F,KAAK,IAAM2F,EAAGK,GAAK,SAMxC,OALKqJ,EAAI5K,OAGP5E,EAAEyU,GAAUlP,YAAY,YAFxBvF,EAAEyU,GAAUjS,SAAS,YAIhBgN,GAGTrP,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,gBAIvB2N,SAAU,SAAShI,GACjB,OAAO5E,KAAKsT,SAAS1O,IAIvB2J,SAAU,SAAS3J,EAAIvB,GACrB/C,IAAI+S,WAAW3L,IAAI5I,EAAE8F,IAAK2J,SAASlL,IAGrCmQ,eAAgB,SAAS5O,EAAIvB,GAC3B/C,IAAI+S,WAAW3L,IAAI5I,EAAE8F,IAAK4O,eAAenQ,IAI3CwJ,eAAgB,SAASjI,EAAI1E,GACvBA,EAAKS,eAAe,UACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKmD,OAGrBnD,EAAKS,eAAe,gBACtBX,KAAKwT,eAAe5O,EAAI1E,EAAKuT,cAIjC3G,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,2GAA2G,SAASC,GAE3H/C,EAAE8F,GAAI3F,KAAK,IAAM2F,EAAGK,GAAK,SAASrD,GAAG,SAAS,WAI5CwC,YAAW,WACT9D,IAAI+S,WAAW3L,IAAI5I,EAAE8F,IAAK8O,QAAQC,UACjC,QAELjL,GAAS,OAIbmJ,cAAe,WACb,MAAO,CACLC,OAAQ,WACRC,MAAO,MAIXhF,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,2BAId5L,MAAMmK,cAAcC,SAASmG,oBAAqB,iBCjFlD,IAAIQ,kBAAoB,IAAI/Q,MAAMwJ,aAElCvN,EAAEgG,OAAO8O,kBAAmB,CAE1BzG,WAAY,SAASvI,GAEnB9F,EAAE,iBAAiBwC,SAAS,oBAE5B,IAAI2D,EAAKnG,EAAE8F,GAAItF,KAAK,MAChBP,EAASD,EAAE8F,GAAI3F,KAAK,oBAAsBgG,EAAK,OACnDlG,EAASG,KAAKC,MAAMJ,EAAOK,SAEpBwF,GAAK,IAAMK,EAGpBlG,EAAO8U,iBAAmB,SAAU9P,EAAS+P,EAAiBC,GAE5D,OAAIhQ,EAAQiQ,WAMPF,GAAmBA,EAAgB9Q,OAASe,EAAQf,MAAQ8Q,EAAgB3Q,OAASY,EAAQZ,OAKpGpE,EAAOkV,gBAAkB,SAAUlQ,EAAS+P,EAAiBC,GAE3D,OAAIhQ,EAAQiQ,WAMPD,GAAeA,EAAY/Q,OAASe,EAAQf,MAAQ+Q,EAAY5Q,OAASY,EAAQZ,OAKxFpE,EAAOmV,gBAAkB,SAAUnQ,EAAS+P,EAAiBC,GAE3D,OAAIhQ,EAAQiQ,WAMPD,GAAeA,EAAY/Q,OAASe,EAAQf,MAAQ+Q,EAAY5Q,OAASY,EAAQZ,OAKtF7C,IAAI6T,SAASzT,OAAO3B,IAGtBE,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,cAIvB2N,SAAU,SAAShI,GACjB,OAAOtE,IAAI6T,SAASzM,IAAI5I,EAAE8F,IAAKuP,UAIjC5F,SAAU,SAAS3J,EAAIvB,GACrB+Q,oBAAqB,EACrB,IAAID,EAAW7T,IAAI6T,SAASzM,IAAI5I,EAAE8F,IAElC,GAAIvB,EAAMgR,WAAY,CAEpB,IAAIC,EAAMjR,EAAMA,MAAMkR,MAAMpR,KAC5BiB,YAAW,WACT+P,EAASE,WAAW,CAClBG,OAAQF,EAAM,eAGhBlQ,YAAW,WACT+P,EAASM,YAAYpR,EAAMA,OAE3B8Q,EAASO,aACTN,oBAAqB,IACpB,OACF,UAEHD,EAASM,YAAYpR,EAAMA,QAK/BwJ,eAAgB,SAASjI,EAAI1E,GAG3BF,KAAKuO,SAAS3J,EAAI1E,GAClBpB,EAAE8F,GAAIwJ,QAAQ,WAGhBtB,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,4BAA4B,SAASC,GAC5C6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,yBAId5L,MAAMmK,cAAcC,SAAS2G,kBAAmB,eC9GhD,IAAIe,eAAiB,IAAI9R,MAAMwJ,aAE/BvN,EAAEgG,OAAO6P,eAAgB,CAEvBxH,WAAY,SAASvI,GACnB,IAAI1E,EAAO,GAEXA,EAAK0E,GAAK,IAAM9F,EAAE8F,GAAItF,KAAK,MAE3BY,EAAK0B,GAAK,CACRyJ,OAAQ,WACNvM,EAAE8F,GAAIwJ,QAAQ,WAGlB9N,IAAIsU,MAAMlU,OAAOR,IAGnBjB,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,WAIvB2N,SAAU,SAAShI,GAEjB,OADQtE,IAAIsU,MAAMlN,IAAI5I,EAAE8F,IACfyG,QAIXwB,eAAgB,SAASjI,EAAI1E,GAE3B,IAAIoH,EAAIhH,IAAIsU,MAAMlN,IAAI5I,EAAE8F,IACxB0C,EAAEuI,OAAOvI,EAAEuN,OAGb/H,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,wDAAwD,SAASC,GACxE6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,sBAId5L,MAAMmK,cAAcC,SAAS0H,eAAgB,YC7C7C,IAAIG,mBAAqB,IAAIjS,MAAMwJ,aAEnCvN,EAAEgG,OAAOgQ,mBAAoB,CAE3B7V,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,gBAOvBkO,WAAY,SAASvI,GACnB,IAAImQ,EAAejW,EAAE8F,GAAI3F,KAAK,KAAK+V,QAAQ9U,KAAK,OAC5C+U,EAAgBnW,EAAE8F,GAAI3F,KAAK,qBAAqBiB,KAAK,YACnCgD,IAAlB+R,EACF3U,IAAI2I,IAAIxB,KAAKwN,GAEb3U,IAAI2I,IAAIxB,KAAKsN,IAKjBnI,SAAU,SAAShI,GACjB,IAAIsQ,EAAYpW,EAAE8F,GACf3F,KAAK,qBACLiB,KAAK,OAER,YAAkBgD,IAAdgS,EACKA,EAAU9R,MAAM,KAAK,GAErB,MAKXyJ,eAAgB,SAASjI,EAAI1E,GAEvBA,EAAKS,eAAe,aACtBL,IAAI2I,IAAIxB,KAAK,IAAMvH,EAAK6I,GAAK,IAAM7I,EAAKiQ,WAI5CrD,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAI3F,KAAK,KAAK2C,GAAG,4BAA4B,SAASC,GACtD/C,EAAEA,EAAEkB,MAAME,KAAK,QAAQkO,QAAQ,SAASA,QAAQ,SAC9C1F,GAAS,MAGbpI,IAAIsB,GAAG,8BAA8B,SAASqH,GAC5CP,GAAS,OAIbqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,0BAId5L,MAAMmK,cAAcC,SAAS6H,mBAAoB,eC3DjD,IAAIK,gBAAkB,IAAItS,MAAMwJ,aAEhCvN,EAAEgG,OAAOqQ,gBAAiB,CAExBhI,WAAY,SAASvI,GAEnB,IAAImJ,EAAUjP,EAAE8F,GAAI,GAIhB1E,EAAO,GACX,GAAG4G,QAAQsG,KAAKxI,EAAGyI,YAAY,SAAS/N,GACtC,GAAI,SAASgO,KAAKhO,EAAK6D,MAAO,CAC5B,IAAIoK,EAAgBjO,EAAK6D,KAAKqK,OAAO,GAAGC,QAAQ,SAAS,SAAUC,EAAIC,GACrE,OAAOA,EAAGC,iBAGZ,IAAkF,GAA9E,CAAC,SAAU,mBAAoB,UAAW,SAASxH,QAAQmH,GAAsB,CACnF,IAAIM,EAA2B,QAAdvO,EAAK+D,MACtBnD,EAAKqN,GAAiBM,OAEtB3N,EAAKqN,GAAiBjO,EAAK+D,UAMjCnD,EAAK6N,QAAUA,EACf7N,EAAKmD,MAAQnE,KAAKC,MAAMe,EAAKmD,OAC7BnD,EAAKkV,KAAO,CACV,CACEC,UAAW,SACXC,OAAQpW,KAAKC,MAAMe,EAAK+N,WAI5B/N,EAAK0B,GAAK,CACRI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpBsD,EACGuC,IACA7C,QAAQ,aACRtC,SAAS,gBAMlB,IAAIgG,EAAIhH,IAAIiV,OAAO7U,OAAOR,GAC1B6N,EAAQyH,SAAWlO,GAGrBrI,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,kBAIvB2N,SAAU,SAAShI,GAEjB,OADQtE,IAAIiV,OAAO7N,IAAI5I,EAAE8F,IAChBvB,OAIXkL,SAAU,SAAS3J,EAAIvB,GACrB,IAAIiE,EAAIhH,IAAIiV,OAAO7N,IAAI5I,EAAE8F,IACzB0C,EAAEjE,MAAQA,EACViE,EAAEmO,aAAepS,EACjBiE,EAAEtF,OACFoC,YAAW,WAAYkD,EAAEpF,UAAW,KAItC2K,eAAgB,SAASjI,EAAI1E,GAC3B,IAAIoH,EAAIhH,IAAIiV,OAAO7N,IAAI5I,EAAE8F,IAErB1E,EAAKS,eAAe,UACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKmD,OAGrBnD,EAAKS,eAAe,aACtB2G,EAAE8N,KAAK,GAAGE,OAASpV,EAAK+N,SAGtB/N,EAAKS,eAAe,kBACtB2G,EAAE3D,OAAO+R,aAAexV,EAAKwV,cAE3BxV,EAAKS,eAAe,YACtB2G,EAAE3D,OAAOmK,OAAS5N,EAAK4N,QAErB5N,EAAKS,eAAe,mBACtB2G,EAAE3D,OAAOgS,cAAgBzV,EAAKyV,eAE5BzV,EAAKS,eAAe,yBACtB2G,EAAE3D,OAAOiS,oBAAsB1V,EAAK0V,qBAElC1V,EAAKS,eAAe,aACtB2G,EAAE3D,OAAOkS,QAAU3V,EAAK2V,SAEtB3V,EAAKS,eAAe,sBACtB2G,EAAE3D,OAAOmS,iBAAmB5V,EAAK4V,kBAE/B5V,EAAKS,eAAe,uBACtB2G,EAAE3D,OAAOoS,kBAAoB7V,EAAK6V,oBAItCjJ,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,0BAA0B,SAASC,GAC1C6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,uBAId5L,MAAMmK,cAAcC,SAASkI,gBAAiB,aCtH9C,IAAIa,QAAUnT,MAAMmT,QAEpB,SAASC,YAAYC,EAAUC,GAE7B,QAAwB,IAAbD,EAAX,CACA,GAAyB,IAArBC,EAAUzS,OACZ,MAAM,IAAI0S,MAAM,iCAIDtX,EAAEuX,QAAQH,IAAiC,IAApBA,EAASxS,OAG/CyS,EAAU7U,SAAS,qBAEnB6U,EAAUxU,KAAKuU,GACfC,EAAU9R,YAAY,sBAK1B,IAAIiS,kBAAoB,IAAIzT,MAAMwJ,aAClCvN,EAAEgG,OAAOwR,kBAAmB,CAC1BrX,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,4BAEvB2N,SAAU,SAAShI,GAEjB,IAAI2R,EAAgBzX,EAAE,qBAAuBkX,QAAQpR,EAAGK,IAAM,cAE9D,OAA6B,IAAzBsR,EAAc7S,OAGT,KAGF6S,EAAcjI,OAEvBC,SAAU,SAAS3J,EAAIvB,GACjBvE,EAAEuX,QAAQhT,IAA2B,IAAjBA,EAAMK,OAE5B5E,EAAE,qBAAuBkX,QAAQpR,EAAGK,IAAM,MAAMlE,KAAK,WAAW,GAEhEjC,EAAE,qBAAuBkX,QAAQpR,EAAGK,IAAM,aAAe+Q,QAAQ3S,GAAS,MAAMtC,KAAK,WAAW,IAIpG6N,SAAU,SAAShK,GAKjB,IAJA,IAAI4R,EAAQ1X,EAAE,qBAAuBkX,QAAQpR,EAAGK,IAAM,MAGlDI,EAAU,IAAIoR,MAAMD,EAAM9S,QACrBqC,EAAI,EAAGA,EAAIV,EAAQ3B,OAAQqC,IAClCV,EAAQU,GAAK,CAAE1C,MAASmT,EAAMzQ,GAAG1C,MAClBqM,MAAS1P,KAAK0W,UAAUF,EAAMzQ,KAG/C,MAAO,CACL2J,MAAU1P,KAAK2W,cAAc/R,GAAIjD,OACjC0B,MAAUrD,KAAK4M,SAAShI,GACxBS,QAAUA,IAGdwH,eAAgB,SAASjI,EAAI1E,GAC3B,IAAIuG,EAAM3H,EAAE8F,GAER1E,EAAKS,eAAe,aAEtB8F,EAAIxH,KAAK,MAAM4E,SACf4C,EAAIJ,OAAOnG,EAAKmF,UAGdnF,EAAKS,eAAe,UACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKmD,OAEzB4S,YAAY/V,EAAKwP,MAAO1P,KAAK2W,cAAc/R,IAE3C9F,EAAE8F,GAAIwJ,QAAQ,WAEhBtB,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,4BAA4B,SAASa,GAC5CiG,QAGJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,uBAGZkI,cAAe,SAAS/R,GACpB,OAAO9F,EAAE8F,GAAIgS,SAAS,oBAI1BF,UAAW,SAASG,GAElB,MAA+B,UAA3BA,EAAIC,WAAWC,QACVjY,EAAE+X,EAAIC,YAAY7X,KAAK,kBAAkB0C,OAAOqV,OAGlD,MAITC,UAAW,SAASJ,EAAKxT,GAMvB,MAJ+B,UAA3BwT,EAAIC,WAAWC,SACjBjY,EAAE+X,EAAIC,YAAY7X,KAAK,kBAAkB0C,KAAK0B,GAGzC,QAIXR,MAAMmK,cAAcC,SAASqJ,kBAAmB,oBChHhD,IAAIY,gBAAkB,IAAIrU,MAAMwJ,aAEhCvN,EAAEgG,OAAOoS,gBAAiB,CAExBjY,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,kBAIvB2N,SAAU,SAAShI,GACjB,OAAO9F,EAAE8F,GAAI0J,OAIfC,SAAU,SAAS3J,EAAIvB,GAErBvE,EAAE8F,GAAI0J,IAAIjL,IAIZwJ,eAAgB,SAASjI,EAAI1E,GACvBA,EAAKS,eAAe,aACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKiQ,UAEzBrR,EAAE8F,GAAIwJ,QAAQ,WAGhBtB,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,0BAA0B,SAASC,GAE1C6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,uBAId5L,MAAMmK,cAAcC,SAASiK,gBAAiB,aCvC9C,IAAIC,eAAiB,IAAItU,MAAMwJ,aAE/BvN,EAAEgG,OAAOqS,eAAgB,CAEvBhK,WAAY,SAASvI,GAGnB,IAAIK,EAAKnG,EAAE8F,GAAItF,KAAK,MAEhBY,EAAO,GACX,GAAG4G,QAAQsG,KAAKxI,EAAGyI,YAAY,SAAS/N,GACtC,GAAI,SAASgO,KAAKhO,EAAK6D,MAAO,CAC5B,IAAIoK,EAAgBjO,EAAK6D,KAAKqK,OAAO,GAAGC,QAAQ,SAAS,SAAUC,EAAIC,GACrE,OAAOA,EAAGC,iBAGRC,EAA2B,QAAdvO,EAAK+D,MACtBnD,EAAKqN,GAAiBM,MAK1B3N,EAAK0E,GAAK,IAAMK,EAGhB/E,EAAK0B,GAAK,CACRI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOU,IAAItD,SAAS,eAG1B+J,OAAQ,WACNvM,EAAE8F,GAAIwJ,QAAQ,WAKV9N,IAAI8W,MAAM1W,OAAOR,IAG3BjB,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,iBAIvB2N,SAAU,SAAShI,GAEjB,OADQtE,IAAI8W,MAAM1P,IAAI5I,EAAE8F,IACfyG,QAIXwB,eAAgB,SAASjI,EAAI1E,GAC3B,IAAImX,EAAI/W,IAAI8W,MAAM1P,IAAI5I,EAAE8F,IACpByS,EAAEhM,OACJgM,EAAEnV,QAEFmV,EAAErV,QAIN8K,UAAW,SAASlI,EAAI8D,GAGtB5J,EAAE8F,GAAIhD,GAAG,wDAAwD,SAASC,GACxE6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,sBAId5L,MAAMmK,cAAcC,SAASkK,eAAgB,YCzE7C,IAAIG,gBAAkB,IAAIzU,MAAMwJ,aAEhCvN,EAAEgG,OAAOwS,gBAAiB,CAExBnK,WAAY,SAASvI,GAGnB,IAAIK,EAAKnG,EAAE8F,GAAItF,KAAK,MAEhBY,EAAO,GACX,GAAG4G,QAAQsG,KAAKxI,EAAGyI,YAAY,SAAS/N,GACtC,GAAI,SAASgO,KAAKhO,EAAK6D,MAAO,CAC5B,IAAIoK,EAAgBjO,EAAK6D,KAAKqK,OAAO,GAAGC,QAAQ,SAAS,SAAUC,EAAIC,GACrE,OAAOA,EAAGC,iBAGZ,IAEsD,GAFlD,CAAC,MAAO,MAAO,OAAQ,QAC3B,aAAc,gBACd,YAAa,cAAcxH,QAAQmH,GAAsB,CACvD,IAAIM,EAA2B,QAAdvO,EAAK+D,MACtBnD,EAAKqN,GAAiBM,OAGtB3N,EAAKqN,GAAiBgK,WAAWjY,EAAK+D,WAO5CnD,EAAK0E,GAAK,IAAMK,EAGR3E,IAAIkX,MAAM9W,OAAOR,IAI3BjB,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,kBAIvB2N,SAAU,SAAShI,GACjB,OAAOtE,IAAIkX,MAAM9P,IAAI5I,EAAE8F,IAAKvB,OAI9BkL,SAAU,SAAS3J,EAAIvB,GACrB/C,IAAIkX,MAAMjJ,SAAS3J,EAAIvB,IAIzBwJ,eAAgB,SAASjI,EAAI1E,GAE3B,IAAIuX,EAAInX,IAAIkX,MAAM9P,IAAI5I,EAAE8F,IAqCxB,GApCI1E,EAAKS,eAAe,SACtB8W,EAAEC,IAAMxX,EAAKwX,IAEbD,EAAEE,eAEAzX,EAAKS,eAAe,SACtB8W,EAAEG,IAAM1X,EAAK0X,IAEbH,EAAEE,eAEAzX,EAAKS,eAAe,UACtB8W,EAAEI,KAAO3X,EAAK2X,KAEdJ,EAAEE,eAGAzX,EAAKS,eAAe,gBACtB8W,EAAEK,WAAa5X,EAAK4X,WAEpBL,EAAEE,eAGAzX,EAAKS,eAAe,mBACtB8W,EAAEM,cAAgB7X,EAAK6X,cAEvBN,EAAEE,eAIAzX,EAAKS,eAAe,WACtB8W,EAAEO,MAAQ9X,EAAK8X,OAMb9X,EAAKS,eAAe,SAAU,CAGhC,IAAI2N,EAAMpO,EAAKmD,MACXvE,EAAEuX,QAAQ/H,GACZtO,KAAKuO,SAAS3J,EAAI0J,IAElBmJ,EAAEQ,MAAO,EACTR,EAAEE,cACF3X,KAAKuO,SAAS3J,EAAI0J,IAKlBpO,EAAKS,eAAe,WACtB7B,EAAE8F,GAAIP,aAAa,SAAU6C,EAAOjB,GAClC,OAAQA,EAAU4I,MAAO,qBAAuB,IAAIC,KAAK,QAE3DhQ,EAAE8F,GAAItD,SAAS,SAAWpB,EAAKkB,SAKnC0L,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,gCAAgC,SAASC,GAChD6G,GAAS,OAIbqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,qBAIZoD,cAAe,WACb,MAAO,CAELC,OAAQ,WACRC,MAAO,QAKblP,MAAMmK,cAAcC,SAASqK,gBAAiB,YCtI9C,IAAIY,qBAAuB,IAAIrV,MAAMwJ,aAErCvN,EAAEgG,OAAOoT,qBAAsB,CAE7B/K,WAAY,SAASvI,GACnB,IAAIK,EAAKnG,EAAE8F,GAAItF,KAAK,MAChBP,EAASD,EAAE8F,GAAIsE,WAAWiP,GAAG,IACjCpZ,EAASG,KAAKC,MAAMJ,EAAOK,SACpBwF,GAAK,IAAMK,EAElBlG,EAAO6C,GAAK,CACVI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOkU,cAAc9W,SAAS,gBAItC,IAAI+W,EAAK/X,IAAIgY,YAAY5X,OAAO3B,GAChCiB,KAAK,gBAAkB4E,EAAGK,IAAMoT,GAGlCpZ,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,kBAIvB2N,SAAU,SAAShI,GACjB,OAAO5E,KAAK,gBAAkB4E,EAAGK,IAAI2H,YAIvC2B,SAAU,SAAS3J,EAAIvB,GACrBrD,KAAK,gBAAkB4E,EAAGK,IAAIsJ,SAASlL,IAIzCwJ,eAAgB,SAASjI,EAAI1E,GAE3BA,EAAKnB,OAAO6C,GAAK,CACfI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOkU,cAAc9W,SAAS,gBAIlCpB,EAAKS,eAAe,YACtBX,KAAK,gBAAkB4E,EAAGK,IAAIK,UAC9BpF,EAAKnB,OAAO6F,GAAK,IAAM9F,EAAE8F,GAAItF,KAAK,MAClCU,KAAK,gBAAkB4E,EAAGK,IAAM3E,IAAIgY,YAAY5X,OAAOR,EAAKnB,SAI1DmB,EAAKS,eAAe,aAElBT,EAAKqY,WACPvY,KAAK,gBAAkB4E,EAAGK,IAAIK,UAC9BxG,EAAE8F,GAAI3F,KAAK,UAAUK,KAAK,WAAY,IACtCY,EAAKnB,OAAO6F,GAAK,IAAM9F,EAAE8F,GAAItF,KAAK,MAClCU,KAAK,gBAAkB4E,EAAGK,IAAM3E,IAAIgY,YAAY5X,OAAOR,EAAKnB,SAK5DmB,EAAKS,eAAe,eACtBX,KAAK,gBAAkB4E,EAAGK,IAAIK,UAC9BxG,EAAE8F,GAAI3F,KAAK,UAAUK,KAAK,YAAaY,EAAKsY,WAC5CtY,EAAKnB,OAAO6F,GAAK,IAAM9F,EAAE8F,GAAItF,KAAK,MAClCU,KAAK,gBAAkB4E,EAAGK,IAAM3E,IAAIgY,YAAY5X,OAAOR,EAAKnB,SAQ1DmB,EAAKS,eAAe,aAEtB7B,EAAE8F,GAAI3F,KAAK,UAAUwZ,QAErB3Z,EAAE0H,KAAKtG,EAAK+N,SAAS,SAAU/G,GAC7B,IATqB7D,EASjBqV,EAAOxY,EAAK+N,QAAQ/G,GACxBpI,EAAE8F,GAAI3F,KAAK,UAAUoH,OAThB,qBADgBhD,EAUiBqV,GATH,KAAOrV,EAAQ,iBAclDnD,EAAKS,eAAe,aACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKiQ,WAI3BrD,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,+BAA+B,SAASC,GAC/C6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,4BAId5L,MAAMmK,cAAcC,SAASiL,qBAAsB,kBCtGnD,IAAIS,iBAAmB,IAAI9V,MAAMwJ,aAEjCvN,EAAEgG,OAAO6T,iBAAkB,CAEzBxL,WAAY,SAASvI,GAGnB,IAAIK,EAAKnG,EAAE8F,GAAItF,KAAK,MAEhBY,EAAO,GACX,GAAG4G,QAAQsG,KAAKxI,EAAGyI,YAAY,SAAS/N,GACtC,GAAI,SAASgO,KAAKhO,EAAK6D,MAAO,CAC5B,IAAIoK,EAAgBjO,EAAK6D,KAAKqK,OAAO,GAAGC,QAAQ,SAAS,SAAUC,EAAIC,GACrE,OAAOA,EAAGC,iBAGZ,IAA+E,GAA3E,CAAC,MAAO,MAAO,OAAQ,QAAS,gBAAgBxH,QAAQmH,GAAsB,CAChF,IAAIM,EAA2B,QAAdvO,EAAK+D,MACtBnD,EAAKqN,GAAiBM,OAGtB3N,EAAKqN,GAAiBgK,WAAWjY,EAAK+D,WAO5CnD,EAAK0E,GAAK,IAAMK,EAGR3E,IAAIsY,QAAQlY,OAAOR,GAI3B,IAAKA,EAAK2Y,gBAAiB,CACzB,IAAIC,EAAcha,EAAE8F,GAAI3F,KAAK,SAC7BH,EAAEga,GAAaxZ,KAAK,WAAY,MAIpCL,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,aAIvB2N,SAAU,SAAShI,GACjB,OAAOtE,IAAIsY,QAAQlR,IAAI5I,EAAE8F,IAAKvB,OAIhCkL,SAAU,SAAS3J,EAAIvB,GACrB/C,IAAIsY,QAAQrK,SAAS3J,EAAIvB,IAK3B0V,UAAW,WACTzY,IAAIsY,QAAQG,aAGdC,UAAW,WACT1Y,IAAIsY,QAAQI,aAIdnM,eAAgB,SAASjI,EAAI1E,GAE3B,IAAImX,EAAI/W,IAAIsY,QAAQlR,IAAI5I,EAAE8F,IAuB1B,GAnBI1E,EAAKS,eAAe,SACtB0W,EAAEK,IAAMxX,EAAKwX,IACbL,EAAE1T,OAAO+T,IAAMxX,EAAKwX,KAIlBxX,EAAKS,eAAe,SACtB0W,EAAEO,IAAM1X,EAAK0X,IACbP,EAAE1T,OAAOiU,IAAM1X,EAAK0X,KAElB1X,EAAKS,eAAe,WACtB0W,EAAE1T,OAAOsV,MAAQ/Y,EAAK+Y,OAEpB/Y,EAAKS,eAAe,kBACtB0W,EAAE6B,aAAehZ,EAAKgZ,aACtB7B,EAAE1T,OAAOuV,aAAehZ,EAAKgZ,cAI3BhZ,EAAKS,eAAe,UAAW,CACjC0W,EAAE1T,OAAOkV,gBAAkB3Y,EAAKiZ,OAChC,IAAIL,EAAcha,EAAE8F,GAAI3F,KAAK,SACzBiB,EAAKiZ,YACwC,IAApCra,EAAEga,GAAaxZ,KAAK,aAC7BR,EAAEga,GAAaM,WAAW,YAG5Bta,EAAEga,GAAaxZ,KAAK,WAAY,IAKhCY,EAAKS,eAAe,UACtB0W,EAAEQ,KAAO3X,EAAK2X,KACdR,EAAE1T,OAAOkU,KAAO3X,EAAK2X,MAInB3X,EAAKS,eAAe,gBACtB0W,EAAE1T,OAAO0V,WAAanZ,EAAKmZ,WAC3BhC,EAAE1T,OAAO2V,kBAAoBpZ,EAAKmZ,YAIhCnZ,EAAKS,eAAe,aAClBT,EAAKoP,QACPxQ,EAAE8F,GAAItD,SAAS,iBAEfxC,EAAE8F,GAAIP,YAAY,kBAGlBnE,EAAKS,eAAe,YAClBT,EAAKqZ,OACPza,EAAE8F,GAAItD,SAAS,kBAEfxC,EAAE8F,GAAIP,YAAY,mBAGlBnE,EAAKS,eAAe,WACtB7B,EAAE8F,GAAIP,aAAa,SAAU6C,EAAOjB,GAClC,OAAQA,EAAU4I,MAAO,qBAAuB,IAAIC,KAAK,QAE3DhQ,EAAE8F,GAAItD,SAAS,SAAWpB,EAAKkB,QAI7BlB,EAAKS,eAAe,UAClB7B,EAAE8F,GAAIH,SAAS,kBAAoB3F,EAAE8F,GAAIH,SAAS,iBAChD3F,EAAE8F,GAAIH,SAAS,kBAAiC,SAAbvE,EAAKuP,MAC1C3Q,EAAE8F,GAAIP,YAAY,iBAClBvF,EAAE8F,GAAItD,SAAS,kBACNxC,EAAE8F,GAAIH,SAAS,kBAAiC,SAAbvE,EAAKuP,OACjD3Q,EAAE8F,GAAItD,SAAS,iBACfxC,EAAE8F,GAAIP,YAAY,kBAGH,SAAbnE,EAAKuP,KACP3Q,EAAE8F,GAAItD,SAAS,iBACO,SAAbpB,EAAKuP,MACd3Q,EAAE8F,GAAItD,SAAS,kBAMjBpB,EAAKS,eAAe,WACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKmD,OACvBgU,EAAE1T,OAAON,MAAQnD,EAAKmD,QAI1ByJ,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,mCAAmC,SAASC,GAK3CvB,IAAIsY,QAAQlR,IAAI5I,EAAE8F,IACpBjB,OAAO0V,WACX3Q,GAAS,GAETA,QAKNqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,sBAIZoD,cAAe,WACb,MAAO,CAELC,OAAQ,WACRC,MAAO,QAKblP,MAAMmK,cAAcC,SAAS0L,iBAAkB,cChM/C,IAAIa,cAAgB,IAAI3W,MAAMwJ,aAE9BvN,EAAEgG,OAAO0U,cAAe,CAEtBva,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,UAIvB2N,SAAU,SAAShI,GACjB,IAAIsQ,EAeJ,OAbEA,EADEpW,EAAE8F,GAAIH,SAAS,cACL3F,EAAE8F,GAAI3F,KAAK,eAEXH,EAAE8F,GAAI3F,KAAK,4BAMrBH,EAAEoW,GAAWhV,KAAK,UACpBpB,EAAE,uBAAuB4D,OAEzB5D,EAAE,uBAAuB2I,YAEgBvE,IAApCpE,EAAEoW,GAAW5V,KAAK,cAA8BR,EAAEoW,GAAW5V,KAAK,cAAe,MAI1FuN,eAAgB,SAASjI,EAAI1E,GAEvBA,EAAKS,eAAe,aACtBL,IAAI2I,IAAIxB,KAAK,IAAMvH,EAAK6I,GAAK,IAAM7I,EAAKiQ,WAI5CrD,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,0BAA0B,SAASC,GAC1C/C,EAAE8F,GAAIwJ,QAAQ,SACd1F,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,qBAId5L,MAAMmK,cAAcC,SAASuM,cAAe,WChD5C,IAAIC,gBAAkB,IAAI5W,MAAMwJ,aAEhCvN,EAAEgG,OAAO2U,gBAAiB,CAExBtM,WAAY,SAASvI,GACnBtE,IAAIuP,OAAOnP,OAAO,CAACkE,GAAIA,KAGzB3F,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,YAIvB2N,SAAU,SAAShI,GACjB,OAAOtE,IAAIuP,OAAOnI,IAAI5I,EAAE8F,IAAK8U,SAI/BnL,SAAU,SAAS3J,EAAIvB,GACb/C,IAAIuP,OAAOnI,IAAI5I,EAAE8F,IACvB8U,QAAUrW,GAIdwJ,eAAgB,SAASjI,EAAI1E,GACvBA,EAAKS,eAAe,YACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKwZ,SAErBxZ,EAAKS,eAAe,WACtB7B,EAAE8F,GAAIP,aAAa,SAAU6C,EAAOjB,GACtC,OAAQA,EAAU4I,MAAO,qBAAuB,IAAIC,KAAK,QAEvDhQ,EAAE8F,GAAItD,SAAS,SAAWpB,EAAKkB,SAInC0L,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,iCAAiC,SAASC,GAEjD6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,uBAId5L,MAAMmK,cAAcC,SAASwM,gBAAiB,aChD9C,IAAIE,qBAAuB,IAAI9W,MAAMwJ,aAErCvN,EAAEgG,OAAO6U,qBAAsB,CAG7BC,WAAY,SAAUxa,GACpB,IAAIya,EAAM7a,SAAS8a,cAAc,YAElC,OADAD,EAAIE,UAAY3a,EACTya,EAAIxW,OAGZ8J,WAAY,SAASvI,GACnB,IAaIoV,EAbA/U,EAAKnG,EAAE8F,GAAItF,KAAK,MAChBP,EAASD,EAAE8F,GAAI3F,KAAK,oBAAsBgG,EAAK,MAMnD,IAAK,IAAIgV,MALTlb,EAASG,KAAKC,MAAMJ,EAAOK,SAEpBwF,GAAK,IAAMK,EAGDlG,EAAOiR,OAClBiK,EAAKC,MAAMxW,OAAS,IACtBuW,EAAKC,MAAQ,2BAA6Bla,KAAK4Z,WAAWK,EAAKC,OAAS,UAMxEF,OADwB9W,IAAxBnE,EAAOiR,MAAM,GAAGmK,IACL,0WAkBA,oZAkBfpb,EAAOqb,aAAeJ,EAGtBjb,EAAOsb,UAAY,SAAU9N,EAAOyD,GAElC,IADA,IAAIsK,EAAQ,GACHvU,EAAI,EAAGA,EAAIiK,EAAMtM,OAAQqC,KAC5BiK,EAAMjK,GAAGmC,MAAMyE,cAAcvG,QAAQmG,EAAMI,gBAAkB,GAAsB,KAAjBJ,EAAMyK,SAAesD,EAAMtU,KAAKD,GAExG,OAAOuU,GAITvb,EAAOyE,YAAmCN,IAA1BnE,EAAOiR,MAAM,GAAGkK,MAAoC,QAAd5Z,IAAIia,MAAkB,IAAqB,OAAdja,IAAIia,MAAiB,IAAM,GAAqB,QAAdja,IAAIia,MAAkB,GAAoB,OAAdja,IAAIia,MAAiB,GAAK,GAG3Kja,IAAIka,YAAY9Z,OAAO3B,IAGzBE,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,kBAIvB2N,SAAU,SAAShI,GACjB,IAAI6V,EAAKna,IAAIka,YAAY9S,IAAI5I,EAAE8F,IAC/B,MAAO,CACLlB,OAAQ+W,EAAGzK,MAAMtM,OACjBgX,aAAcD,EAAGE,iBAAmB,EACpCC,WAAYH,EAAGI,eAAiB,EAChCC,UAAWL,EAAGM,WAKlBxM,SAAU,SAAS3J,EAAIvB,GACrB,IAAIoX,EAAKna,IAAIka,YAAY9S,IAAI5I,EAAE8F,IAC/B6V,EAAGO,cAEH,IAAIC,EAAkB,SAASjL,GAC7B,IAAI0I,EAEJ,QAAqBxV,IAAjB8M,EAAMtM,OACRgV,EAAO,2BAA2B1I,EAAMkK,cACxClK,EAAMkK,MAAQxB,OAEd,IAAK,IAAI3S,EAAI,EAAGA,EAAIiK,EAAMtM,OAAQqC,IAChC2S,EAAO,2BAA2B1I,EAAMjK,GAAGmU,cAC3ClK,EAAMjK,GAAGmU,MAAQxB,EAGrB,OAAM,GAGR,OAAQrV,EAAMsE,QACZ,IAAK,aACH8S,EAAGS,WAAWD,EAAgB5X,EAAM4W,OACpC,MACF,IAAK,cACHQ,EAAGU,YAAYF,EAAgB5X,EAAM4W,OACrC,MACF,IAAK,cACHQ,EAAGW,YAAYH,EAAgB5X,EAAM2M,QACrC,MACF,IAAK,eACHyK,EAAGY,aAAaJ,EAAgB5X,EAAM2M,QACtC,MACF,IAAK,cACHyK,EAAGa,YAAYjY,EAAM6D,MAAO7D,EAAM4W,MAClC,MACF,IAAK,kBACHQ,EAAGc,gBAAgBlY,EAAM2M,OACzB,MACF,IAAK,WACHyK,EAAGe,SAASnY,EAAMoY,SAAUpY,EAAMqY,UAClC,MACF,IAAK,mBACHjB,EAAGkB,iBAAiBtY,EAAM6D,MAAO+T,EAAgB5X,EAAM4W,OACvD,MACF,IAAK,cACFQ,EAAGmB,YAAYvY,EAAMwY,SACtB,MACF,IAAK,aACHpB,EAAGqB,WAAWzY,EAAM6D,OACpB,MACF,IAAK,iBACHuT,EAAGsB,eAAe1Y,EAAMwY,SACxB,MACF,IAAK,eACHpB,EAAGuB,aAAa3Y,EAAM6D,OAM1BpI,EAAE8F,GAAIwJ,QAAQ,WAIhBvB,eAAgB,SAASjI,EAAI1E,GAC3BF,KAAKuO,SAAS3J,EAAI1E,IAGpB4M,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,+BAA+B,SAASC,GAC/C6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,4BAId5L,MAAMmK,cAAcC,SAAS0M,qBAAsB","file":"shinyMobile.min.js","sourceRoot":"../../shinyMobile-build","sourcesContent":["$(function() {\n  // collect all data elements stored in body\n  var config = $(document).find(\"script[data-for='app']\");\n  config = JSON.parse(config.html());\n\n  // check if the app is intended to be a PWA\n  var isPWA = $('body').attr('data-pwa') === \"true\";\n\n  // always erase existing root value just in case the user changes the root.\n  // This may be harmful\n  config.root = \"#app\";\n\n  // only register sw if the user wants to make a PWA and has a sw available\n  if (isPWA) {\n    config.serviceWorker = {\n      path: window.location.pathname + \"service-worker.js\",\n      scope: window.location.pathname\n    };\n  }\n\n  // store app methods\n  config.methods =  {\n      toggleDarkTheme: function() {\n        var self = this;\n        var $view = self.$(\".view-main\");\n        $view.toggleClass(\"theme-dark\");\n      }\n    };\n\n  config.data = function() {\n    return {\n      popovers: [],\n      tooltips: [],\n      actions: []\n    };\n  };\n\n  // create app instance\n  app = new Framework7(config);\n\n  // init main view\n  mainView = app.views.create(\".view-main\");\n\n  // dark mode\n  if (!config.hasOwnProperty(\"dark\")) config.dark = false;\n  if (config.dark) {\n    app.methods.toggleDarkTheme();\n  }\n\n  // For mobile devices prevent text selection\n  if (!app.device.desktop) {\n    $(\"<style>\")\n      .prop(\"type\", \"text/css\")\n      .html(\n        `-webkit-user-select: none;\n         -khtml-user-select: none;\n         -moz-user-select: none;\n         -ms-user-select: none;\n         user-select: none;\n         -webkit-tap-highligth-color: transparent;\n         -webkit-touch-callout: none;\n        `\n      )\n      .appendTo(\"head\");\n  }\n\n  // Set color theme\n  if (config.hasOwnProperty(\"color\")) {\n    var colorCSS = app.utils.colorThemeCSSProperties(config.color);\n    $(\"<style>\")\n      .prop(\"type\", \"text/css\")\n      .html(\n        `:root {\n        --f7-theme-color: ${colorCSS[\"--f7-theme-color\"]};\n        --f7-theme-color-rgb: ${colorCSS[\"--f7-theme-color-rgb\"]};\n        --f7-theme-color-shade: ${colorCSS[\"--f7-theme-color-shade\"]};\n        --f7-theme-color-tint: ${colorCSS[\"--f7-theme-color-tint\"]};\n      }`\n      )\n      .appendTo(\"head\");\n  }\n\n  // Filled theme\n  if (!config.hasOwnProperty(\"filled\")) config.filled = false;\n  if (config.filled) {\n    var filledCSS = `\n    :root,\n    :root.theme-dark,\n    :root .theme-dark {\n      --f7-bars-bg-color: var(--f7-theme-color);\n      --f7-bars-bg-color-rgb: var(--f7-theme-color-rgb);\n      --f7-bars-translucent-opacity: 0.9;\n      --f7-bars-text-color: #fff;\n      --f7-bars-link-color: #fff;\n      --f7-navbar-subtitle-text-color: rgba(255,255,255,0.85);\n      --f7-bars-border-color: transparent;\n      --f7-tabbar-link-active-color: #fff;\n      --f7-tabbar-link-inactive-color: rgba(255,255,255,0.54);\n      --f7-sheet-border-color: transparent;\n      --f7-tabbar-link-active-border-color: #fff;\n    }\n    .appbar,\n    .navbar,\n    .toolbar,\n    .subnavbar,\n    .calendar-header,\n    .calendar-footer {\n      --f7-touch-ripple-color: var(--f7-touch-ripple-white);\n      --f7-link-highlight-color: var(--f7-link-highlight-white);\n      --f7-button-text-color: #fff;\n      --f7-button-pressed-bg-color: rgba(255,255,255,0.1);\n    }\n    .navbar-large-transparent,\n    .navbar-large.navbar-transparent {\n      --f7-navbar-large-title-text-color: #000;\n\n      --r: 0;\n      --g: 122;\n      --b: 255;\n      --progress: var(--f7-navbar-large-collapse-progress);\n      --f7-bars-link-color: rgb(\n        calc(var(--r) + (255 - var(--r)) * var(--progress)),\n        calc(var(--g) + (255 - var(--g)) * var(--progress)),\n        calc(var(--b) + (255 - var(--b)) * var(--progress))\n      );\n    }\n    .theme-dark .navbar-large-transparent,\n    .theme-dark .navbar-large.navbar-transparent {\n      --f7-navbar-large-title-text-color: #fff;\n  }`;\n\n    $(\"<style>\")\n      .prop(\"type\", \"text/css\")\n      .html(`${filledCSS}`)\n      .appendTo(\"head\");\n  }\n\n  // trick to fix the photo browser link issue\n  // we set the body class that will contain the color.\n  // We then recover this class in a variable in the app.js code\n  $(\"body\").addClass(config.color);\n  $(\"body\").attr(\"filled\", config.filled);\n\n  // Provide custom install prompt\n  if (isPWA) {\n    // Create custom install UI\n    var installToast = app.toast.create({\n      position: 'center',\n      text: '<button id=\"install-button\" class=\"toast-button button color-green\">Install</button>',\n    });\n\n    var deferredPrompt;\n    // Handle install event\n    $(window).on('beforeinstallprompt', (e) => {\n      // Prevent Chrome 67 and earlier from automatically showing the prompt\n      e.preventDefault();\n      // Stash the event so it can be triggered later.\n      deferredPrompt = e.originalEvent;\n      // Show install trigger\n      installToast.open();\n    });\n\n    // Installation must be done by a user gesture!\n    // close toast whenever a choice is made ... Give time\n    // to the toast to be created before event registration.\n    app.utils.nextTick(function() {\n      $('#install-button').on('click', function() {\n        // close install toast\n        installToast.close();\n        if (!deferredPrompt) {\n          // The deferred prompt isn't available.\n          return;\n        }\n        // Show the install prompt.\n        deferredPrompt.prompt();\n        // Log the result\n        deferredPrompt.userChoice.then((result) => {\n          console.log('👍', 'userChoice', result);\n          // Reset the deferred prompt variable, since\n          // prompt() can only be called once.\n          deferredPrompt = null;\n        });\n      });\n    }, 500);\n  }\n\n});\n","$(function() {\n  // utility to reset the input system\n  // whenever elements are added on the fly to the UI\n  function shinyInputsReset() {\n    Shiny.unbindAll();\n    Shiny.initializeInputs();\n    Shiny.bindAll();\n  }\n\n  // show reconnect notification\n  $(document).on(\"shiny:disconnected\", function(event) {\n    // remove shiny server stuff\n    $(\"#ss-connect-dialog\").hide();\n    $(\"#ss-overlay\").hide();\n    // use Framework7 internal tools\n    var reconnectToast = app.toast\n      .create({\n        icon: '<i class=\"icon f7-icons\">bolt_fill</i>',\n        position: \"center\",\n        text:\n          'Disconnected ... </br> </br> <div class=\"row\"><button onclick=\"Shiny.shinyapp.reconnect();\" class=\"toast-button button color-green col\">Reconnect</button><button onclick=\"location.reload();\" class=\"toast-button button color-red col\">Reload</button></div>'\n      })\n      .open();\n\n    // close toast whenever a choice is made ...\n    $(\".toast-button\").on(\"click\", function() {\n      reconnectToast.close();\n    });\n  });\n\n  // From this we can recover the workerId and the sessionId. sessionId\n  // is the same recovered on the server side with session$token.\n  $(document).on(\"shiny:sessioninitialized\", function(event) {\n    Shiny.setInputValue(\"shinyInfo\", Shiny.shinyapp.config);\n  });\n\n  // Returns the last input changed (name, value, type, ...)\n  $(document).on(\"shiny:inputchanged\", function(event) {\n    var type;\n    if (event.binding !== null) {\n      type = (event.binding.name !== undefined) ? event.binding.name.split(\".\")[1] : 'NA'\n      Shiny.setInputValue(\"lastInputChanged\", {\n        name: event.name,\n        value: event.value,\n        type: type\n      });\n    }\n  });\n\n  // Framework7.device is extremely useful to set up custom design\n  $(document).on(\"shiny:connected\", function(event) {\n    Shiny.setInputValue(\"deviceInfo\", Framework7.device);\n  });\n\n  // handle toolbar padding for mobiles in standalone mode\n  // only if there is an appbar\n  if (Framework7.device.standalone) {\n    $(\"html, body\").css({ height: \"100vh\", width: \"100vw\" });\n    if ($(\".appbar\").length > 0) {\n      $(\".toolbar\").css(\"margin-bottom\", \"20px\");\n    }\n  }\n\n  // Fix messagebar send icon issue when filled is TRUE. It is not\n  // visible because it takes the same color as the messagebar background ...\n  // To detect if the layout is filled, we search in the body class since the\n  // global color is hosted here.\n  if (app.params.filled && app.params.dark && $(\"body\").attr(\"class\") !== \"#ffffff\") {\n    $(\".demo-send-message-link\")\n      .find(\"i\")\n      .addClass(\"color-white\");\n  }\n\n  // chip label remove\n  $('.chip-delete').on('click', function() {\n    $(this).closest('.chip').remove();\n  });\n\n  // Skeleton effect at each output recalculation\n  const skeletonClass = 'skeleton-text skeleton-effect-fade';\n  // When recalculation starts\n  //$(document).on('shiny:outputinvalidated', function(e) {\n  //  $('#' + e.target.id).addClass(skeletonClass)\n  //});\n  //// When calculation is over\n  //$(document).on('shiny:value', function(e) {\n  //  $('#' + e.target.id).removeClass(skeletonClass)\n  //});\n\n  Shiny.addCustomMessageHandler('add_skeleton', function(message) {\n    var cl = 'skeleton-text skeleton-effect-' + message.effect\n    $(message.target).addClass(cl);\n    if (message.duration !== undefined) {\n      setTimeout(function() {\n        $(message.target).removeClass(cl);\n      }, message.duration * 1000)\n    } else {\n      $(document).on('shiny:idle', function() {\n        $(message.target).removeClass(cl);\n      });\n    }\n\n  });\n  // Skeleton preloader\n  window.ran = false;\n  if (app.params.skeletonsOnLoad) {\n    const skeletonTargets = [\".page-content\", \".navbar\", \".toolbar\"];\n    $(document).on('shiny:connected', function(event) {\n      setTimeout(function() {\n        if ($(\"html\").hasClass('shiny-busy')) {\n          for (target of skeletonTargets) {\n            $(target).addClass(skeletonClass);\n          }\n        }\n      }, 50);\n    });\n    $(document).on('shiny:idle', function(event){\n      if(!window.ran) {\n        for (target of skeletonTargets) {\n          $(target).removeClass(skeletonClass);\n        }\n      }\n      window.ran = true;\n    });\n  }\n\n  // Classic preloader\n  if (app.params.preloader) {\n    const preloader = app.dialog.preloader();\n    // Handle dark mode\n    if (app.params.dark) {\n      $(preloader.el).addClass(\"theme-dark\");\n    }\n    $(document).on('shiny:idle', function(event){\n      if(!window.ran){\n        app.dialog.close();\n      }\n      window.ran = true;\n    });\n  }\n\n\n  // handle background for dark mode\n  // need to remove the custom gainsboro color background\n  isSplitLayout = $(\"#app\").hasClass(\"split-layout\");\n  if (app.params.dark) {\n    // Required to apply correct CSS in shinyMobile.css\n    $(\"body\").addClass(\"dark\");\n    // Fix panel color in splitlayout\n    if (isSplitLayout) {\n      if ($(\".panel-left\").hasClass(\"theme-light\")) {\n        $(\".panel-left\")\n          .removeClass(\"theme-light\")\n          .addClass(\"theme-dark\");\n      }\n    }\n    $(\".appbar\").addClass(\"theme-dark\");\n  } else {\n    // Required to apply correct CSS in shinyMobile.css\n    $(\"body\").addClass(\"light\");\n    // Fix panel color in splitlayout\n    if (isSplitLayout) {\n      if ($(\".panel-left\").hasClass(\"theme-dark\")) {\n        $(\".panel-left\")\n          .removeClass(\"theme-dark\")\n          .addClass(\"theme-light\");\n      }\n    }\n  }\n\n  // allow for subnavbar. If a subnavbar if provided in the navbar\n  // add a custom class to the page so that the subnavbar is rendered\n  var subnavbar = $(\".subnavbar\");\n  if (subnavbar.length == 1) {\n    $(\".page\").addClass(\"page-with-subnavbar\");\n  }\n\n  // Update app instance params\n  Shiny.addCustomMessageHandler('update-app', function(message) {\n    // Merge new config to existing one\n    app.utils.extend(app.params, message);\n  });\n\n  Shiny.addCustomMessageHandler('update-entity', function(message) {\n    // Recover in which array is stored the given instance.\n    // Uniqueness is ensured since HTML id are supposed to be unique.\n    var instanceFamily;\n    for (const property in app.data) {\n      for (const e in app.data[property]) {\n        if (e === message.id) {\n          instanceFamily = property;\n        }\n      }\n    }\n\n    var oldInstance = app.data[instanceFamily][message.id];\n    var oldConfig = oldInstance.params;\n    var newConfig = app.utils.extend(oldConfig,  message.options);\n\n    // Destroy old instance\n    oldInstance.destroy();\n    // Create new config\n    var newInstance = app[instanceFamily].create(newConfig);\n    // Update app data\n    app.data[instanceFamily][message.id] = newInstance;\n  });\n\n\n\n\n\n  /**\n  * Instantiate all widgets: gauges, swiper, searchbar\n  */\n  const uiWidgets = [\"gauge\", \"swiper\", \"searchbar\"];\n  const serverWidgets = [\"toast\", \"photoBrowser\", \"notification\", \"popup\", \"listIndex\"];\n\n  const widgets = uiWidgets.concat(serverWidgets);\n\n  // Instantiate a widget\n  activateWidget = function(widget) {\n    // Handle ui side widgets\n    if (uiWidgets.indexOf(widget) > -1) {\n      $(\".\" + widget).each(function() {\n        var $el = $(this);\n        var config = $(document).find(\n          \"script[data-for='\" + $el.attr(\"id\") + \"']\"\n        );\n        config = JSON.parse(config.html());\n        // add the id\n        config.el = '#' + $el.attr(\"id\");\n\n        // feed the create method\n        app[widget].create(config);\n      });\n    } else {\n      // This concerns toasts, notifications, photoBrowser, ...\n      // that don't have any UI element in the DOM before creating\n      // the widget instance.\n      Shiny.addCustomMessageHandler(widget, function(message) {\n        if (widget === \"listIndex\") {\n          // We first insert the HTML before the page content div.\n          $('<div class=\\\"list-index\\\" id=\\\"' + message.el + '\\\"></div>')\n            .insertAfter($('.navbar'));\n        }\n        // Handle dark mode\n        message.on = {\n          open: function(target) {\n            if (message.id !== undefined) Shiny.setInputValue(message.id, true);\n            if (target.app.params.dark) {\n              $(target.el).addClass(\"theme-dark\");\n            }\n            shinyInputsReset();\n          },\n          close: function() {\n            if (message.id !== undefined) Shiny.setInputValue(message.id, false)\n          }\n        };\n        if (widget === \"listIndex\") {\n          message.el = \"#\" + message.el;\n          app[widget].create(message);\n        } else {\n          app[widget].create(message).open()\n        }\n      });\n    }\n  };\n\n  // Loop over all widgets to activate them\n  widgets.forEach(function(w) {\n    activateWidget(w);\n  });\n\n\n  // set up popovers\n  popoverIds = [];\n  getAllPopoverIds = function() {\n    //In data-popover attribute we specify CSS selector of popover we need to open\n    $(\"[data-popover]\").each(function() {\n      popoverIds.push($(this).attr(\"data-popover\"));\n    });\n  };\n\n  // call the function ...\n  getAllPopoverIds();\n\n  popoverIds.forEach(function(index) {\n    Shiny.addCustomMessageHandler(index, function(message) {\n      // Handle dark mode\n      message.on = {\n        open: function(target) {\n          if (target.app.params.dark) {\n            $(target.el).addClass(\"theme-dark\");\n          }\n        }\n      };\n      var popover = app.popover.create({\n        targetEl: '[data-popover = \"' + index + '\"]',\n        content:\n          '<div class=\"popover\">' +\n          '<div class=\"popover-inner\">' +\n          '<div class=\"block\">' +\n          message.content +\n          \"</div>\" +\n          \"</div>\" +\n          \"</div>\"\n      });\n      $('[data-popover = \"' + index + '\"]').on(\"click\", function() {\n        popover.open();\n      });\n    });\n  });\n\n\n  // New popover API shinyMobile 2.0.0\n  Shiny.addCustomMessageHandler('add_popover', function(message) {\n    // We store all created instances in app data so that we don't\n    // recreate them later if they exist ...\n    if (app.data.popovers[message.targetEl] === undefined) {\n      // Only create if popover is enable for the current targetEl\n      if (!$(message.targetEl).hasClass('popover-disabled')) {\n        // popover HTML layout\n        message.content = `\n        <div class=\"popover\">\n          <div class=\"popover-angle\"></div>\n          <div class=\"popover-inner\">\n            <div class=\"block\">${message.content}</div>\n          </div>\n        </div>\n        `;\n\n        // Handle dark mode\n        message.on = {\n          open: function(target) {\n            if (target.app.params.dark) {\n              $(target.el).addClass(\"theme-dark\");\n            }\n          }\n        };\n\n        // create instance\n        var p = app.popover.create(message);\n        // Open popover\n        p.open();\n        // Storage in app data (popovers array)\n        app.data.popovers[message.targetEl] = p;\n        }\n    } else {\n      // Only show if popover is enable for the current targetEl\n      if (!$(message.targetEl).hasClass('popover-disabled')) {\n        app.data.popovers[message.targetEl].open();\n      }\n    }\n  });\n\n\n  Shiny.addCustomMessageHandler('toggle_popover', function(message) {\n    // Simply adds a class to indicate that the popover has to be hidden\n    $(message).toggleClass('popover-disabled');\n  });\n\n\n  // Tooltips new API shinyMobile 2.0.0\n  Shiny.addCustomMessageHandler('add_tooltip', function(message) {\n    // We store all created instances in app data so that we don't\n    // recreate them later if they exist ...\n    if (app.data.tooltips[message.targetEl] === undefined) {\n      // create instance\n      var t = app.tooltip.create(message);\n      // Open tooltip\n      t.show();\n      // Storage in app data (tooltips array)\n      app.data.tooltips[message.targetEl] = t;\n    }\n  });\n\n  Shiny.addCustomMessageHandler('update_tooltip', function(message) {\n    if (app.data.tooltips[message.targetEl] !== undefined) {\n      // Try to get the instance\n      var t = app.tooltip.get(message.targetEl);\n      if (message.action === \"update\") {\n        if (t) {\n          t.setText(message.text);\n        }\n      } else if (message.action === \"toggle\") {\n        if (t) {\n          // create copy that won't be modified if t is destroyed!\n          var cachedTooltip = Object.assign({}, t);\n          // save copy to replace the deleted one in the app data\n          app.data.tooltips[message.targetEl] = cachedTooltip;\n          // destroy current instance\n          t.destroy();\n        } else {\n          // Parameters\n          var pars = app.data.tooltips[message.targetEl].params;\n          // recreate the tooltip based on the copy configuration\n          t = app.tooltip.create(pars);\n          app.data.tooltips[message.targetEl] = t;\n        }\n      }\n    }\n  });\n\n\n  // handle dialog\n  Shiny.addCustomMessageHandler(\"dialog\", function(message) {\n    var type = message.type;\n    // decide to lock the vertical size so that\n    // people don't need to manually add overflow.\n    var text = `<div style=\"max-height: 300px; overflow-y: scroll;\">${message.text}</div>`\n    var dialog;\n    switch (type) {\n      case \"alert\":\n        dialog = app.dialog.alert(text, message.title, message.on);\n        break;\n      case \"confirm\":\n        dialog = app.dialog\n          .confirm(\n            (text = text),\n            (title = message.title),\n            (callbackOk = function() {\n              Shiny.setInputValue(message.id, true);\n            }),\n            (callbackCancel = function() {\n              Shiny.setInputValue(message.id, false);\n            })\n          )\n          .open(Shiny.setInputValue(message.id, null));\n        //confirm.closed(Shiny.setInputValue(message.id, null));\n        break;\n      case \"prompt\":\n        dialog =  app.dialog\n          .prompt(\n            (text = text),\n            (title = message.title),\n            (callbackOk = function(value) {\n              Shiny.setInputValue(message.id, value);\n            }),\n            (callbackCancel = function() {\n              Shiny.setInputValue(message.id, null);\n            })\n          )\n          .open(Shiny.setInputValue(message.id, null));\n        break;\n      case \"login\":\n        dialog = app.dialog\n          .login(\n            (text = text),\n            (title = message.title),\n            (callbackOk = function(username, password) {\n              Shiny.setInputValue(message.id, {\n                user: username,\n                password: password\n              });\n            }),\n            (callbackCancel = function() {\n              Shiny.setInputValue(message.id, null);\n            })\n          )\n          .open(Shiny.setInputValue(message.id, null));\n        break;\n      default:\n        console.log(\"\");\n    }\n    // Handle dark mode\n    if (app.params.dark) {\n      $(dialog.el).addClass(\"theme-dark\");\n    }\n  });\n\n  // handle taphold events\n  Shiny.addCustomMessageHandler(\"tapHold\", function(message) {\n    var callback = new Function('return ('+ message.callback +')');\n    $(message.target).on(\"taphold\", function() {\n      callback();\n    });\n  });\n\n  // handle f7InsertTab and f7RemoveTab ...\n  // recover all tabSet ids in an array\n  // The idea is that we will add each respective\n  // id to the Shiny.addCustomMessageHandler function\n  // which first argument is the type and should be the id\n  // of the targeted tabSet\n\n  function handleTabLinkHighlight() {\n    $(\".tab-link-highlight\").remove();\n    // calculate new segment width\n    var segment_width = 100 / $(\".toolbar-inner > a\").length;\n    // calculate new indicator position\n    var tabs = $(\".toolbar-inner > a\");\n    var tabsClasses = [];\n    for (i= 0; i<tabs.length; i++) {\n      tabsClasses.push(tabs[i].className)\n    }\n    var idx = tabsClasses.indexOf(\"tab-link tab-link-active\");\n    var translate_rate;\n    // In case of removeTab, if no other tab is active,\n    // we select the first tab after the one removed.\n    if (idx === -1) {\n      translate_rate = 0;\n    } else {\n      translate_rate = idx * 100 + '%';\n    }\n\n\n    $(\".toolbar-inner\").append(\n      '<span class=\"tab-link-highlight\" style=\"width: ' +\n        segment_width +\n        '%; transform: translate3d(' + translate_rate + ', 0px, 0px);\"></span>'\n    );\n  }\n\n  var tabIds = [];\n  getAllTabSetIds = function() {\n    $(\".tabs.ios-edges\").each(function() {\n      tabIds.push(this.id);\n    });\n  };\n\n  // call the function ...\n  getAllTabSetIds();\n\n  // f7InsertTab js\n  tabIds.forEach(function(index) {\n    var id = \"insert_\" + index;\n    Shiny.addCustomMessageHandler(id, function(message) {\n      // Handle when message.target is null\n      var tabId;\n      if (message.target === undefined) {\n        tabId = $('#' + message.ns); // target the parent tabset\n      } else {\n        tabId = $('#' + message.ns + '-' + message.target);\n      }\n\n      var tab = $(message.value.html);\n\n\n      // for swipeable tabs\n      var newTab;\n      if ($(tabId).hasClass(\"swiper-slide\")) {\n        // prepare the new slide\n        newTab = $(tab).addClass(\"swiper-slide\");\n        // remove page content class for standalone tabs\n        if (\n          $(\".tabLinks\")\n            .children(1)\n            .hasClass(\"segmented\")\n        ) {\n          $(newTab).removeClass(\"page-content\");\n        }\n        // add active if necessary\n        if (message.select === \"true\") {\n          $(newTab).addClass(\"swiper-slide-active\");\n        }\n      } else {\n        newTab = $(tab);\n      }\n\n      // Ignore position if target is not defined\n      if (message.target === undefined) {\n        // Insert tab content\n        $(tabId).append(newTab);\n        // Insert tab link in tabset toolbar\n        $('.tabLinks .toolbar-inner').prepend(message.link);\n      } else {\n        if (message.position === \"after\") {\n          // insert after the targeted tag in the tab-panel div\n          $(newTab).insertAfter($(tabId));\n          // we also need to insert an item in the navigation\n          $(message.link).insertAfter(\n            $(\n              '.tabLinks [data-tab =\"#' + message.ns + \"-\" + message.target + '\"]'\n            )\n          );\n        } else if (message.position === \"before\") {\n          // insert before the targeted tag in the tab-panel div\n          $(newTab).insertBefore($(tabId));\n          // we also need to insert an item in the navigation\n          $(message.link).insertBefore(\n            $(\n              '.tabLinks [data-tab =\"#' + message.ns + \"-\" + message.target + '\"]'\n            )\n          );\n        }\n      }\n\n      // needed to render input/output in newly added tab. It takes the possible\n      // deps and add them to the tag. Indeed, if we insert a tab, its deps are not\n      // included in the page so it can't render properly\n      Shiny.renderContent(\n        tab[0],\n        {html: tab.html(), deps: message.value.deps}\n      );\n\n      // we need to transform a in button in case\n      // the container has segmented class (for standalone tabs).\n      // This is ignored for toolbar tabs\n      if (\n        $(\".tabLinks\")\n          .children(1)\n          .hasClass(\"segmented\")\n      ) {\n        var newLink;\n        var oldLink = $('.tabLinks [data-tab =\"#' + message.id + '\"]');\n        newLink = $(oldLink).replaceWith(\n          '<button class=\"button tab-link\" data-tab=\"#' +\n            message.id +\n            '\">' +\n            $(oldLink).html() +\n            \"</button>\"\n        );\n      }\n\n      // update the swiper if needed\n      if ($(tabId).hasClass(\"swiper-slide\")) {\n        // access the swiper container\n        var swiper = document.querySelector(\".swiper-container\").swiper;\n        swiper.update();\n      }\n\n      // if the newly inserted tab is active, disable other tabs\n      if (message.select === \"true\") {\n        // trigger a click on corresponding the new tab button.\n        app.tab.show(\"#\" + message.id, true);\n      }\n\n      // we programmatically remove the old tabbar indicator and rebuild it.\n      // The with of the tabbar indicator depends on the number of tab items it contains\n      if (\n        !$(\".tabLinks\")\n          .children(1)\n          .hasClass(\"segmented\")\n      ) {\n        handleTabLinkHighlight();\n      }\n    });\n  });\n\n  // f7RemoveTab js\n  tabIds.forEach(function(index) {\n    var id = \"remove_\" + index;\n    Shiny.addCustomMessageHandler(id, function(message) {\n      // show the next tab first\n      var tabToRemove = $(\"#\" + message.ns + \"-\" + message.target);\n\n      // important: prevent tab from translating which would lead to a\n      // white screen\n      $(\".tabs.ios-edges\").css(\"transform\", \"\");\n\n      // remove the tab link: if condition to handle the case\n      // of standalone tabs vs toolbar tabs\n      if (\n        !$(\".tabLinks\")\n          .children(1)\n          .hasClass(\"segmented\")\n      ) {\n        $(\n          '.toolbar-inner a[data-tab=\"#' +\n            message.ns +\n            \"-\" +\n            message.target +\n            '\"]'\n        ).remove();\n      } else {\n        var linkToRemove = $(\n          '.tabLinks button[data-tab=\"#' +\n            message.ns +\n            \"-\" +\n            message.target +\n            '\"]'\n        );\n        var otherLinks = $(\".tabLinks button\").not(\n          '[data-tab=\"#' + message.ns + \"-\" + message.target + '\"]'\n        );\n        if ($(linkToRemove).next().length === 0) {\n          if (!$(otherLinks).hasClass(\"tab-link-active\")) {\n            $(linkToRemove)\n              .prev()\n              .addClass(\"tab-link-active\");\n          }\n        } else {\n          if (!$(otherLinks).hasClass(\"tab-link-active\")) {\n            $(linkToRemove)\n              .next()\n              .addClass(\"tab-link-active\");\n          }\n        }\n        $(linkToRemove).remove();\n      }\n\n      // remove the tab body content\n      $(\"#\" + message.ns + \"-\" + message.target).remove();\n\n      // update the swiper if needed\n      if ($(tabToRemove).hasClass(\"swiper-slide\")) {\n        // access the swiper container\n        var swiper = document.querySelector(\".swiper-container\").swiper;\n        swiper.update();\n      }\n\n      // show the next element. Need to be after the swiper update.\n      var nextTabId = $(tabToRemove)\n        .next()\n        .attr(\"id\");\n      app.tab.show(\"#\" + nextTabId);\n\n      // we programmatically remove the old tabbar indicator and rebuild it.\n      // The with of the tabbar indicator depends on the number of tab items it contains\n      if (\n        !$(\".tabLinks\")\n          .children(1)\n          .hasClass(\"segmented\")\n      ) {\n        handleTabLinkHighlight();\n      }\n    });\n  });\n\n\n  // Update gauges\n  Shiny.addCustomMessageHandler(\"update-gauge\", function(message) {\n    var el = \"#\" + message.id;\n    app.gauge.get(el).update(message);\n  });\n\n\n  // Create and show all f7Progress\n  activateAllProgress = function() {\n    $(\".progressbar\").each(function() {\n      var el = \"#\" + $(this).attr(\"id\");\n      var progress = parseInt($(this).attr(\"data-progress\"));\n      // color does not work from JS (needs to be done from R)\n      app.progressbar.show(el, progress);\n    });\n  };\n\n  activateAllProgress();\n\n  // update f7Progress\n  Shiny.addCustomMessageHandler(\"update-progress\", function(message) {\n    app.progressbar.set(\"#\" + message.id, message.progress);\n  });\n\n\n  // show navbar (to remove)\n  Shiny.addCustomMessageHandler(\"show_navbar\", function(message) {\n    var animate;\n    if (message.animate == \"true\") animate = true;\n    else animate = false;\n    app.navbar.show(\".navbar\", (animate = message.animate));\n  });\n\n  // hide navbar (to remove)\n  Shiny.addCustomMessageHandler(\"hide_navbar\", function(message) {\n    var animate;\n    var hideStatusbar;\n    if (message.animate == \"true\") animate = true;\n    else animate = false;\n    if (message.hideStatusbar == \"true\") hideStatusbar = true;\n    else hideStatusbar = false;\n    app.navbar.hide(\n      \".navbar\",\n      (animate = animate),\n      (hideStatusbar = hideStatusbar)\n    );\n  });\n\n  // toggle navbar\n  Shiny.addCustomMessageHandler(\"toggle_navbar\", function(message) {\n    $navbar = $('.navbar');\n    var isHidden = $navbar.hasClass('navbar-hidden');\n    if (isHidden) {\n      app.navbar.show(\".navbar\", animate = message.animate);\n    } else {\n      app.navbar.hide(\".navbar\", animate = message.animate, hideStatusbar = message.hideStatusbar);\n    }\n  });\n\n  // handle action sheet\n  Shiny.addCustomMessageHandler(\"action-sheet\", function(message) {\n    // Only create action sheet whenever necessary\n    if (app.data.actions[message.id] === undefined) {\n      var buttonsId = message.id + \"_button\";\n\n      // define function that set an inputvalue those name depends on an index\n      // parameter\n      function setButtonInput(index) {\n        Shiny.setInputValue(buttonsId, index);\n      }\n\n      // add those functions to the message.button array\n      function setOnClick(element, index) {\n        Object.defineProperty(element, \"onClick\", {\n          value: function() {\n            setButtonInput(index + 1);\n          },\n          writable: false\n        });\n      }\n\n      message.buttons.forEach(setOnClick);\n\n      // Callbacks for shiny inputs\n      message.on = {\n        open: function(target) {\n          if (target.app.params.dark) {\n            $(target.el).addClass(\"theme-dark\");\n          }\n        },\n        opened: function() {\n          Shiny.setInputValue(message.id, true);\n        },\n        closed: function() {\n          Shiny.setInputValue(message.id, false);\n          // input$button is null when the action is closed\n          Shiny.setInputValue(buttonsId, null);\n        }\n      };\n\n      // create the sheet\n      var a = app.actions.create(message)\n      a.open();\n      // save action sheet to app data to update it later\n      app.data.actions[message.id] = a;\n\n    } else {\n      app.data.actions[message.id].open();\n    }\n  });\n\n\n  Shiny.addCustomMessageHandler(\"update-action-sheet\", function(message) {\n    // Destroy old instance\n    app.data.actions[message.id].destroy();\n    // Create new config\n    var a = app.actions.create(message);\n    // Update app data\n    app.data.actions[message.id] = a;\n  });\n\n\n\n  // pull to refresh\n  // add the preloader tag dynamically\n  if ($('body').attr('data-ptr') === 'true') {\n    const ptrLoader = $(\n      '<div class=\"ptr-preloader\">' +\n        '<div class=\"preloader\"></div>' +\n        '<div class=\"ptr-arrow\"></div>' +\n        \"</div>\"\n    );\n\n    // add useful classes to the page content\n    $(\".page-content\")\n      .addClass(\"ptr-content\")\n      .prepend(ptrLoader)\n      .attr(\"data-ptr-distance\", \"55\")\n      .attr(\"data-ptr-mousewheel\", \"true\");\n\n    // we need to create the ptr manually since it\n    // is added after the page initialization\n    app.ptr.create(\".ptr-content\");\n    var ptr = app.ptr.get(\".ptr-content\");\n    // Add 'refresh' listener on it\n    ptr.on(\"refresh\", function(e) {\n      // Emulate 2s loading\n      Shiny.setInputValue(\"ptr\", true);\n      setTimeout(function() {\n        app.ptr.done();\n      }, 2000);\n    });\n\n    // reset input. This will prevent observeEvent from\n    // always being fired since they ignore NULL by default.\n    // Therefore, instead of setting ptr to FALSE, we set it\n    // to null\n    ptr.on(\"done\", function(e) {\n      Shiny.setInputValue(\"ptr\", null);\n    });\n  }\n\n  // validate inputs (see f7ValidateInput)\n  Shiny.addCustomMessageHandler(\"validate-input\", function(message) {\n    $(\"#\" + message.target)\n      .attr(\"required\", \"\")\n      .attr(\"validate\", \"\")\n      .attr(\"pattern\", message.pattern)\n      .attr(\"data-error-message\", message.error);\n\n    $(\"#\" + message.target)\n      .closest(\".item-content.item-input\")\n      .addClass(\"item-input-with-info\");\n    var infoTag;\n    if (message.info !== undefined) {\n      infoTag = '<div class = \"item-input-info\">' + message.info + \"</div>\";\n    }\n    $(\"#\" + message.target)\n      .parent()\n      .append(infoTag);\n  });\n\n  // preloader\n  Shiny.addCustomMessageHandler(\"show-preloader\", function(message) {\n    if (typeof message.el !== \"undefined\") {\n      app.preloader.showIn(message.el, message.color);\n    } else {\n      app.preloader.show(message.color);\n    }\n  });\n\n  Shiny.addCustomMessageHandler(\"hide-preloader\", function(message) {\n    if (typeof message.el !== \"undefined\") {\n      app.preloader.hideIn(message.el);\n    } else {\n      app.preloader.hide();\n    }\n  });\n\n\n  // Each click on swipeout item set shiny input value to TRUE\n  // We also close the parent swipeout container. Set proirity to event\n  // so that the input always invalidate observers on the R side, even though\n  // its value does not change.\n  $('.swipeout-item').each(function() {\n    $(this).on('click', function() {\n      Shiny.setInputValue($(this).attr('id'), true, {priority: 'event'});\n      // close the swipeout element\n      app.swipeout.close($(this).closest('.swipeout'));\n    });\n  })\n\n});\n","// Input binding\nvar f7ActionSheetBinding = new Shiny.InputBinding();\n\n$.extend(f7ActionSheetBinding, {\n\n  find: function(scope) {\n    //return $(scope).find(\".actions-modal\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    //var s = app.actions.get($(el));\n    //console.log(s);\n    //return s.opened;\n  },\n\n  // see updateF7Sheet\n  receiveMessage: function(el, data) {\n    //var s = app.actions.get($(el));\n    //if (s.opened) {\n    //  s.close();\n    //} else {\n    //  s.open();\n    //}\n  },\n\n  subscribe: function(el, callback) {\n    // need to subscribe after open and close\n    // therefore we listen to opened and closed, respectively\n    //$(el).on(\"actions:open.f7ActionSheetBinding actions:close.f7ActionSheetBinding\", function(e) {\n    //  callback();\n    //});\n  },\n\n  unsubscribe: function(el) {\n    //$(el).off(\".f7ActionSheetBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7ActionSheetBinding);\n","// Input binding\nfunction setSource(query, render) {\n  var results = [];\n  if (query.length === 0) {\n    render(results);\n    return;\n  }\n  // Find matched items\n  for (var i = 0; i < vals.length; i++) {\n    if (vals[i].toLowerCase().indexOf(query.toLowerCase()) >= 0) {\n      results.push(vals[i]);\n    }\n  }\n  // Render items by passing array with result items\n  render(results);\n};\n\nvar f7AutoCompleteBinding = new Shiny.InputBinding();\n\n$.extend(f7AutoCompleteBinding, {\n\n  initialize: function(el) {\n\n    // recover the inputId passed in the R function\n    var id = $(el).attr(\"id\");\n\n    // convert data attributes to camelCase parameters\n    // necessary in the create method\n    var data = {};\n    [].forEach.call(el.attributes, function(attr) {\n      if (/^data-/.test(attr.name)) {\n        var camelCaseName = attr.name.substr(5).replace(/-(.)/g, function ($0, $1) {\n          return $1.toUpperCase();\n        });\n        // convert \"true\" to true and \"false\" to false only for booleans\n        if ([\"openIn\", \"choices\", \"value\", \"dropdownPlaceholderText\"].indexOf(camelCaseName) == -1) {\n          var isTrueSet = (attr.value == 'true');\n          data[camelCaseName] = isTrueSet;\n        } else {\n          data[camelCaseName] = attr.value;\n        }\n      }\n    });\n\n    data.value = JSON.parse(data.value);\n\n    // special case where the autocomplete is standalone\n    if (data.openIn == \"dropdown\") {\n      data.inputEl = '#' + id;\n    } else {\n      data.openerEl = '#' + id;\n    }\n\n    var vals = JSON.parse(data.choices);\n    data.source = function (query, render) {\n      var results = [];\n      if (query.length === 0) {\n        render(results);\n        return;\n      }\n      // Find matched items\n      for (var i = 0; i < vals.length; i++) {\n        if (vals[i].toLowerCase().indexOf(query.toLowerCase()) >= 0) {\n          results.push(vals[i]);\n        }\n      }\n      // Render items by passing array with result items\n      render(results);\n    };\n\n    // for popup and page so that shiny is aware about input change\n    data.on = {\n      change: function (value) {\n        // important: trigger change so that the input value\n        // is updated for Shiny\n        $('#' + id).trigger('change');\n      }\n    };\n\n    app.autocomplete.create(data);\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".autocomplete-input\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var a = app.autocomplete.get($(el));\n    // Set value in placeholder\n    $(a.params.inputEl).val(a.value);\n    return a.value;\n  },\n\n  // see updateF7AutoComplete\n  setValue: function(el, value) {\n    el.value = value;\n    el.params.value = value;\n    // needed to update the text input\n    $(el.params.inputEl).val(el.value);\n  },\n\n  _setChoices: function(el, choices) {\n    // vals is required by setSource as global var.\n    vals = choices;\n    el.params.source = setSource;\n  },\n\n  // see updateF7AutoComplete\n  receiveMessage: function(el, data) {\n    var a = app.autocomplete.get($(el));\n    // update choices\n    if (data.hasOwnProperty('choices')) {\n      this._setChoices(a, data.choices);\n    }\n    // Update value\n    if (data.hasOwnProperty('value')) {\n      this.setValue(a, data.value);\n    }\n    $(el).trigger('change');\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7AutoCompleteBinding\", function(e) {\n      // we need a delay since shiny is faster than\n      // the f7AutoComplete animation\n      setTimeout(function() {\n        callback();\n      }, 10);\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7AutoCompleteBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7AutoCompleteBinding, 'f7.autocomplete');","var f7ButtonInputBinding = new Shiny.InputBinding();\n$.extend(f7ButtonInputBinding, {\n  find: function(scope) {\n    return $(scope).find(\".f7-action-button\");\n  },\n  getValue: function(el) {\n    return $(el).data('val') || 0;\n  },\n  setValue: function(el, value) {\n    $(el).data('val', value);\n  },\n  getType: function(el) {\n    return 'shiny.action';\n  },\n  subscribe: function(el, callback) {\n    $(el).on(\"click.f7ButtonInputBinding\", function(e) {\n      var $el = $(this);\n      var val = $el.data('val') || 0;\n      $el.data('val', val + 1);\n\n      callback();\n    });\n  },\n  getState: function(el) {\n    return { value: this.getValue(el) };\n  },\n  receiveMessage: function(el, data) {\n    var $el = $(el);\n\n    // update color\n    if (data.hasOwnProperty(\"color\")) {\n      $(el).removeClass (function (index, className) {\n    return (className.match (/(^|\\s)color-\\S+/g) || []).join(' ');\n});\n      $(el).addClass(\"color-\" + data.color);\n    }\n\n    // update fill\n    if (data.hasOwnProperty(\"fill\")) {\n      var isFilled = $(el).hasClass(\"button-fill\");\n      if (data.fill) {\n        if (!isFilled) $(el).addClass(\"button-fill\");\n      } else {\n        if (isFilled) $(el).removeClass(\"button-fill\");\n      }\n    }\n\n    // update outline\n    if (data.hasOwnProperty(\"outline\")) {\n      var isOutline = $(el).hasClass(\"button-outline\");\n      if (data.outline) {\n        if (!isOutline) $(el).addClass(\"button-outline\");\n      } else {\n        if (isOutline) $(el).removeClass(\"button-outline\");\n      }\n    }\n\n    // update raided\n    if (data.hasOwnProperty(\"shadow\")) {\n      var isRaised = $(el).hasClass(\"button-raised\");\n      if (data.shadow) {\n        if (!isRaised) $(el).addClass(\"button-raised\");\n      } else {\n        if (isRaised) $(el).removeClass(\"button-raised\");\n      }\n    }\n\n    // update rounded\n    if (data.hasOwnProperty(\"rounded\")) {\n      var isRounded = $(el).hasClass(\"button-round\");\n      if (data.rounded) {\n        if (!isRounded) $(el).addClass(\"button-round\");\n      } else {\n        if (isRounded) $(el).removeClass(\"button-round\");\n      }\n    }\n\n    // update size\n    if (data.hasOwnProperty(\"size\")) {\n      var isLarge = $(el).hasClass(\"button-large\");\n      var isSmall = $(el).hasClass(\"button-small\");\n      if (!isLarge & !isSmall) $(el).addClass(\"button-\" + data.size);\n      if (!isLarge & isSmall) {\n        $(el).removeClass(\"button-small\");\n        $(el).addClass(\"button-\" + data.size);\n      }\n      if (isLarge & !isSmall) {\n        $(el).removeClass(\"button-large\");\n        $(el).addClass(\"button-\" + data.size);\n      }\n    }\n\n\n    // retrieve current label and icon\n    var label = $el.text();\n\n    // update the requested properties\n    if (data.hasOwnProperty('label')) label = data.label;\n    // produce new html\n    $el.html(label);\n  },\n  unsubscribe: function(el) {\n    $(el).off(\".f7ButtonInputBinding\");\n  }\n});\nShiny.inputBindings.register(f7ButtonInputBinding, 'f7.button');\n\n\n$(document).on('click', 'a.f7-action-button', function(e) {\n  e.preventDefault();\n});","// Input binding\nvar f7CardBinding = new Shiny.InputBinding();\n\n$.extend(f7CardBinding, {\n\n  find: function(scope) {\n    return $(scope).find(\".card-expandable\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var open = $(el).hasClass('card-opened');\n    return open;\n  },\n\n  // see updateF7Card\n  receiveMessage: function(el, data) {\n    app.card.toggle($(el));\n  },\n\n  subscribe: function(el, callback) {\n    // need to subscribe after open and close\n    // therefore we listen to opened and closed, respectively\n    $(el).on(\"card:opened.f7CardBinding card:closed.f7CardBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7CardBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7CardBinding, 'f7.card');\n","// Input binding\nvar f7CollapsibleBinding = new Shiny.InputBinding();\n\n$.extend(f7CollapsibleBinding, {\n\n  find: function(scope) {\n    return $(scope).find(\".collapsible\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var accordionId = $($(el)[0]).attr('id');\n    var items = $('#' + accordionId + ' li.accordion-item-opened');\n    if (items.length > 0) {\n     // find title\n     if (items.length === 1) {\n      var val = $(items[0]).find('.item-title').html();\n      return {state: true, value: val};\n     } else {\n       var titles = [];\n       $(items).each(function(i) {\n         titles.push($(items[i]).find('.item-title').html());\n       });\n       return {state: true, value: titles};\n     }\n    } else {\n      return {state: false, value: null};\n    }\n  },\n\n  // see updateF7Collapsible\n  receiveMessage: function(el, data) {\n    if (data.hasOwnProperty('selected')) {\n      var accordionId = $($(el)[0]).attr('id');\n      var items = $('#' + accordionId + ' .accordion-item');\n      var idx = data.selected - 1;\n      var target = $(items[idx]);\n      app.accordion.toggle(target);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    // need to subscribe after open and close\n    // therefore we listen to opened and closed, respectively\n    $(el).on(\"accordion:opened.f7CollapsibleBinding accordion:closed.f7CollapsibleBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7CollapsibleBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7CollapsibleBinding, 'f7.collapsible');","// Input binding\nvar f7ColorPickerBinding = new Shiny.InputBinding();\n\n$.extend(f7ColorPickerBinding, {\n\n  initialize: function(el) {\n    app.colorPicker.create({\n      inputEl: el,\n      targetEl: $(el).attr(\"id\") + '-value',\n      targetElSetBackgroundColor: true,\n      modules: colorPickerModules,\n      // I keep openIn default to auto since\n      // it is better to be automatically optimized\n      // based on the currently selected device.\n      openIn: 'auto',\n      sliderValue: colorPickerSliderValue,\n      sliderValueEditable: colorPickerSliderValueEditable,\n      sliderLabel: colorPickerSliderLabel,\n      hexLabel: colorPickerHexLabel,\n      hexValueEditable: colorPickerHexValueEditable,\n      groupedModules: colorPickerGroupedModules,\n      // Same thing here. For now, we use predefined\n      // palettes. latter, maybe add user defined palettes\n      palette: colorPickerPalettes,\n      //formatValue: function (value) {\n      //  return 'rgba(' + value.rgba.join(', ') + ')';\n      //},\n      value: {\n        hex: colorPickerValue,\n      },\n      on : {\n        open: function(target) {\n          if (target.app.params.dark) {\n            target\n              .$el\n              .closest(\".modal-in\")\n              .addClass(\"theme-dark\");\n          }\n        }\n      }\n    });\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".color-picker-input\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var ID = $(el).attr(\"id\");\n    // below we get the hidden value field using\n    // vanilla JS\n    return document.getElementById(ID).value;\n  },\n\n  // see updateF7ColorPicker\n  setValue: function(el, value) {\n\n  },\n\n  // see updateF7ColorPicker\n  receiveMessage: function(el, data) {\n\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7ColorPickerBinding \", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7ColorPickerBinding \");\n  }\n});\n\nShiny.inputBindings.register(f7ColorPickerBinding, 'f7.colorpicker');","// Input binding\nvar f7DateBinding = new Shiny.InputBinding();\n\n$.extend(f7DateBinding, {\n  find: function(scope) {\n    return $(scope).find(\".date-input\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    console.log($(el).attr(\"value\"));\n    return $(el).attr(\"value\");\n  },\n\n  // see updateF7Calendar\n  setValue: function(el, value) {\n\n  },\n\n  // see updateF7Calendar\n  receiveMessage: function(el, data) {\n\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on('keyup.dateInputBinding input.dateInputBinding', function(event) {\n      // Use normal debouncing policy when typing\n      callback(true);\n    });\n    $(el).on(\"change.f7DateBinding\", function(e) {\n      callback(false);\n    });\n  },\n\n  getRatePolicy: function() {\n    return {\n      policy: 'debounce',\n      delay: 250\n    };\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7DateBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7DateBinding, 'f7.date');","var f7DatePickerBinding = new Shiny.InputBinding();\n\n$.extend(f7DatePickerBinding, {\n\n  initialize: function(el) {\n\n    var inputEl = $(el)[0];\n\n    var config = $(el).parent().find(\"script[data-for='\" + el.id + \"']\");\n    config = JSON.parse(config.html());\n\n    if (!config.hasOwnProperty(\"value\")) {\n      config.value = [new Date()];\n    } else {\n      for (var i = 0; i < config.value.length; i++) {\n        config.value[i] = new Date(config.value[i]);\n      }\n    }\n\n    config.inputEl = inputEl;\n\n    //data.timePicker = true;\n    config.on = {\n      open: function(target) {\n        if (target.app.params.dark) {\n          target\n            .$el\n            .closest(\".modal-in\")\n            .addClass(\"theme-dark\");\n        }\n      }\n    }\n\n    // feed the create method\n    var calendar = app.calendar.create(config);\n    this[\"calendar-\" + el.id] = calendar;\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".calendar-input\");\n  },\n\n  getType: function(el) {\n    return \"f7DatePicker.date\";\n  },\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var val = this[\"calendar-\" + el.id].getValue();\n    var tmpDate;\n    if (val.length == 1) {\n      var tmpDate = new Date(this[\"calendar-\" + el.id].getValue());\n      tmpDate =  Date.UTC(\n        tmpDate.getFullYear(),\n        tmpDate.getMonth(),\n        tmpDate.getDate(),\n        tmpDate.getHours(),\n        tmpDate.getMinutes(),\n        tmpDate.getSeconds()\n      );\n      return new Date(tmpDate);\n    } else {\n      var dates = [];\n      for (var i = 0; i < val.length; i++) {\n        dates[i] = new Date(val[i]);\n        dates[i] = Date.UTC(\n          dates[i].getFullYear(),\n          dates[i].getMonth(),\n          dates[i].getDate(),\n          dates[i].getHours(),\n          dates[i].getMinutes(),\n          dates[i].getSeconds()\n        );\n        dates[i] = new Date(dates[i]);\n      }\n      return dates;\n    }\n  },\n\n  // see updateF7DatePicker\n  setValue: function(el, value) {\n    this[\"calendar-\" + el.id].setValue(value);\n  },\n\n  // see updateF7DatePicker\n  receiveMessage: function(el, data) {\n    if (data.hasOwnProperty(\"config\")) {\n      this[\"calendar-\" + el.id].destroy();\n      data.config.inputEl = el;\n      data.config.on = {\n        open: function(target) {\n          if (target.app.params.dark) {\n            $(target.$el).addClass(\"theme-dark\");\n          }\n        }\n      }\n      this[\"calendar-\" + el.id] = app.calendar.create(data.config);\n    }\n    if (data.hasOwnProperty(\"value\")) {\n      var tmpdate;\n      for (var i = 0; i < data.value.length; i++) {\n        tmpdate = new Date(data.value[i]);\n        data.value[i] = new Date(tmpdate.getFullYear(), tmpdate.getMonth(), tmpdate.getDate());\n      }\n      this.setValue(el, data.value);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7DatePickerBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7DatePickerBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7DatePickerBinding, 'f7.datepicker');","// Input binding\nvar f7FabsBinding = new Shiny.InputBinding();\n\n$.extend(f7FabsBinding, {\n\n  find: function(scope) {\n    return $(scope).find(\".fab\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var open = $(el).hasClass('fab-opened');\n    return(open);\n  },\n\n  // see updateF7Fabs\n  receiveMessage: function(el, data) {\n    // update Fabs\n    app.fab.toggle('#' + $(el).attr('id'));\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"fab:open.f7FabsBinding fab:close.f7FabsBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7FabsBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7FabsBinding, 'f7.fabs');\n\n//$(document).on('click', 'a.f7-action-button', function(event) {\n//  event.stopPropagation();\n//});","// Input binding\nvar f7LoginBinding = new Shiny.InputBinding();\n\n$.extend(f7LoginBinding, {\n\n  initialize: function(el) {\n    // feed the create method\n    var data = {};\n    data.el = '#' + $(el).attr(\"id\");\n    // specify animate false since true involves\n    // a significant delay before the modal shows up\n    data.animate = false;\n    data.on = {\n      open: function(target) {\n        if (target.app.params.dark) {\n          $(target.el).addClass(\"theme-dark\");\n        }\n      },\n      opened: function () {\n        $(el).trigger('shown');\n      }\n    };\n    var l = app.loginScreen.create(data);\n    // the login page should automatically open when inserted\n    // unless the start-open property is disable. This may happen\n    // for instance when one wants to trigger authentication only\n    // for a specific section of the app.\n    var startOpen = JSON.parse($(el).attr(\"data-start-open\"))[0];\n    if (startOpen) l.open();\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".login-screen\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var l = app.loginScreen.get($(el));\n    return l.opened;\n  },\n\n  // see updateF7Login\n  receiveMessage: function(el, data) {\n    var l = app.loginScreen.get($(el));\n    if (l.opened) {\n      // only close if valid password and user\n      if (data.user.length > 0 && data.password.length > 0) {\n        l.close();\n      } else {\n        app.dialog.alert('Please enter a valid password and user.');\n      }\n    } else {\n      l.open();\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"loginscreen:opened.f7LoginBinding loginscreen:closed.f7LoginBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7LoginBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7LoginBinding, 'f7.login');","// Input binding\nvar f7MenuBinding = new Shiny.InputBinding();\n\n$.extend(f7MenuBinding, {\n  find: function(scope) {\n    return $(scope).find(\".menu-item-dropdown\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return $(el).hasClass(\"menu-item-dropdown-opened\");\n  },\n\n  // see updateF7Popup\n  receiveMessage: function(el, data) {\n    var isOpened = $(el).hasClass(\"menu-item-dropdown-opened\");\n    if (!isOpened) {\n      app.menu.open($(el));\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"menu:opened.f7MenuBinding menu:closed.f7MenuBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7MenuBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7MenuBinding, 'f7.menu');","// Input binding\nvar f7MessageBarBinding = new Shiny.InputBinding();\n\n$.extend(f7MessageBarBinding, {\n\n  initialize: function(el) {\n    app.messagebar.create({\n      el: '#' + $(el).attr('id')\n    });\n  },\n\n  // method to insert in the getValue method.\n  // This will automatically enable/disable the\n  // send button based on the current value.\n  // It also returns the text area value\n  setState: function(el) {\n    var val = app.messagebar.get($(el)).getValue();\n    var sendLink = $(el).find('#' + el.id + '-send');\n    if (!val.length) {\n      $(sendLink).addClass('disabled');\n    } else {\n      $(sendLink).removeClass('disabled');\n    }\n    return val;\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".messagebar\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return this.setState(el);\n  },\n\n  // see updatef7MessageBar\n  setValue: function(el, value) {\n    app.messagebar.get($(el)).setValue(value);\n  },\n\n  setPlaceholder: function(el, value) {\n    app.messagebar.get($(el)).setPlaceholder(value);\n  },\n\n  // see updatef7MessageBar\n  receiveMessage: function(el, data) {\n    if (data.hasOwnProperty('value')) {\n      this.setValue(el, data.value);\n    }\n\n    if (data.hasOwnProperty('placeholder')) {\n      this.setPlaceholder(el, data.placeholder);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"input.f7MessageBarBinding change.f7MessageBarBinding focus.f7MessageBarBinding blur.f7MessageBarBinding\", function(e) {\n      // reset message bar textarea content when click on it\n      $(el).find('#' + el.id + '-send').on('click', function() {\n        // add delay between link click and textarea reset in f7MessageBar.\n        // Needed to give time so that f7Messages receives\n        // the textarea input value before it is cleared.\n        setTimeout(function() {\n          app.messagebar.get($(el)).clear().focus();\n        }, 1000);\n      });\n      callback(true);\n    });\n  },\n\n  getRatePolicy: function() {\n    return {\n      policy: 'debounce',\n      delay: 250\n    };\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7MessageBarBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7MessageBarBinding, 'f7.messagebar');","// Input binding\nvar f7MessagesBinding = new Shiny.InputBinding();\n\n$.extend(f7MessagesBinding, {\n\n  initialize: function(el) {\n    // for a proper layout!\n    $('.page-content').addClass('messages-content');\n\n    var id = $(el).attr('id');\n    var config = $(el).find(\"script[data-for='\" + id + \"']\");\n    config = JSON.parse(config.html());\n\n    config.el = '#' + id;\n\n    // First message rule\n  config.firstMessageRule = function (message, previousMessage, nextMessage) {\n    // Skip if title\n    if (message.isTitle) return false;\n    /* if:\n      - there is no previous message\n      - or previous message type (send/received) is different\n      - or previous message sender name is different\n    */\n    if (!previousMessage || previousMessage.type !== message.type || previousMessage.name !== message.name) return true;\n    return false;\n  };\n\n  // Last message rule\n  config.lastMessageRule = function (message, previousMessage, nextMessage) {\n    // Skip if title\n    if (message.isTitle) return false;\n    /* if:\n      - there is no next message\n      - or next message type (send/received) is different\n      - or next message sender name is different\n    */\n    if (!nextMessage || nextMessage.type !== message.type || nextMessage.name !== message.name) return true;\n    return false;\n  };\n\n  // Last message rule\n  config.tailMessageRule = function (message, previousMessage, nextMessage) {\n    // Skip if title\n    if (message.isTitle) return false;\n      /* if (bascially same as lastMessageRule):\n      - there is no next message\n      - or next message type (send/received) is different\n      - or next message sender name is different\n    */\n    if (!nextMessage || nextMessage.type !== message.type || nextMessage.name !== message.name) return true;\n    return false;\n  };\n\n    // feed the create method\n    app.messages.create(config);\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".messages\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return app.messages.get($(el)).messages;\n  },\n\n  // see updatef7Messages\n  setValue: function(el, value) {\n    responseInProgress = true;\n    var messages = app.messages.get($(el));\n\n    if (value.showTyping) {\n      // Show typing indicator\n      var who = value.value.pop().name;\n      setTimeout(function () {\n        messages.showTyping({\n          header: who + ' is typing'\n        });\n\n        setTimeout(function () {\n          messages.addMessages(value.value);\n          // Hide typing indicator\n          messages.hideTyping();\n          responseInProgress = false;\n        }, 1000);\n      }, 500);\n    } else {\n      messages.addMessages(value.value);\n    }\n  },\n\n  // see updatef7Messages\n  receiveMessage: function(el, data) {\n    var responseInProgress = false;\n    if (responseInProgress) return;\n    this.setValue(el, data);\n    $(el).trigger('change');\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7MessagesBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7MessagesBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7MessagesBinding, 'f7.messages');","// Input binding\nvar f7PanelBinding = new Shiny.InputBinding();\n\n$.extend(f7PanelBinding, {\n\n  initialize: function(el) {\n    var data = {};\n    // add id\n    data.el = '#' + $(el).attr('id');\n    // this is to show shiny outputs in the sheet\n    data.on = {\n      opened: function () {\n        $(el).trigger('shown');\n      }\n    };\n    app.panel.create(data);\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".panel\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var p = app.panel.get($(el));\n    return p.opened;\n  },\n\n  // see updateF7Panel\n  receiveMessage: function(el, data) {\n    // create a variable to update the panel\n    var p = app.panel.get($(el));\n    p.toggle(p.side);\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"panel:open.f7PanelBinding panel:close.f7PanelBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7PanelBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7PanelBinding, 'f7.panel');","// Input binding\nvar f7PanelMenuBinding = new Shiny.InputBinding();\n\n$.extend(f7PanelMenuBinding, {\n\n  find: function(scope) {\n    return $(scope).find(\".panel-menu\");\n  },\n\n  // This is necessary to activate the good tab at start.\n  // If one tab is active, it has a tab-link-active class.\n  // We then trigger the show function on that tab.\n  // If no tab is active at start, the first tab is shown by default.\n  initialize: function(el) {\n    var firstPanelId = $(el).find(\"a\").first().data('tab');\n    var panelActiveId = $(el).find(\"a.tab-link-active\").data('tab');\n    if (panelActiveId !== undefined) {\n      app.tab.show(panelActiveId);\n    } else {\n      app.tab.show(firstPanelId);\n    }\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var activeTab = $(el)\n      .find(\"a.tab-link-active\")\n      .data('tab');\n\n    if (activeTab !== undefined) {\n      return activeTab.split('#')[1];\n    } else {\n      return null;\n    }\n  },\n\n  // see updateF7Tabs\n  receiveMessage: function(el, data) {\n    // update the active tab\n    if (data.hasOwnProperty('selected')) {\n      app.tab.show('#' + data.ns + '-' + data.selected);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).find(\"a\").on(\"click.f7PanelMenuBinding\", function(e) {\n      $($(this).data(\"tab\")).trigger(\"shown\").trigger(\"shown\");\n        callback(false);\n    });\n\n    app.on(\"tabShow.f7PanelMenuBinding\", function(tab) {\n      callback(false);\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7PanelMenuBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7PanelMenuBinding, 'f7.tabsMenu');","// Input binding\nvar f7PickerBinding = new Shiny.InputBinding();\n\n$.extend(f7PickerBinding, {\n\n  initialize: function(el) {\n\n    var inputEl = $(el)[0];\n\n    // convert data attributes to camelCase parameters\n    // necessary in the create method\n    var data = {};\n    [].forEach.call(el.attributes, function(attr) {\n      if (/^data-/.test(attr.name)) {\n        var camelCaseName = attr.name.substr(5).replace(/-(.)/g, function ($0, $1) {\n          return $1.toUpperCase();\n        });\n        // convert \"true\" to true and \"false\" to false only for booleans\n        if ([\"openIn\", \"toolbarCloseText\", \"choices\", \"value\"].indexOf(camelCaseName) == -1) {\n          var isTrueSet = (attr.value == 'true');\n          data[camelCaseName] = isTrueSet;\n        } else {\n          data[camelCaseName] = attr.value;\n        }\n      }\n    });\n\n    // add the id, value and choices\n    data.inputEl = inputEl;\n    data.value = JSON.parse(data.value);\n    data.cols = [\n      {\n        textAlign: 'center',\n        values: JSON.parse(data.choices)\n      }\n    ];\n\n    data.on = {\n      open: function(target) {\n        if (target.app.params.dark) {\n          target\n            .$el\n            .closest(\".modal-in\")\n            .addClass(\"theme-dark\");\n        }\n      }\n    }\n\n    // feed the create method\n    var p = app.picker.create(data);\n    inputEl.f7Picker = p;\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".picker-input\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var p = app.picker.get($(el));\n    return p.value;\n  },\n\n  // see updateF7Picker\n  setValue: function(el, value) {\n    var p = app.picker.get($(el));\n    p.value = value;\n    p.displayValue = value;\n    p.open();\n    setTimeout(function() {p.close();}, 10);\n  },\n\n  // see updateF7Picker\n  receiveMessage: function(el, data) {\n    var p = app.picker.get($(el));\n    // Update value\n    if (data.hasOwnProperty('value')) {\n      this.setValue(el, data.value);\n    }\n    // update choices\n    if (data.hasOwnProperty('choices')) {\n      p.cols[0].values = data.choices;\n    }\n    // update other properties\n    if (data.hasOwnProperty('rotateEffect')) {\n      p.params.rotateEffect = data.rotateEffect;\n    }\n    if (data.hasOwnProperty('openIn')) {\n      p.params.openIn = data.openIn;\n    }\n    if (data.hasOwnProperty('scrollToInput')) {\n      p.params.scrollToInput = data.scrollToInput;\n    }\n    if (data.hasOwnProperty('closeByOutsideClick')) {\n      p.params.closeByOutsideClick = data.closeByOutsideClick;\n    }\n    if (data.hasOwnProperty('toolbar')) {\n      p.params.toolbar = data.toolbar;\n    }\n    if (data.hasOwnProperty('toolbarCloseText')) {\n      p.params.toolbarCloseText = data.toolbarCloseText;\n    }\n    if (data.hasOwnProperty('sheetSwipeToClose')) {\n      p.params.sheetSwipeToClose = data.sheetSwipeToClose;\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7PickerBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7PickerBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7PickerBinding, 'f7.picker');","let $escape = Shiny.$escape;\n\nfunction updateLabel(labelTxt, labelNode) {\n  // Only update if label was specified in the update method\n  if (typeof labelTxt === \"undefined\") return;\n  if (labelNode.length !== 1) {\n    throw new Error(\"labelNode must be of length 1\");\n  }\n\n  // Should the label be empty?\n  var emptyLabel = $.isArray(labelTxt) && labelTxt.length === 0;\n\n  if (emptyLabel) {\n    labelNode.addClass(\"shiny-label-null\");\n  } else {\n    labelNode.text(labelTxt);\n    labelNode.removeClass(\"shiny-label-null\");\n  }\n\n}\n\nvar radioInputBinding = new Shiny.InputBinding();\n$.extend(radioInputBinding, {\n  find: function(scope) {\n    return $(scope).find('.shiny-input-radiogroup');\n  },\n  getValue: function(el) {\n    // Select the radio objects that have name equal to the grouping div's id\n    var checked_items = $('input:radio[name=\"' + $escape(el.id) + '\"]:checked');\n\n    if (checked_items.length === 0) {\n      // If none are checked, the input will return null (it's the default on load,\n      // but it wasn't emptied when calling updateRadioButtons with character(0)\n      return null;\n    }\n\n    return checked_items.val();\n  },\n  setValue: function(el, value) {\n    if ($.isArray(value) && value.length === 0) {\n      // Removing all checked item if the sent data is empty\n      $('input:radio[name=\"' + $escape(el.id) + '\"]').prop('checked', false);\n    } else {\n      $('input:radio[name=\"' + $escape(el.id) + '\"][value=\"' + $escape(value) + '\"]').prop('checked', true);\n    }\n\n  },\n  getState: function(el) {\n    var $objs = $('input:radio[name=\"' + $escape(el.id) + '\"]');\n\n    // Store options in an array of objects, each with with value and label\n    var options = new Array($objs.length);\n    for (var i = 0; i < options.length; i++) {\n      options[i] = { value:   $objs[i].value,\n                     label:   this._getLabel($objs[i]) };\n    }\n\n    return {\n      label:    this._getLabelNode(el).text(),\n      value:    this.getValue(el),\n      options:  options\n    };\n  },\n  receiveMessage: function(el, data) {\n    var $el = $(el);\n    // This will replace all the options\n    if (data.hasOwnProperty('options')) {\n      // Clear existing options and add each new one\n      $el.find('ul').remove();\n      $el.append(data.options);\n    }\n\n    if (data.hasOwnProperty('value'))\n      this.setValue(el, data.value);\n\n    updateLabel(data.label, this._getLabelNode(el));\n\n    $(el).trigger('change');\n  },\n  subscribe: function(el, callback) {\n    $(el).on('change.radioInputBinding', function(event) {\n      callback();\n    });\n  },\n  unsubscribe: function(el) {\n    $(el).off('.radioInputBinding');\n  },\n  // Get the DOM element that contains the top-level label\n  _getLabelNode: function(el) {\n      return $(el).siblings('div.block-title');\n  },\n  // Given an input DOM object, get the associated label. Handles labels\n  // that wrap the input as well as labels associated with 'for' attribute.\n  _getLabel: function(obj) {\n    // If <label><input /><span>label text</span></label>\n    if (obj.parentNode.tagName === \"LABEL\") {\n      return $(obj.parentNode).find('div.item-title').text().trim();\n    }\n\n    return null;\n  },\n  // Given an input DOM object, set the associated label. Handles labels\n  // that wrap the input as well as labels associated with 'for' attribute.\n  _setLabel: function(obj, value) {\n    // If <label><input /><span>label text</span></label>\n    if (obj.parentNode.tagName === \"LABEL\") {\n      $(obj.parentNode).find('div.item-title').text(value);\n    }\n\n    return null;\n  }\n\n});\nShiny.inputBindings.register(radioInputBinding, 'shiny.radioInput');\n","// Input binding\nvar f7SelectBinding = new Shiny.InputBinding();\n\n$.extend(f7SelectBinding, {\n\n  find: function(scope) {\n    return $(scope).find(\".input-select\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return $(el).val();\n  },\n\n  // see updateF7Select\n  setValue: function(el, value) {\n    // select the new item\n    $(el).val(value);\n  },\n\n  // see updateF7Select\n  receiveMessage: function(el, data) {\n    if (data.hasOwnProperty(\"selected\")) {\n      this.setValue(el, data.selected);\n    }\n    $(el).trigger(\"change\");\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7SelectBinding\", function(e) {\n      // no need to debounce here\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7SelectBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7SelectBinding, 'f7.select');","// Input binding\nvar f7SheetBinding = new Shiny.InputBinding();\n\n$.extend(f7SheetBinding, {\n\n  initialize: function(el) {\n\n    // recover the inputId passed in the R function\n    var id = $(el).attr(\"id\");\n\n    var data = {};\n    [].forEach.call(el.attributes, function(attr) {\n      if (/^data-/.test(attr.name)) {\n        var camelCaseName = attr.name.substr(5).replace(/-(.)/g, function ($0, $1) {\n          return $1.toUpperCase();\n        });\n        // convert \"true\" to true and \"false\" to false\n        var isTrueSet = (attr.value == \"true\");\n        data[camelCaseName] = isTrueSet;\n      }\n    });\n\n    // add the id\n    data.el = '#' + id;\n\n    // this is to show shiny outputs in the sheet\n    data.on = {\n      open: function(target) {\n        if (target.app.params.dark) {\n          $(target.el).addClass(\"theme-dark\");\n        }\n      },\n      opened: function () {\n        $(el).trigger('shown');\n      }\n    };\n\n    // feed the create method\n    var s = app.sheet.create(data);\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".sheet-modal\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var s = app.sheet.get($(el));\n    return s.opened;\n  },\n\n  // see updateF7Sheet\n  receiveMessage: function(el, data) {\n    var s = app.sheet.get($(el));\n    if (s.opened) {\n      s.close();\n    } else {\n      s.open();\n    }\n  },\n\n  subscribe: function(el, callback) {\n    // need to subscribe after open and close\n    // therefore we listen to opened and closed, respectively\n    $(el).on(\"sheet:open.f7SheetBinding sheet:close.f7SheetBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7SheetBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7SheetBinding, 'f7.sheet');\n","// Input binding\nvar f7SliderBinding = new Shiny.InputBinding();\n\n$.extend(f7SliderBinding, {\n\n  initialize: function(el) {\n\n    // recover the inputId passed in the R function\n    var id = $(el).attr(\"id\");\n\n    var data = {};\n    [].forEach.call(el.attributes, function(attr) {\n      if (/^data-/.test(attr.name)) {\n        var camelCaseName = attr.name.substr(5).replace(/-(.)/g, function ($0, $1) {\n          return $1.toUpperCase();\n        });\n        // convert \"true\" to true and \"false\" to false\n        if ([\"min\", \"max\", \"step\", \"value\",\n        \"scaleSteps\", \"scaleSubSteps\",\n        \"valueLeft\", \"valueRight\"].indexOf(camelCaseName) == -1) {\n          var isTrueSet = (attr.value == \"true\");\n          data[camelCaseName] = isTrueSet;\n        } else {\n          // convert strings to numeric\n          data[camelCaseName] = parseFloat(attr.value);\n        }\n\n      }\n    });\n\n     // add the id\n    data.el = '#' + id;\n\n    // feed the create method\n    var r = app.range.create(data);\n\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".range-slider\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return app.range.get($(el)).value;\n  },\n\n  // see updateF7Slider\n  setValue: function(el, value) {\n    app.range.setValue(el, value);\n  },\n\n  // see updateF7Slider\n  receiveMessage: function(el, data) {\n    // create a variable to update the range\n    var r = app.range.get($(el));\n    if (data.hasOwnProperty('min')) {\n      r.min = data.min;\n      // re render the scale\n      r.updateScale();\n    }\n    if (data.hasOwnProperty('max')) {\n      r.max = data.max;\n      // re render the scale\n      r.updateScale();\n    }\n    if (data.hasOwnProperty('step')) {\n      r.step = data.step;\n      // re render the scale\n      r.updateScale();\n    }\n\n    if (data.hasOwnProperty('scaleSteps')) {\n      r.scaleSteps = data.scaleSteps;\n      // re render the scale\n      r.updateScale();\n    }\n\n    if (data.hasOwnProperty('scaleSubSteps')) {\n      r.scaleSubSteps = data.scaleSubSteps;\n      // re render the scale\n      r.updateScale();\n    }\n\n    // need to apply this after rendering the scale\n    if (data.hasOwnProperty('scale')) {\n      r.scale = data.scale;\n    }\n\n    // important: need to update the scale before\n    // updating the value. Otherwise the value will\n    // be diplayed in the old scale, which is weird...\n    if (data.hasOwnProperty('value')) {\n      // handle the case where the updated slider\n      // switch from a dual value to a single value slider.\n      var val = data.value;\n      if ($.isArray(val)) {\n        this.setValue(el, val);\n      } else {\n        r.dual = false;\n        r.updateScale();\n        this.setValue(el, val);\n      }\n    }\n\n    // update color\n    if (data.hasOwnProperty('color')) {\n      $(el).removeClass (function (index, className) {\n        return (className.match (/(^|\\s)color-\\S+/g) || []).join(' ');\n      });\n      $(el).addClass('color-' + data.color);\n    }\n\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"range:change.f7SliderBinding\", function(e) {\n      callback(true);\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7SliderBinding\");\n  },\n\n  // The input rate limiting policy\n  getRatePolicy: function() {\n    return {\n      // Can be 'debounce' or 'throttle'\n      policy: 'debounce',\n      delay: 250\n    };\n  }\n});\n\nShiny.inputBindings.register(f7SliderBinding, 'f7.range');","// Input binding\nvar f7SmartSelectBinding = new Shiny.InputBinding();\n\n$.extend(f7SmartSelectBinding, {\n\n  initialize: function(el) {\n    var id = $(el).attr('id');\n    var config = $(el).children().eq(2);\n    config = JSON.parse(config.html());\n    config.el = '#' + id;\n    // feed the create method\n    config.on = {\n      open: function(target) {\n        if (target.app.params.dark) {\n          $(target.$containerEl).addClass(\"theme-dark\");\n        }\n      }\n    }\n    var ss = app.smartSelect.create(config);\n    this[\"smart-select-\" + el.id] = ss;\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".smart-select\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return this[\"smart-select-\" + el.id].getValue();\n  },\n\n  // see updateF7SmartSelect\n  setValue: function(el, value) {\n    this[\"smart-select-\" + el.id].setValue(value);\n  },\n\n  // see updateF7SmartSelect\n  receiveMessage: function(el, data) {\n    // update config\n    data.config.on = {\n      open: function(target) {\n        if (target.app.params.dark) {\n          $(target.$containerEl).addClass(\"theme-dark\");\n        }\n      }\n    }\n    if (data.hasOwnProperty(\"config\")) {\n      this[\"smart-select-\" + el.id].destroy();\n      data.config.el = '#' + $(el).attr('id');\n      this[\"smart-select-\" + el.id] = app.smartSelect.create(data.config);\n    }\n\n    // ad multiple property\n    if (data.hasOwnProperty(\"multiple\")) {\n      // we need to destroy the input, modify the tag and create the instance\n      if (data.multiple) {\n        this[\"smart-select-\" + el.id].destroy();\n        $(el).find('select').attr('multiple', '');\n        data.config.el = '#' + $(el).attr('id');\n        this[\"smart-select-\" + el.id] = app.smartSelect.create(data.config);\n      }\n    }\n\n    // max length\n    if (data.hasOwnProperty(\"maxLength\")) {\n      this[\"smart-select-\" + el.id].destroy();\n      $(el).find('select').attr('maxLength', data.maxLength);\n      data.config.el = '#' + $(el).attr('id');\n      this[\"smart-select-\" + el.id] = app.smartSelect.create(data.config);\n    }\n\n    // update choices\n    var setOption = function(value) {\n      return \"<option value = '\" + value + \"'>\" + value + \"</option>\";\n    };\n\n    if (data.hasOwnProperty(\"choices\")) {\n      // clear all previous options\n      $(el).find(\"select\").empty();\n      // add new choices\n      $.each(data.choices, function (index) {\n        var temp = data.choices[index];\n        $(el).find(\"select\").append(setOption(temp));\n      });\n    }\n\n    // update selected\n    if (data.hasOwnProperty(\"selected\")) {\n      this.setValue(el, data.selected);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7SmartSelectBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7SmartSelectBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7SmartSelectBinding, 'f7.smartselect');","// Input binding\nvar f7StepperBinding = new Shiny.InputBinding();\n\n$.extend(f7StepperBinding, {\n\n  initialize: function(el) {\n\n    // recover the inputId passed in the R function\n    var id = $(el).attr(\"id\");\n\n    var data = {};\n    [].forEach.call(el.attributes, function(attr) {\n      if (/^data-/.test(attr.name)) {\n        var camelCaseName = attr.name.substr(5).replace(/-(.)/g, function ($0, $1) {\n          return $1.toUpperCase();\n        });\n        // convert \"true\" to true and \"false\" to false\n        if ([\"min\", \"max\", \"step\", \"value\", \"decimalPoint\"].indexOf(camelCaseName) == -1) {\n          var isTrueSet = (attr.value == 'true');\n          data[camelCaseName] = isTrueSet;\n        } else {\n          // convert strings to numeric\n          data[camelCaseName] = parseFloat(attr.value);\n        }\n\n      }\n    });\n\n    // add the id\n    data.el = '#' + id;\n\n    // feed the create method\n    var s = app.stepper.create(data);\n\n    // add readonly attr if the stepper is initially\n    // not in manual mode\n    if (!data.manualInputMode) {\n      var inputTarget = $(el).find('input');\n      $(inputTarget).attr('readonly', '');\n    }\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".stepper\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return app.stepper.get($(el)).value;\n  },\n\n  // see updateF7Stepper\n  setValue: function(el, value) {\n    app.stepper.setValue(el, value);\n  },\n\n  // the 2 methods below are needed by incrementF7Stepper\n  // and decrementF7Stepper\n  increment: function() {\n    app.stepper.increment();\n  },\n\n  decrement: function() {\n    app.stepper.decrement();\n  },\n\n  // see updateF7Stepper\n  receiveMessage: function(el, data) {\n    // create a variable to update the stepper\n    var s = app.stepper.get($(el));\n\n    // for some reason, we need to update both\n    // min and params.min fields\n    if (data.hasOwnProperty('min')) {\n      s.min = data.min;\n      s.params.min = data.min;\n    }\n    // for some reason, we need to update both\n    // max and params.max fields\n    if (data.hasOwnProperty('max')) {\n      s.max = data.max;\n      s.params.max = data.max;\n    }\n    if (data.hasOwnProperty('wraps')) {\n      s.params.wraps = data.wraps;\n    }\n    if (data.hasOwnProperty('decimalPoint')) {\n      s.decimalPoint = data.decimalPoint;\n      s.params.decimalPoint = data.decimalPoint;\n    }\n\n    // handle the readOnly property\n    if (data.hasOwnProperty('manual')) {\n      s.params.manualInputMode = data.manual;\n      var inputTarget = $(el).find('input');\n      if (data.manual) {\n        if (typeof $(inputTarget).attr('readonly') !== typeof undefined) {\n          $(inputTarget).removeAttr('readonly');\n        }\n      } else {\n        $(inputTarget).attr('readonly', '');\n      }\n    }\n    // for some reason, we need to update both\n    // step and params.step fields\n    if (data.hasOwnProperty('step')) {\n      s.step = data.step;\n      s.params.step = data.step;\n    }\n\n    // this does not work\n    if (data.hasOwnProperty('autorepeat')) {\n      s.params.autorepeat = data.autorepeat;\n      s.params.autorepeatDynamic = data.autorepeat;\n    }\n\n    // CSS properties\n    if (data.hasOwnProperty('rounded')) {\n      if (data.rounded) {\n        $(el).addClass(\"stepper-round\");\n      } else {\n        $(el).removeClass(\"stepper-round\");\n      }\n    }\n    if (data.hasOwnProperty('raised')) {\n      if (data.raised) {\n        $(el).addClass('stepper-raised');\n      } else {\n        $(el).removeClass('stepper-raised');\n      }\n    }\n    if (data.hasOwnProperty('color')) {\n      $(el).removeClass (function (index, className) {\n        return (className.match (/(^|\\s)color-\\S+/g) || []).join(' ');\n      });\n      $(el).addClass('color-' + data.color);\n    }\n\n    // stepper size\n    if (data.hasOwnProperty('size')) {\n      if ($(el).hasClass('stepper-small') || $(el).hasClass('stepper-large')) {\n        if ($(el).hasClass('stepper-small') && data.size == \"large\") {\n          $(el).removeClass('stepper-small');\n          $(el).addClass('stepper-large');\n        } else if ($(el).hasClass('stepper-large') && data.size == \"small\") {\n          $(el).addClass('stepper-small');\n          $(el).removeClass('stepper-large');\n        }\n      } else {\n        if (data.size == \"small\") {\n          $(el).addClass('stepper-small');\n        } else if (data.size == \"large\") {\n          $(el).addClass('stepper-large');\n        }\n      }\n    }\n\n    // Update value\n    if (data.hasOwnProperty('value')) {\n      this.setValue(el, data.value);\n      s.params.value = data.value;\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on('stepper:change.f7StepperBinding', function(e) {\n      // no need to debounce here\n      // except if autorepeat is set\n      // then we send the value once\n      // the + or - buttons is released\n      var s = app.stepper.get($(el));\n      if (s.params.autorepeat) {\n        callback(true);\n      } else {\n        callback();\n      }\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off('.f7StepperBinding');\n  },\n\n  // The input rate limiting policy\n  getRatePolicy: function() {\n    return {\n      // Can be 'debounce' or 'throttle'\n      policy: 'debounce',\n      delay: 500\n    };\n  }\n});\n\nShiny.inputBindings.register(f7StepperBinding, 'f7.stepper');","// Input binding\nvar f7TabsBinding = new Shiny.InputBinding();\n\n$.extend(f7TabsBinding, {\n\n  find: function(scope) {\n    return $(scope).find(\".tabs\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var activeTab;\n    if ($(el).hasClass('standalone')) {\n      activeTab = $(el).find(\".tab-active\");\n    } else {\n      activeTab = $(el).find(\".page-content.tab-active\");\n    }\n    // below to handle hidden tabs\n    // the android highlight bar must not be\n    // present since hidden tabs are not part of\n    // the menu.\n    if ($(activeTab).data('hidden')) {\n      $('.tab-link-highlight').hide();\n    } else {\n      $('.tab-link-highlight').show();\n    }\n    return $(activeTab).attr(\"data-value\") !== undefined ? $(activeTab).attr(\"data-value\"): null;\n  },\n\n  // see updateF7Tabs\n  receiveMessage: function(el, data) {\n    // update the active tab\n    if (data.hasOwnProperty('selected')) {\n      app.tab.show('#' + data.ns + '-' + data.selected);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"tab:show.f7TabsBinding\", function(e) {\n      $(el).trigger('shown');\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7TabsBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7TabsBinding, 'f7.tabs');","// Input binding\nvar f7ToggleBinding = new Shiny.InputBinding();\n\n$.extend(f7ToggleBinding, {\n\n  initialize: function(el) {\n    app.toggle.create({el: el});\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".toggle\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return app.toggle.get($(el)).checked;\n  },\n\n  // see updateF7Toggle\n  setValue: function(el, value) {\n    var t = app.toggle.get($(el));\n    t.checked = value;\n  },\n\n  // see updateF7Toggle\n  receiveMessage: function(el, data) {\n    if (data.hasOwnProperty(\"checked\")) {\n      this.setValue(el, data.checked);\n    }\n    if (data.hasOwnProperty(\"color\")) {\n      $(el).removeClass (function (index, className) {\n    return (className.match (/(^|\\s)color-\\S+/g) || []).join(' ');\n});\n      $(el).addClass(\"color-\" + data.color);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"toggle:change.f7ToggleBinding\", function(e) {\n      // no need to debounce here\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7ToggleBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7ToggleBinding, 'f7.toggle');","// Input binding\nvar f7VirtualListBinding = new Shiny.InputBinding();\n\n$.extend(f7VirtualListBinding, {\n\n  // decode html so that images tag are converted to strings\n  decodeHTML: function (html) {\n    var txt = document.createElement('textarea');\n\t  txt.innerHTML = html;\n\t  return txt.value;\n  },\n\n  initialize: function(el) {\n    var id = $(el).attr('id');\n    var config = $(el).find(\"script[data-for='\" + id + \"']\");\n    config = JSON.parse(config.html());\n\n    config.el = '#' + id;\n\n    // treat all item images\n    for (var item of config.items) {\n      if (item.media.length > 0) {\n        item.media = '<div class=\"item-media\">' + this.decodeHTML(item.media) + '</div>';\n      }\n    }\n\n    var template;\n    if (config.items[0].url === undefined) {\n        template = '<li>' +\n  '<div class=\"item-content\">' +\n    '{{media}}' +\n    '<div class=\"item-inner\">' +\n      '<div class=\"item-title-row\">' +\n        '<div class=\"item-title\">' +\n          '<div class=\"item-header\">{{header}}</div>' +\n          '{{title}}' +\n          '<div class=\"item-footer\">{{footer}}</div>' +\n        '</div>' +\n        '<div class=\"item-after\">{{right}}</div>' +\n      '</div>' +\n      '<div class=\"item-subtitle\">{{subtitle}}</div>' +\n      '<div class=\"item-text\">{{content}}</div>' +\n    '</div>' +\n  '</div>' +\n'</li>';\n      } else {\n        template = '<li>' +\n  '<a class=\"item-link item-content external\" href=\"url\" target=\"_blank\">' +\n    '{{media}}' +\n    '<div class=\"item-inner\">' +\n      '<div class=\"item-title-row\">' +\n        '<div class=\"item-title\">' +\n          '<div class=\"item-header\">{{header}}</div>' +\n          '{{title}}' +\n          '<div class=\"item-footer\">{{footer}}</div>' +\n        '</div>' +\n        '<div class=\"item-after\">{{right}}</div>' +\n      '</div>' +\n      '<div class=\"item-subtitle\">{{subtitle}}</div>' +\n      '<div class=\"item-text\">{{content}}</div>' +\n    '</div>' +\n  '</a>' +\n'</li>';\n      }\n    config.itemTemplate = template;\n\n    // Custom search function for searchbar\n    config.searchAll = function (query, items) {\n      var found = [];\n      for (var i = 0; i < items.length; i++) {\n        if (items[i].title.toLowerCase().indexOf(query.toLowerCase()) >= 0 || query.trim() === '') found.push(i);\n      }\n      return found; //return array with mathced indexes\n    };\n\n    // Item height\n    config.height = config.items[0].media !== undefined ? app.theme === 'ios' ? 112 : (app.theme === 'md' ? 132 : 78) : (app.theme === 'ios' ? 63 : (app.theme === 'md' ? 73 : 46));\n\n    // feed the create method\n    app.virtualList.create(config);\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".virtual-list\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var vl = app.virtualList.get($(el));\n    return {\n      length: vl.items.length,\n      current_from: vl.currentFromIndex + 1,\n      current_to: vl.currentToIndex + 1,\n      reach_end: vl.reachEnd\n    };\n  },\n\n  // see updateF7VirtualList\n  setValue: function(el, value) {\n    var vl = app.virtualList.get($(el));\n    vl.resetFilter();\n\n    var addImageWrapper = function(items) {\n      var temp;\n      // handle single item\n      if (items.length === undefined) {\n        temp = `<div class=\"item-media\">${items.media}</div>`;\n        items.media = temp;\n      } else {\n        for (var i = 0; i < items.length; i++) {\n          temp = `<div class=\"item-media\">${items[i].media}</div>`;\n          items[i].media = temp;\n        }\n      }\n      return(items);\n    };\n\n    switch (value.action) {\n      case 'appendItem':\n        vl.appendItem(addImageWrapper(value.item));\n        break;\n      case 'prependItem':\n        vl.prependItem(addImageWrapper(value.item));\n        break;\n      case 'appendItems':\n        vl.appendItems(addImageWrapper(value.items));\n        break;\n      case 'prependItems':\n        vl.prependItems(addImageWrapper(value.items));\n        break;\n      case 'replaceItem':\n        vl.replaceItem(value.index, value.item);\n        break;\n      case 'replaceAllItems':\n        vl.replaceAllItems(value.items);\n        break;\n      case 'moveItem':\n        vl.moveItem(value.oldIndex, value.newIndex);\n        break;\n      case 'insertItemBefore':\n        vl.insertItemBefore(value.index, addImageWrapper(value.item));\n        break;\n      case 'filterItems':\n         vl.filterItems(value.indexes);\n        break;\n      case 'deleteItem':\n        vl.deleteItem(value.index);\n        break;\n      case 'deleteAllItems':\n        vl.deleteAllItems(value.indexes);\n        break;\n      case 'scrollToItem':\n        vl.scrollToItem(value.index);\n        break;\n      default:\n        //console.log('');\n    }\n\n    $(el).trigger('change');\n  },\n\n  // see updateF7VirtualList\n  receiveMessage: function(el, data) {\n    this.setValue(el, data);\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7VirtualListBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7VirtualListBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7VirtualListBinding, 'f7.virtuallist');"]}
+{"version":3,"sources":["init.js","app.js","actionSheetInputBinding.js","autoCompleteInputBinding.js","buttonInputBinding.js","cardInputBinding.js","collapsibleInputBinding.js","colorPickerInputBinding.js","dateInputBinding.js","datePickerInputBinding.js","fabsInputBinding.js","loginInputBinding.js","menuInputBinding.js","messageBarInputBinding.js","messagesInputBinding.js","panelInputBinding.js","panelMenuInputBinding.js","pickerInputBinding.js","radioInputBinding.js","selectInputBinding.js","sheetInputBinding.js","sliderInputBinding.js","smartSelectBinding.js","stepperInputBinding.js","tabsInputBinding.js","toggleInputBinding.js","virtualListBinding.js"],"names":["$","config","document","find","JSON","parse","html","isPWA","attr","root","serviceWorker","path","window","location","pathname","scope","methods","toggleDarkTheme","this","toggleClass","data","popovers","tooltips","actions","app","Framework7","mainView","views","create","hasOwnProperty","dark","device","desktop","prop","appendTo","colorCSS","utils","colorThemeCSSProperties","color","filled","addClass","deferredPrompt","installToast","toast","position","text","on","e","preventDefault","originalEvent","open","nextTick","close","prompt","userChoice","then","result","console","log","event","hide","reconnectToast","icon","Shiny","setInputValue","shinyapp","type","binding","undefined","name","split","value","standalone","css","height","width","length","params","closest","remove","addCustomMessageHandler","message","cl","effect","target","duration","setTimeout","removeClass","ran","skeletonsOnLoad","skeletonTargets","hasClass","preloader","dialog","el","isSplitLayout","extend","instanceFamily","property","id","oldInstance","oldConfig","newConfig","options","destroy","newInstance","uiWidgets","widgets","concat","handleTabLinkHighlight","segment_width","tabs","tabsClasses","i","push","className","translate_rate","idx","indexOf","append","activateWidget","widget","each","$el","insertAfter","unbindAll","initializeInputs","bindAll","forEach","w","popoverIds","getAllPopoverIds","index","popover","targetEl","content","p","t","tooltip","show","get","action","setText","cachedTooltip","Object","assign","pars","alert","title","confirm","callbackOk","callbackCancel","login","username","password","user","callback","Function","tabIds","getAllTabSetIds","tabId","ns","newTab","tab","children","select","prepend","link","insertBefore","renderContent","deps","oldLink","replaceWith","querySelector","swiper","update","tabToRemove","linkToRemove","otherLinks","not","next","prev","nextTabId","gauge","activateAllProgress","progress","parseInt","progressbar","set","animate","navbar","hideStatusbar","$navbar","buttonsId","buttons","element","defineProperty","setButtonInput","writable","opened","closed","a","ptrLoader","ptr","done","infoTag","pattern","error","info","parent","showIn","hideIn","priority","swipeout","f7ActionSheetBinding","InputBinding","setSource","query","render","results","vals","toLowerCase","getValue","receiveMessage","subscribe","unsubscribe","inputBindings","register","f7AutoCompleteBinding","initialize","call","attributes","test","camelCaseName","substr","replace","$0","$1","toUpperCase","isTrueSet","openIn","inputEl","openerEl","choices","source","change","trigger","autocomplete","val","setValue","_setChoices","off","f7ButtonInputBinding","getType","getState","match","join","isFilled","fill","isOutline","outline","isRaised","shadow","isRounded","rounded","isLarge","isSmall","size","label","f7CardBinding","card","toggle","f7CollapsibleBinding","accordionId","items","state","titles","selected","accordion","f7ColorPickerBinding","colorPicker","targetElSetBackgroundColor","modules","colorPickerModules","sliderValue","colorPickerSliderValue","sliderValueEditable","colorPickerSliderValueEditable","sliderLabel","colorPickerSliderLabel","hexLabel","colorPickerHexLabel","hexValueEditable","colorPickerHexValueEditable","groupedModules","colorPickerGroupedModules","palette","colorPickerPalettes","hex","colorPickerValue","ID","getElementById","f7DateBinding","getRatePolicy","policy","delay","f7DatePickerBinding","Date","calendar","tmpDate","UTC","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","dates","tmpdate","f7FabsBinding","fab","f7LoginBinding","l","loginScreen","f7MenuBinding","menu","f7MessageBarBinding","messagebar","setState","sendLink","setPlaceholder","placeholder","clear","focus","f7MessagesBinding","firstMessageRule","previousMessage","nextMessage","isTitle","lastMessageRule","tailMessageRule","messages","responseInProgress","showTyping","who","pop","header","addMessages","hideTyping","f7PanelBinding","panel","side","f7PanelMenuBinding","firstPanelId","first","panelActiveId","activeTab","f7PickerBinding","cols","textAlign","values","picker","f7Picker","displayValue","rotateEffect","scrollToInput","closeByOutsideClick","toolbar","toolbarCloseText","sheetSwipeToClose","$escape","updateLabel","labelTxt","labelNode","Error","isArray","radioInputBinding","checked_items","$objs","Array","_getLabel","_getLabelNode","siblings","obj","parentNode","tagName","trim","_setLabel","f7SelectBinding","f7SheetBinding","sheet","s","f7SliderBinding","parseFloat","range","r","min","updateScale","max","step","scaleSteps","scaleSubSteps","scale","dual","f7SmartSelectBinding","eq","$containerEl","ss","smartSelect","multiple","maxLength","empty","temp","f7StepperBinding","stepper","manualInputMode","inputTarget","increment","decrement","wraps","decimalPoint","manual","removeAttr","autorepeat","autorepeatDynamic","raised","f7TabsBinding","f7ToggleBinding","checked","f7VirtualListBinding","decodeHTML","txt","createElement","innerHTML","template","item","media","url","itemTemplate","searchAll","found","theme","virtualList","vl","current_from","currentFromIndex","current_to","currentToIndex","reach_end","reachEnd","resetFilter","addImageWrapper","appendItem","prependItem","appendItems","prependItems","replaceItem","replaceAllItems","moveItem","oldIndex","newIndex","insertItemBefore","filterItems","indexes","deleteItem","deleteAllItems","scrollToItem"],"mappings":"AAAAA,GAAE,WAEA,IAAIC,EAASD,EAAEE,UAAUC,KAAK,0BAC9BF,EAASG,KAAKC,MAAMJ,EAAOK,QAG3B,IAAIC,EAAuC,SAA/BP,EAAE,QAAQQ,KAAK,YA6D3B,GAzDAP,EAAOQ,KAAO,OAGVF,IACFN,EAAOS,cAAgB,CACrBC,KAAMC,OAAOC,SAASC,SAAW,oBACjCC,MAAOH,OAAOC,SAASC,WAK3Bb,EAAOe,QAAW,CACdC,gBAAiB,WACJC,KACMlB,EAAE,cACbmB,YAAY,gBAIxBlB,EAAOmB,KAAO,WACZ,MAAO,CACLC,SAAU,GACVC,SAAU,GACVC,QAAS,KAKbC,IAAM,IAAIC,WAAWxB,GAGrByB,SAAWF,IAAIG,MAAMC,OAAO,cAGvB3B,EAAO4B,eAAe,UAAS5B,EAAO6B,MAAO,GAC9C7B,EAAO6B,MACTN,IAAIR,QAAQC,kBAITO,IAAIO,OAAOC,SACdhC,EAAE,WACCiC,KAAK,OAAQ,YACb3B,KACC,uQASD4B,SAAS,QAIVjC,EAAO4B,eAAe,SAAU,CAClC,IAAIM,EAAWX,IAAIY,MAAMC,wBAAwBpC,EAAOqC,OACxDtC,EAAE,WACCiC,KAAK,OAAQ,YACb3B,KACC,sCACoB6B,EAAS,uDACLA,EAAS,6DACPA,EAAS,8DACVA,EAAS,sCAGnCD,SAAS,QAKd,GADKjC,EAAO4B,eAAe,YAAW5B,EAAOsC,QAAS,GAClDtC,EAAOsC,OAAQ,CA+CjBvC,EAAE,WACCiC,KAAK,OAAQ,YACb3B,KAAK,0hDACL4B,SAAS,QAUd,GAJAlC,EAAE,QAAQwC,SAASvC,EAAOqC,OAC1BtC,EAAE,QAAQQ,KAAK,SAAUP,EAAOsC,QAG5BhC,EAAO,CAET,IAKIkC,EALAC,EAAelB,IAAImB,MAAMf,OAAO,CAClCgB,SAAU,SACVC,KAAM,yFAKR7C,EAAEY,QAAQkC,GAAG,sBAAwBC,IAEnCA,EAAEC,iBAEFP,EAAiBM,EAAEE,cAEnBP,EAAaQ,SAMf1B,IAAIY,MAAMe,UAAS,WACjBnD,EAAE,mBAAmB8C,GAAG,SAAS,WAE/BJ,EAAaU,QACRX,IAKLA,EAAeY,SAEfZ,EAAea,WAAWC,KAAMC,IAC9BC,QAAQC,IAAI,KAAM,aAAcF,GAGhCf,EAAiB,aAGpB,SCvLPzC,GAAE,WAUAA,EAAEE,UAAU4C,GAAG,sBAAsB,SAASa,GAE5C3D,EAAE,sBAAsB4D,OACxB5D,EAAE,eAAe4D,OAEjB,IAAIC,EAAiBrC,IAAImB,MACtBf,OAAO,CACNkC,KAAM,yCACNlB,SAAU,SACVC,KACE,mQAEHK,OAGHlD,EAAE,iBAAiB8C,GAAG,SAAS,WAC7Be,EAAeT,cAMnBpD,EAAEE,UAAU4C,GAAG,4BAA4B,SAASa,GAClDI,MAAMC,cAAc,YAAaD,MAAME,SAAShE,WAIlDD,EAAEE,UAAU4C,GAAG,sBAAsB,SAASa,GAC5C,IAAIO,EACkB,OAAlBP,EAAMQ,UACRD,OAA+BE,IAAvBT,EAAMQ,QAAQE,KAAsBV,EAAMQ,QAAQE,KAAKC,MAAM,KAAK,GAAK,KAC/EP,MAAMC,cAAc,mBAAoB,CACtCK,KAAMV,EAAMU,KACZE,MAAOZ,EAAMY,MACbL,KAAMA,QAMZlE,EAAEE,UAAU4C,GAAG,mBAAmB,SAASa,GACzCI,MAAMC,cAAc,aAAcvC,WAAWM,WAK3CN,WAAWM,OAAOyC,aACpBxE,EAAE,cAAcyE,IAAI,CAAEC,OAAQ,QAASC,MAAO,UAC1C3E,EAAE,WAAW4E,OAAS,GACxB5E,EAAE,YAAYyE,IAAI,gBAAiB,SAQnCjD,IAAIqD,OAAOtC,QAAUf,IAAIqD,OAAO/C,MAAoC,YAA5B9B,EAAE,QAAQQ,KAAK,UACzDR,EAAE,2BACCG,KAAK,KACLqC,SAAS,eAIdxC,EAAE,gBAAgB8C,GAAG,SAAS,WAC5B9C,EAAEkB,MAAM4D,QAAQ,SAASC,YA8B3B,GAhBAhB,MAAMiB,wBAAwB,gBAAgB,SAASC,GACrD,IAAIC,EAAK,iCAAmCD,EAAQE,OACpDnF,EAAEiF,EAAQG,QAAQ5C,SAAS0C,QACFd,IAArBa,EAAQI,SACVC,YAAW,WACTtF,EAAEiF,EAAQG,QAAQG,YAAYL,KACV,IAAnBD,EAAQI,UAEXrF,EAAEE,UAAU4C,GAAG,cAAc,WAC3B9C,EAAEiF,EAAQG,QAAQG,YAAYL,SAMpCtE,OAAO4E,KAAM,EACThE,IAAIqD,OAAOY,gBAAiB,CAC9B,MAAMC,EAAkB,CAAC,gBAAiB,UAAW,YACrD1F,EAAEE,UAAU4C,GAAG,mBAAmB,SAASa,GACzC2B,YAAW,WACT,GAAItF,EAAE,QAAQ2F,SAAS,cACrB,IAAKP,UAAUM,EACb1F,EAAEoF,QAAQ5C,SAhCE,wCAmCf,OAELxC,EAAEE,UAAU4C,GAAG,cAAc,SAASa,GACpC,IAAI/C,OAAO4E,IACT,IAAKJ,UAAUM,EACb1F,EAAEoF,QAAQG,YAxCI,sCA2ClB3E,OAAO4E,KAAM,KAKjB,GAAIhE,IAAIqD,OAAOe,UAAW,CACxB,MAAMA,EAAYpE,IAAIqE,OAAOD,YAEzBpE,IAAIqD,OAAO/C,MACb9B,EAAE4F,EAAUE,IAAItD,SAAS,cAE3BxC,EAAEE,UAAU4C,GAAG,cAAc,SAASa,GAChC/C,OAAO4E,KACThE,IAAIqE,OAAOzC,QAEbxC,OAAO4E,KAAM,KAOjBO,cAAgB/F,EAAE,QAAQ2F,SAAS,gBAC/BnE,IAAIqD,OAAO/C,MAEb9B,EAAE,QAAQwC,SAAS,QAEfuD,eACE/F,EAAE,eAAe2F,SAAS,gBAC5B3F,EAAE,eACCuF,YAAY,eACZ/C,SAAS,cAGhBxC,EAAE,WAAWwC,SAAS,gBAGtBxC,EAAE,QAAQwC,SAAS,SAEfuD,eACE/F,EAAE,eAAe2F,SAAS,eAC5B3F,EAAE,eACCuF,YAAY,cACZ/C,SAAS,gBAQM,GADRxC,EAAE,cACJ4E,QACZ5E,EAAE,SAASwC,SAAS,uBAItBuB,MAAMiB,wBAAwB,cAAc,SAASC,GAEnDzD,IAAIY,MAAM4D,OAAOxE,IAAIqD,OAAQI,MAG/BlB,MAAMiB,wBAAwB,iBAAiB,SAASC,GAGtD,IAAIgB,EACJ,IAAK,MAAMC,KAAY1E,IAAIJ,KACzB,IAAK,MAAM2B,KAAKvB,IAAIJ,KAAK8E,GACnBnD,IAAMkC,EAAQkB,KAChBF,EAAiBC,GAKvB,IAAIE,EAAc5E,IAAIJ,KAAK6E,GAAgBhB,EAAQkB,IAC/CE,EAAYD,EAAYvB,OACxByB,EAAY9E,IAAIY,MAAM4D,OAAOK,EAAYpB,EAAQsB,SAGrDH,EAAYI,UAEZ,IAAIC,EAAcjF,IAAIyE,GAAgBrE,OAAO0E,GAE7C9E,IAAIJ,KAAK6E,GAAgBhB,EAAQkB,IAAMM,KAUzC,MAAMC,EAAY,CAAC,QAAS,SAAU,aAGhCC,EAAUD,EAAUE,OAFJ,CAAC,QAAS,eAAgB,eAAgB,QAAS,cA8QzE,SAASC,IACP7G,EAAE,uBAAuB+E,SAEzB,IAAI+B,EAAgB,IAAM9G,EAAE,sBAAsB4E,OAE9CmC,EAAO/G,EAAE,sBACTgH,EAAc,GAClB,IAAKC,EAAG,EAAGA,EAAEF,EAAKnC,OAAQqC,IACxBD,EAAYE,KAAKH,EAAKE,GAAGE,WAE3B,IACIC,EADAC,EAAML,EAAYM,QAAQ,4BAK5BF,GADW,IAATC,EACe,EAEM,IAANA,EAAY,IAI/BrH,EAAE,kBAAkBuH,OAClB,kDACET,EACA,6BAA+BM,EAAiB,yBAjStDI,eAAiB,SAASC,GAEpBf,EAAUY,QAAQG,IAAW,EAC/BzH,EAAE,IAAMyH,GAAQC,MAAK,WACnB,IAAIC,EAAM3H,EAAEkB,MACRjB,EAASD,EAAEE,UAAUC,KACvB,oBAAsBwH,EAAInH,KAAK,MAAQ,OAEzCP,EAASG,KAAKC,MAAMJ,EAAOK,SAEpBwF,GAAK,IAAM6B,EAAInH,KAAK,MAG3BgB,IAAIiG,GAAQ7F,OAAO3B,MAMrB8D,MAAMiB,wBAAwByC,GAAQ,SAASxC,GAC9B,cAAXwC,GAEFzH,EAAE,+BAAoCiF,EAAQa,GAAK,YAChD8B,YAAY5H,EAAE,YAGnBiF,EAAQnC,GAAK,CACXI,KAAM,SAASkC,QACMhB,IAAfa,EAAQkB,IAAkBpC,MAAMC,cAAciB,EAAQkB,IAAI,GAC1Df,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOU,IAAItD,SAAS,cAtPhCuB,MAAM8D,YACN9D,MAAM+D,mBACN/D,MAAMgE,WAwPA3E,MAAO,gBACcgB,IAAfa,EAAQkB,IAAkBpC,MAAMC,cAAciB,EAAQkB,IAAI,KAGnD,cAAXsB,GACFxC,EAAQa,GAAK,IAAMb,EAAQa,GAC3BtE,IAAIiG,GAAQ7F,OAAOqD,IAEnBzD,IAAIiG,GAAQ7F,OAAOqD,GAAS/B,WAOpCyD,EAAQqB,SAAQ,SAASC,GACvBT,eAAeS,MAKjBC,WAAa,GACbC,iBAAmB,WAEjBnI,EAAE,kBAAkB0H,MAAK,WACvBQ,WAAWhB,KAAKlH,EAAEkB,MAAMV,KAAK,qBAKjC2H,mBAEAD,WAAWF,SAAQ,SAASI,GAC1BrE,MAAMiB,wBAAwBoD,GAAO,SAASnD,GAE5CA,EAAQnC,GAAK,CACXI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOU,IAAItD,SAAS,gBAI5B,IAAI6F,EAAU7G,IAAI6G,QAAQzG,OAAO,CAC/B0G,SAAU,oBAAsBF,EAAQ,KACxCG,QACE,sEAGAtD,EAAQsD,QACR,uBAIJvI,EAAE,oBAAsBoI,EAAQ,MAAMtF,GAAG,SAAS,WAChDuF,EAAQnF,gBAOda,MAAMiB,wBAAwB,eAAe,SAASC,GAGpD,QAA4Cb,IAAxC5C,IAAIJ,KAAKC,SAAS4D,EAAQqD,WAE5B,IAAKtI,EAAEiF,EAAQqD,UAAU3C,SAAS,oBAAqB,CAErDV,EAAQsD,QAAU,uJAIOtD,EAAQsD,4DAMjCtD,EAAQnC,GAAK,CACXI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOU,IAAItD,SAAS,gBAM5B,IAAIgG,EAAIhH,IAAI6G,QAAQzG,OAAOqD,GAE3BuD,EAAEtF,OAEF1B,IAAIJ,KAAKC,SAAS4D,EAAQqD,UAAYE,QAInCxI,EAAEiF,EAAQqD,UAAU3C,SAAS,qBAChCnE,IAAIJ,KAAKC,SAAS4D,EAAQqD,UAAUpF,UAM1Ca,MAAMiB,wBAAwB,kBAAkB,SAASC,GAEvDjF,EAAEiF,GAAS9D,YAAY,uBAKzB4C,MAAMiB,wBAAwB,eAAe,SAASC,GAGpD,QAA4Cb,IAAxC5C,IAAIJ,KAAKE,SAAS2D,EAAQqD,UAAyB,CAErD,IAAIG,EAAIjH,IAAIkH,QAAQ9G,OAAOqD,GAE3BwD,EAAEE,OAEFnH,IAAIJ,KAAKE,SAAS2D,EAAQqD,UAAYG,MAI1C1E,MAAMiB,wBAAwB,kBAAkB,SAASC,GACvD,QAA4Cb,IAAxC5C,IAAIJ,KAAKE,SAAS2D,EAAQqD,UAAyB,CAErD,IAAIG,EAAIjH,IAAIkH,QAAQE,IAAI3D,EAAQqD,UAChC,GAAuB,WAAnBrD,EAAQ4D,OACNJ,GACFA,EAAEK,QAAQ7D,EAAQpC,WAEf,GAAuB,WAAnBoC,EAAQ4D,OACjB,GAAIJ,EAAG,CAEL,IAAIM,EAAgBC,OAAOC,OAAO,GAAIR,GAEtCjH,IAAIJ,KAAKE,SAAS2D,EAAQqD,UAAYS,EAEtCN,EAAEjC,cACG,CAEL,IAAI0C,EAAO1H,IAAIJ,KAAKE,SAAS2D,EAAQqD,UAAUzD,OAE/C4D,EAAIjH,IAAIkH,QAAQ9G,OAAOsH,GACvB1H,IAAIJ,KAAKE,SAAS2D,EAAQqD,UAAYG,OAQ9C1E,MAAMiB,wBAAwB,UAAU,SAASC,GAC/C,IAIIY,EAJA3B,EAAOe,EAAQf,KAGfrB,EAAO,uDAAuDoC,EAAQpC,aAE1E,OAAQqB,GACN,IAAK,QACH2B,EAASrE,IAAIqE,OAAOsD,MAAMtG,EAAMoC,EAAQmE,MAAOnE,EAAQnC,IACvD,MACF,IAAK,UACH+C,EAASrE,IAAIqE,OACVwD,QACExG,EAAOA,EACPuG,MAAQnE,EAAQmE,MAChBE,WAAa,WACZvF,MAAMC,cAAciB,EAAQkB,IAAI,IAEjCoD,eAAiB,WAChBxF,MAAMC,cAAciB,EAAQkB,IAAI,KAGnCjD,KAAKa,MAAMC,cAAciB,EAAQkB,GAAI,OAExC,MACF,IAAK,SACHN,EAAUrE,IAAIqE,OACXxC,OACER,EAAOA,EACPuG,MAAQnE,EAAQmE,MAChBE,WAAa,SAAS/E,GACrBR,MAAMC,cAAciB,EAAQkB,GAAI5B,IAEjCgF,eAAiB,WAChBxF,MAAMC,cAAciB,EAAQkB,GAAI,QAGnCjD,KAAKa,MAAMC,cAAciB,EAAQkB,GAAI,OACxC,MACF,IAAK,QACHN,EAASrE,IAAIqE,OACV2D,MACE3G,EAAOA,EACPuG,MAAQnE,EAAQmE,MAChBE,WAAa,SAASG,EAAUC,GAC/B3F,MAAMC,cAAciB,EAAQkB,GAAI,CAC9BwD,KAAMF,EACNC,SAAUA,KAGbH,eAAiB,WAChBxF,MAAMC,cAAciB,EAAQkB,GAAI,QAGnCjD,KAAKa,MAAMC,cAAciB,EAAQkB,GAAI,OACxC,MACF,QACE1C,QAAQC,IAAI,IAGZlC,IAAIqD,OAAO/C,MACb9B,EAAE6F,EAAOC,IAAItD,SAAS,iBAK1BuB,MAAMiB,wBAAwB,WAAW,SAASC,GAChD,IAAI2E,EAAW,IAAIC,SAAS,WAAY5E,EAAQ2E,SAAU,KAC1D5J,EAAEiF,EAAQG,QAAQtC,GAAG,WAAW,WAC9B8G,UAuCJ,IAAIE,EAAS,GA4Ub,GA3UAC,gBAAkB,WAChB/J,EAAE,mBAAmB0H,MAAK,WACxBoC,EAAO5C,KAAKhG,KAAKiF,QAKrB4D,kBAGAD,EAAO9B,SAAQ,SAASI,GACtB,IAAIjC,EAAK,UAAYiC,EACrBrE,MAAMiB,wBAAwBmB,GAAI,SAASlB,GAEzC,IAAI+E,EAEFA,OADqB5F,IAAnBa,EAAQG,OACFpF,EAAE,IAAMiF,EAAQgF,IAEhBjK,EAAE,IAAMiF,EAAQgF,GAAK,IAAMhF,EAAQG,QAG7C,IAII8E,EAJAC,EAAMnK,EAAEiF,EAAQV,MAAMjE,MA+D1B,GA1DIN,EAAEgK,GAAOrE,SAAS,iBAEpBuE,EAASlK,EAAEmK,GAAK3H,SAAS,gBAGvBxC,EAAE,aACCoK,SAAS,GACTzE,SAAS,cAEZ3F,EAAEkK,GAAQ3E,YAAY,gBAGD,SAAnBN,EAAQoF,QACVrK,EAAEkK,GAAQ1H,SAAS,wBAGrB0H,EAASlK,EAAEmK,QAIU/F,IAAnBa,EAAQG,QAEVpF,EAAEgK,GAAOzC,OAAO2C,GAEhBlK,EAAE,4BAA4BsK,QAAQrF,EAAQsF,OAErB,UAArBtF,EAAQrC,UAEV5C,EAAEkK,GAAQtC,YAAY5H,EAAEgK,IAExBhK,EAAEiF,EAAQsF,MAAM3C,YACd5H,EACE,0BAA4BiF,EAAQgF,GAAK,IAAMhF,EAAQG,OAAS,QAGtC,WAArBH,EAAQrC,WAEjB5C,EAAEkK,GAAQM,aAAaxK,EAAEgK,IAEzBhK,EAAEiF,EAAQsF,MAAMC,aACdxK,EACE,0BAA4BiF,EAAQgF,GAAK,IAAMhF,EAAQG,OAAS,QASxErB,MAAM0G,cACJN,EAAI,GACJ,CAAC7J,KAAM6J,EAAI7J,OAAQoK,KAAMzF,EAAQV,MAAMmG,OAOvC1K,EAAE,aACCoK,SAAS,GACTzE,SAAS,aACZ,CACA,IACIgF,EAAU3K,EAAE,0BAA4BiF,EAAQkB,GAAK,MAC/CnG,EAAE2K,GAASC,YACnB,8CACE3F,EAAQkB,GACR,KACAnG,EAAE2K,GAASrK,OACX,aAKFN,EAAEgK,GAAOrE,SAAS,iBAEPzF,SAAS2K,cAAc,qBAAqBC,OAClDC,SAIc,SAAnB9F,EAAQoF,QAEV7I,IAAI2I,IAAIxB,KAAK,IAAM1D,EAAQkB,IAAI,GAM9BnG,EAAE,aACAoK,SAAS,GACTzE,SAAS,cAEZkB,UAMNiD,EAAO9B,SAAQ,SAASI,GACtB,IAAIjC,EAAK,UAAYiC,EACrBrE,MAAMiB,wBAAwBmB,GAAI,SAASlB,GAEzC,IAAI+F,EAAchL,EAAE,IAAMiF,EAAQgF,GAAK,IAAMhF,EAAQG,QAQrD,GAJApF,EAAE,mBAAmByE,IAAI,YAAa,IAKnCzE,EAAE,aACAoK,SAAS,GACTzE,SAAS,aASP,CACL,IAAIsF,EAAejL,EACjB,+BACEiF,EAAQgF,GACR,IACAhF,EAAQG,OACR,MAEA8F,EAAalL,EAAE,oBAAoBmL,IACrC,eAAiBlG,EAAQgF,GAAK,IAAMhF,EAAQG,OAAS,MAEjB,IAAlCpF,EAAEiL,GAAcG,OAAOxG,OACpB5E,EAAEkL,GAAYvF,SAAS,oBAC1B3F,EAAEiL,GACCI,OACA7I,SAAS,mBAGTxC,EAAEkL,GAAYvF,SAAS,oBAC1B3F,EAAEiL,GACCG,OACA5I,SAAS,mBAGhBxC,EAAEiL,GAAclG,cA/BhB/E,EACE,+BACEiF,EAAQgF,GACR,IACAhF,EAAQG,OACR,MACFL,UA6BJ/E,EAAE,IAAMiF,EAAQgF,GAAK,IAAMhF,EAAQG,QAAQL,SAGvC/E,EAAEgL,GAAarF,SAAS,kBAEbzF,SAAS2K,cAAc,qBAAqBC,OAClDC,SAIT,IAAIO,EAAYtL,EAAEgL,GACfI,OACA5K,KAAK,MACRgB,IAAI2I,IAAIxB,KAAK,IAAM2C,GAKhBtL,EAAE,aACAoK,SAAS,GACTzE,SAAS,cAEZkB,UAON9C,MAAMiB,wBAAwB,gBAAgB,SAASC,GACrD,IAAIa,EAAK,IAAMb,EAAQkB,GACvB3E,IAAI+J,MAAM3C,IAAI9C,GAAIiF,OAAO9F,MAK3BuG,oBAAsB,WACpBxL,EAAE,gBAAgB0H,MAAK,WACrB,IAAI5B,EAAK,IAAM9F,EAAEkB,MAAMV,KAAK,MACxBiL,EAAWC,SAAS1L,EAAEkB,MAAMV,KAAK,kBAErCgB,IAAImK,YAAYhD,KAAK7C,EAAI2F,OAI7BD,sBAGAzH,MAAMiB,wBAAwB,mBAAmB,SAASC,GACxDzD,IAAImK,YAAYC,IAAI,IAAM3G,EAAQkB,GAAIlB,EAAQwG,aAKhD1H,MAAMiB,wBAAwB,eAAe,SAASC,GAEhDA,EAAQ4G,QAEZrK,IAAIsK,OAAOnD,KAAK,UAAsB1D,EAAQ4G,YAIhD9H,MAAMiB,wBAAwB,eAAe,SAASC,GACpD,IAAI4G,EACAE,EAC2BF,EAAR,QAAnB5G,EAAQ4G,QAEyBE,EAAR,QAAzB9G,EAAQ8G,cAEZvK,IAAIsK,OAAOlI,KACT,UACCiI,EAAUA,EACVE,EAAgBA,MAKrBhI,MAAMiB,wBAAwB,iBAAiB,SAASC,GACtD+G,QAAUhM,EAAE,WACGgM,QAAQrG,SAAS,iBAE9BnE,IAAIsK,OAAOnD,KAAK,UAAWkD,QAAU5G,EAAQ4G,SAE7CrK,IAAIsK,OAAOlI,KAAK,UAAWiI,QAAU5G,EAAQ4G,QAASE,cAAgB9G,EAAQ8G,kBAKlFhI,MAAMiB,wBAAwB,gBAAgB,SAASC,GAErD,QAAqCb,IAAjC5C,IAAIJ,KAAKG,QAAQ0D,EAAQkB,IAAmB,CAC9C,IAAI8F,EAAYhH,EAAQkB,GAAK,UAkB7BlB,EAAQiH,QAAQlE,SAThB,SAAoBmE,EAAS/D,GAC3BY,OAAOoD,eAAeD,EAAS,UAAW,CACxC5H,MAAO,YAPX,SAAwB6D,GACtBrE,MAAMC,cAAciI,EAAW7D,GAO3BiE,CAAejE,EAAQ,IAEzBkE,UAAU,OAOdrH,EAAQnC,GAAK,CACXI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOU,IAAItD,SAAS,eAG1B+J,OAAQ,WACNxI,MAAMC,cAAciB,EAAQkB,IAAI,IAElCqG,OAAQ,WACNzI,MAAMC,cAAciB,EAAQkB,IAAI,GAEhCpC,MAAMC,cAAciI,EAAW,QAKnC,IAAIQ,EAAIjL,IAAID,QAAQK,OAAOqD,GAC3BwH,EAAEvJ,OAEF1B,IAAIJ,KAAKG,QAAQ0D,EAAQkB,IAAMsG,OAG/BjL,IAAIJ,KAAKG,QAAQ0D,EAAQkB,IAAIjD,UAKjCa,MAAMiB,wBAAwB,uBAAuB,SAASC,GAE5DzD,IAAIJ,KAAKG,QAAQ0D,EAAQkB,IAAIK,UAE7B,IAAIiG,EAAIjL,IAAID,QAAQK,OAAOqD,GAE3BzD,IAAIJ,KAAKG,QAAQ0D,EAAQkB,IAAMsG,KAOE,SAA/BzM,EAAE,QAAQQ,KAAK,YAAwB,CACzC,MAAMkM,EAAY1M,EAChB,+FAOFA,EAAE,iBACCwC,SAAS,eACT8H,QAAQoC,GACRlM,KAAK,oBAAqB,MAC1BA,KAAK,sBAAuB,QAI/BgB,IAAImL,IAAI/K,OAAO,gBACf,IAAI+K,EAAMnL,IAAImL,IAAI/D,IAAI,gBAEtB+D,EAAI7J,GAAG,WAAW,SAASC,GAEzBgB,MAAMC,cAAc,OAAO,GAC3BsB,YAAW,WACT9D,IAAImL,IAAIC,SACP,QAOLD,EAAI7J,GAAG,QAAQ,SAASC,GACtBgB,MAAMC,cAAc,MAAO,SAK/BD,MAAMiB,wBAAwB,kBAAkB,SAASC,GAUvD,IAAI4H,EATJ7M,EAAE,IAAMiF,EAAQG,QACb5E,KAAK,WAAY,IACjBA,KAAK,WAAY,IACjBA,KAAK,UAAWyE,EAAQ6H,SACxBtM,KAAK,qBAAsByE,EAAQ8H,OAEtC/M,EAAE,IAAMiF,EAAQG,QACbN,QAAQ,4BACRtC,SAAS,6BAES4B,IAAjBa,EAAQ+H,OACVH,EAAU,kCAAoC5H,EAAQ+H,KAAO,UAE/DhN,EAAE,IAAMiF,EAAQG,QACb6H,SACA1F,OAAOsF,MAIZ9I,MAAMiB,wBAAwB,kBAAkB,SAASC,QAC7B,IAAfA,EAAQa,GACjBtE,IAAIoE,UAAUsH,OAAOjI,EAAQa,GAAIb,EAAQ3C,OAEzCd,IAAIoE,UAAU+C,KAAK1D,EAAQ3C,UAI/ByB,MAAMiB,wBAAwB,kBAAkB,SAASC,QAC7B,IAAfA,EAAQa,GACjBtE,IAAIoE,UAAUuH,OAAOlI,EAAQa,IAE7BtE,IAAIoE,UAAUhC,UASlB5D,EAAE,kBAAkB0H,MAAK,WACvB1H,EAAEkB,MAAM4B,GAAG,SAAS,WAClBiB,MAAMC,cAAchE,EAAEkB,MAAMV,KAAK,OAAO,EAAM,CAAC4M,SAAU,UAEzD5L,IAAI6L,SAASjK,MAAMpD,EAAEkB,MAAM4D,QAAQ,uBC/5BzC,IAAIwI,qBAAuB,IAAIvJ,MAAMwJ,aCArC,SAASC,UAAUC,EAAOC,GACxB,IAAIC,EAAU,GACd,GAAqB,IAAjBF,EAAM7I,OAAV,CAKA,IAAK,IAAIqC,EAAI,EAAGA,EAAI2G,KAAKhJ,OAAQqC,IAC3B2G,KAAK3G,GAAG4G,cAAcvG,QAAQmG,EAAMI,gBAAkB,GACxDF,EAAQzG,KAAK0G,KAAK3G,IAItByG,EAAOC,QAVLD,EAAOC,GDDX3N,EAAEgG,OAAOsH,qBAAsB,CAE7BnN,KAAM,SAASY,KAKf+M,SAAU,SAAShI,KAOnBiI,eAAgB,SAASjI,EAAI1E,KAS7B4M,UAAW,SAASlI,EAAI8D,KAQxBqE,YAAa,SAASnI,OAKxB/B,MAAMmK,cAAcC,SAASb,sBCtB7B,IAAIc,sBAAwB,IAAIrK,MAAMwJ,aAEtCvN,EAAEgG,OAAOoI,sBAAuB,CAE9BC,WAAY,SAASvI,GAGnB,IAAIK,EAAKnG,EAAE8F,GAAItF,KAAK,MAIhBY,EAAO,GACX,GAAG4G,QAAQsG,KAAKxI,EAAGyI,YAAY,SAAS/N,GACtC,GAAI,SAASgO,KAAKhO,EAAK6D,MAAO,CAC5B,IAAIoK,EAAgBjO,EAAK6D,KAAKqK,OAAO,GAAGC,QAAQ,SAAS,SAAUC,EAAIC,GACrE,OAAOA,EAAGC,iBAGZ,IAAkG,GAA9F,CAAC,SAAU,UAAW,QAAS,0BAA2B,SAASxH,QAAQmH,GAAsB,CACnG,IAAIM,EAA2B,QAAdvO,EAAK+D,MACtBnD,EAAKqN,GAAiBM,OAEtB3N,EAAKqN,GAAiBjO,EAAK+D,UAKjCnD,EAAKmD,MAAQnE,KAAKC,MAAMe,EAAKmD,OAGV,YAAfnD,EAAK4N,OACP5N,EAAK6N,QAAU,IAAM9I,EAErB/E,EAAK8N,SAAW,IAAM/I,EAGxB,IAAIyH,EAAOxN,KAAKC,MAAMe,EAAK+N,SAC3B/N,EAAKgO,OAAS,SAAU3B,EAAOC,GAC7B,IAAIC,EAAU,GACd,GAAqB,IAAjBF,EAAM7I,OAAV,CAKA,IAAK,IAAIqC,EAAI,EAAGA,EAAI2G,EAAKhJ,OAAQqC,IAC3B2G,EAAK3G,GAAG4G,cAAcvG,QAAQmG,EAAMI,gBAAkB,GACxDF,EAAQzG,KAAK0G,EAAK3G,IAItByG,EAAOC,QAVLD,EAAOC,IAcXvM,EAAK0B,GAAK,CACRuM,OAAQ,SAAU9K,GAGhBvE,EAAE,IAAMmG,GAAImJ,QAAQ,YAIxB9N,IAAI+N,aAAa3N,OAAOR,IAG1BjB,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,wBAIvB2N,SAAU,SAAShI,GACjB,IAAI2G,EAAIjL,IAAI+N,aAAa3G,IAAI5I,EAAE8F,IAG/B,OADA9F,EAAEyM,EAAE5H,OAAOoK,SAASO,IAAI/C,EAAElI,OACnBkI,EAAElI,OAIXkL,SAAU,SAAS3J,EAAIvB,GACrBuB,EAAGvB,MAAQA,EACXuB,EAAGjB,OAAON,MAAQA,EAElBvE,EAAE8F,EAAGjB,OAAOoK,SAASO,IAAI1J,EAAGvB,QAG9BmL,YAAa,SAAS5J,EAAIqJ,GAExBvB,KAAOuB,EACPrJ,EAAGjB,OAAOuK,OAAS5B,WAIrBO,eAAgB,SAASjI,EAAI1E,GAC3B,IAAIqL,EAAIjL,IAAI+N,aAAa3G,IAAI5I,EAAE8F,IAE3B1E,EAAKS,eAAe,YACtBX,KAAKwO,YAAYjD,EAAGrL,EAAK+N,SAGvB/N,EAAKS,eAAe,UACtBX,KAAKuO,SAAShD,EAAGrL,EAAKmD,OAExBvE,EAAE8F,GAAIwJ,QAAQ,WAGhBtB,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,gCAAgC,SAASC,GAGhDuC,YAAW,WACTsE,MACC,QAIPqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,6BAId5L,MAAMmK,cAAcC,SAASC,sBAAuB,mBCzIpD,IAAIwB,qBAAuB,IAAI7L,MAAMwJ,aACrCvN,EAAEgG,OAAO4J,qBAAsB,CAC7BzP,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,sBAEvB2N,SAAU,SAAShI,GACjB,OAAO9F,EAAE8F,GAAI1E,KAAK,QAAU,GAE9BqO,SAAU,SAAS3J,EAAIvB,GACrBvE,EAAE8F,GAAI1E,KAAK,MAAOmD,IAEpBsL,QAAS,SAAS/J,GAChB,MAAO,gBAETkI,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,8BAA8B,SAASC,GAC9C,IAAI4E,EAAM3H,EAAEkB,MACRsO,EAAM7H,EAAIvG,KAAK,QAAU,EAC7BuG,EAAIvG,KAAK,MAAOoO,EAAM,GAEtB5F,QAGJkG,SAAU,SAAShK,GACjB,MAAO,CAAEvB,MAAOrD,KAAK4M,SAAShI,KAEhCiI,eAAgB,SAASjI,EAAI1E,GAC3B,IAAIuG,EAAM3H,EAAE8F,GAWZ,GARI1E,EAAKS,eAAe,WACtB7B,EAAE8F,GAAIP,aAAa,SAAU6C,EAAOjB,GACtC,OAAQA,EAAU4I,MAAO,qBAAuB,IAAIC,KAAK,QAEvDhQ,EAAE8F,GAAItD,SAAS,SAAWpB,EAAKkB,QAI7BlB,EAAKS,eAAe,QAAS,CAC/B,IAAIoO,EAAWjQ,EAAE8F,GAAIH,SAAS,eAC1BvE,EAAK8O,KACFD,GAAUjQ,EAAE8F,GAAItD,SAAS,eAE1ByN,GAAUjQ,EAAE8F,GAAIP,YAAY,eAKpC,GAAInE,EAAKS,eAAe,WAAY,CAClC,IAAIsO,EAAYnQ,EAAE8F,GAAIH,SAAS,kBAC3BvE,EAAKgP,QACFD,GAAWnQ,EAAE8F,GAAItD,SAAS,kBAE3B2N,GAAWnQ,EAAE8F,GAAIP,YAAY,kBAKrC,GAAInE,EAAKS,eAAe,UAAW,CACjC,IAAIwO,EAAWrQ,EAAE8F,GAAIH,SAAS,iBAC1BvE,EAAKkP,OACFD,GAAUrQ,EAAE8F,GAAItD,SAAS,iBAE1B6N,GAAUrQ,EAAE8F,GAAIP,YAAY,iBAKpC,GAAInE,EAAKS,eAAe,WAAY,CAClC,IAAI0O,EAAYvQ,EAAE8F,GAAIH,SAAS,gBAC3BvE,EAAKoP,QACFD,GAAWvQ,EAAE8F,GAAItD,SAAS,gBAE3B+N,GAAWvQ,EAAE8F,GAAIP,YAAY,gBAKrC,GAAInE,EAAKS,eAAe,QAAS,CAC/B,IAAI4O,EAAUzQ,EAAE8F,GAAIH,SAAS,gBACzB+K,EAAU1Q,EAAE8F,GAAIH,SAAS,iBACxB8K,GAAWC,GAAS1Q,EAAE8F,GAAItD,SAAS,UAAYpB,EAAKuP,OACpDF,EAAUC,IACb1Q,EAAE8F,GAAIP,YAAY,gBAClBvF,EAAE8F,GAAItD,SAAS,UAAYpB,EAAKuP,OAE9BF,GAAWC,IACb1Q,EAAE8F,GAAIP,YAAY,gBAClBvF,EAAE8F,GAAItD,SAAS,UAAYpB,EAAKuP,OAMpC,IAAIC,EAAQjJ,EAAI9E,OAGZzB,EAAKS,eAAe,WAAU+O,EAAQxP,EAAKwP,OAE/CjJ,EAAIrH,KAAKsQ,IAEX3C,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,4BAGd5L,MAAMmK,cAAcC,SAASyB,qBAAsB,aAGnD5P,EAAEE,UAAU4C,GAAG,QAAS,sBAAsB,SAASC,GACrDA,EAAEC,oBC5GJ,IAAI6N,cAAgB,IAAI9M,MAAMwJ,aAE9BvN,EAAEgG,OAAO6K,cAAe,CAEtB1Q,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,qBAIvB2N,SAAU,SAAShI,GAEjB,OADW9F,EAAE8F,GAAIH,SAAS,gBAK5BoI,eAAgB,SAASjI,EAAI1E,GAC3BI,IAAIsP,KAAKC,OAAO/Q,EAAE8F,KAGpBkI,UAAW,SAASlI,EAAI8D,GAGtB5J,EAAE8F,GAAIhD,GAAG,uDAAuD,SAASC,GACvE6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,qBAId5L,MAAMmK,cAAcC,SAAS0C,cAAe,WChC5C,IAAIG,qBAAuB,IAAIjN,MAAMwJ,aAErCvN,EAAEgG,OAAOgL,qBAAsB,CAE7B7Q,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,iBAIvB2N,SAAU,SAAShI,GACjB,IAAImL,EAAcjR,EAAEA,EAAE8F,GAAI,IAAItF,KAAK,MAC/B0Q,EAAQlR,EAAE,IAAMiR,EAAc,6BAClC,GAAIC,EAAMtM,OAAS,EAAG,CAErB,GAAqB,IAAjBsM,EAAMtM,OAET,MAAO,CAACuM,OAAO,EAAM5M,MADXvE,EAAEkR,EAAM,IAAI/Q,KAAK,eAAeG,QAGzC,IAAI8Q,EAAS,GAIb,OAHApR,EAAEkR,GAAOxJ,MAAK,SAAST,GACrBmK,EAAOlK,KAAKlH,EAAEkR,EAAMjK,IAAI9G,KAAK,eAAeG,WAEvC,CAAC6Q,OAAO,EAAM5M,MAAO6M,GAG7B,MAAO,CAACD,OAAO,EAAO5M,MAAO,OAKjCwJ,eAAgB,SAASjI,EAAI1E,GAC3B,GAAIA,EAAKS,eAAe,YAAa,CACnC,IAAIoP,EAAcjR,EAAEA,EAAE8F,GAAI,IAAItF,KAAK,MAC/B0Q,EAAQlR,EAAE,IAAMiR,EAAc,oBAC9B5J,EAAMjG,EAAKiQ,SAAW,EACtBjM,EAASpF,EAAEkR,EAAM7J,IACrB7F,IAAI8P,UAAUP,OAAO3L,KAIzB4I,UAAW,SAASlI,EAAI8D,GAGtB5J,EAAE8F,GAAIhD,GAAG,+EAA+E,SAASC,GAC/F6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,4BAId5L,MAAMmK,cAAcC,SAAS6C,qBAAsB,kBCrDnD,IAAIO,qBAAuB,IAAIxN,MAAMwJ,aAErCvN,EAAEgG,OAAOuL,qBAAsB,CAE7BlD,WAAY,SAASvI,GACnBtE,IAAIgQ,YAAY5P,OAAO,CACrBqN,QAASnJ,EACTwC,SAAUtI,EAAE8F,GAAItF,KAAK,MAAQ,SAC7BiR,4BAA4B,EAC5BC,QAASC,mBAIT3C,OAAQ,OACR4C,YAAaC,uBACbC,oBAAqBC,+BACrBC,YAAaC,uBACbC,SAAUC,oBACVC,iBAAkBC,4BAClBC,eAAgBC,0BAGhBC,QAASC,oBAITlO,MAAO,CACLmO,IAAKC,kBAEP7P,GAAK,CACHI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpBsD,EACGuC,IACA7C,QAAQ,aACRtC,SAAS,mBAOtBrC,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,wBAIvB2N,SAAU,SAAShI,GACjB,IAAI8M,EAAK5S,EAAE8F,GAAItF,KAAK,MAGpB,OAAON,SAAS2S,eAAeD,GAAIrO,OAIrCkL,SAAU,SAAS3J,EAAIvB,KAKvBwJ,eAAgB,SAASjI,EAAI1E,KAI7B4M,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,gCAAgC,SAASC,GAChD6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,6BAId5L,MAAMmK,cAAcC,SAASoD,qBAAsB,kBC3EnD,IAAIuB,cAAgB,IAAI/O,MAAMwJ,aAE9BvN,EAAEgG,OAAO8M,cAAe,CACtB3S,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,gBAIvB2N,SAAU,SAAShI,GAEjB,OADArC,QAAQC,IAAI1D,EAAE8F,GAAItF,KAAK,UAChBR,EAAE8F,GAAItF,KAAK,UAIpBiP,SAAU,SAAS3J,EAAIvB,KAKvBwJ,eAAgB,SAASjI,EAAI1E,KAI7B4M,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,iDAAiD,SAASa,GAEjEiG,GAAS,MAEX5J,EAAE8F,GAAIhD,GAAG,wBAAwB,SAASC,GACxC6G,GAAS,OAIbmJ,cAAe,WACb,MAAO,CACLC,OAAQ,WACRC,MAAO,MAIXhF,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,qBAId5L,MAAMmK,cAAcC,SAAS2E,cAAe,WC9C5C,IAAII,oBAAsB,IAAInP,MAAMwJ,aAEpCvN,EAAEgG,OAAOkN,oBAAqB,CAE5B7E,WAAY,SAASvI,GAEnB,IAAImJ,EAAUjP,EAAE8F,GAAI,GAEhB7F,EAASD,EAAE8F,GAAImH,SAAS9M,KAAK,oBAAsB2F,EAAGK,GAAK,MAG/D,IAFAlG,EAASG,KAAKC,MAAMJ,EAAOK,SAEfuB,eAAe,SAGzB,IAAK,IAAIoF,EAAI,EAAGA,EAAIhH,EAAOsE,MAAMK,OAAQqC,IACvChH,EAAOsE,MAAM0C,GAAK,IAAIkM,KAAKlT,EAAOsE,MAAM0C,SAH1ChH,EAAOsE,MAAQ,CAAC,IAAI4O,MAOtBlT,EAAOgP,QAAUA,EAGjBhP,EAAO6C,GAAK,CACVI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpBsD,EACGuC,IACA7C,QAAQ,aACRtC,SAAS,gBAMlB,IAAI4Q,EAAW5R,IAAI4R,SAASxR,OAAO3B,GACnCiB,KAAK,YAAc4E,EAAGK,IAAMiN,GAG9BjT,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,oBAGvB0P,QAAS,SAAS/J,GAChB,MAAO,qBAGTgI,SAAU,SAAShI,GACjB,IAAI0J,EAAMtO,KAAK,YAAc4E,EAAGK,IAAI2H,WAEpC,GAAkB,GAAd0B,EAAI5K,OAAa,CACnB,IAAIyO,EAAU,IAAIF,KAAKjS,KAAK,YAAc4E,EAAGK,IAAI2H,YASjD,OARAuF,EAAWF,KAAKG,IACdD,EAAQE,cACRF,EAAQG,WACRH,EAAQI,UACRJ,EAAQK,WACRL,EAAQM,aACRN,EAAQO,cAEH,IAAIT,KAAKE,GAGhB,IADA,IAAIQ,EAAQ,GACH5M,EAAI,EAAGA,EAAIuI,EAAI5K,OAAQqC,IAC9B4M,EAAM5M,GAAK,IAAIkM,KAAK3D,EAAIvI,IACxB4M,EAAM5M,GAAKkM,KAAKG,IACdO,EAAM5M,GAAGsM,cACTM,EAAM5M,GAAGuM,WACTK,EAAM5M,GAAGwM,UACTI,EAAM5M,GAAGyM,WACTG,EAAM5M,GAAG0M,aACTE,EAAM5M,GAAG2M,cAEXC,EAAM5M,GAAK,IAAIkM,KAAKU,EAAM5M,IAE5B,OAAO4M,GAKXpE,SAAU,SAAS3J,EAAIvB,GACrBrD,KAAK,YAAc4E,EAAGK,IAAIsJ,SAASlL,IAIrCwJ,eAAgB,SAASjI,EAAI1E,GAa3B,GAZIA,EAAKS,eAAe,YACtBX,KAAK,YAAc4E,EAAGK,IAAIK,UAC1BpF,EAAKnB,OAAOgP,QAAUnJ,EACtB1E,EAAKnB,OAAO6C,GAAK,CACfI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOuC,KAAKnF,SAAS,gBAI7BtB,KAAK,YAAc4E,EAAGK,IAAM3E,IAAI4R,SAASxR,OAAOR,EAAKnB,SAEnDmB,EAAKS,eAAe,SAAU,CAEhC,IADA,IAAIiS,EACK7M,EAAI,EAAGA,EAAI7F,EAAKmD,MAAMK,OAAQqC,IACrC6M,EAAU,IAAIX,KAAK/R,EAAKmD,MAAM0C,IAC9B7F,EAAKmD,MAAM0C,GAAK,IAAIkM,KAAKW,EAAQP,cAAeO,EAAQN,WAAYM,EAAQL,WAE9EvS,KAAKuO,SAAS3J,EAAI1E,EAAKmD,SAI3ByJ,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,8BAA8B,SAASC,GAC9C6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,2BAId5L,MAAMmK,cAAcC,SAAS+E,oBAAqB,iBCrHlD,IAAIa,cAAgB,IAAIhQ,MAAMwJ,aAE9BvN,EAAEgG,OAAO+N,cAAe,CAEtB5T,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,SAIvB2N,SAAU,SAAShI,GAEjB,OADW9F,EAAE8F,GAAIH,SAAS,eAK5BoI,eAAgB,SAASjI,EAAI1E,GAE3BI,IAAIwS,IAAIjD,OAAO,IAAM/Q,EAAE8F,GAAItF,KAAK,QAGlCwN,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,kDAAkD,SAASC,GAClE6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,qBAId5L,MAAMmK,cAAcC,SAAS4F,cAAe,WC/B5C,IAAIE,eAAiB,IAAIlQ,MAAMwJ,aAE/BvN,EAAEgG,OAAOiO,eAAgB,CAEvB5F,WAAY,SAASvI,GAEnB,IAAI1E,EAAO,GACXA,EAAK0E,GAAK,IAAM9F,EAAE8F,GAAItF,KAAK,MAG3BY,EAAKyK,SAAU,EACfzK,EAAK0B,GAAK,CACRI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOU,IAAItD,SAAS,eAG1B+J,OAAQ,WACNvM,EAAE8F,GAAIwJ,QAAQ,WAGlB,IAAI4E,EAAI1S,IAAI2S,YAAYvS,OAAOR,GAKfhB,KAAKC,MAAML,EAAE8F,GAAItF,KAAK,oBAAoB,IAC3C0T,EAAEhR,QAGnB/C,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,kBAIvB2N,SAAU,SAAShI,GAEjB,OADQtE,IAAI2S,YAAYvL,IAAI5I,EAAE8F,IACrByG,QAIXwB,eAAgB,SAASjI,EAAI1E,GAC3B,IAAI8S,EAAI1S,IAAI2S,YAAYvL,IAAI5I,EAAE8F,IAC1BoO,EAAE3H,OAEAnL,EAAKuI,KAAK/E,OAAS,GAAKxD,EAAKsI,SAAS9E,OAAS,EACjDsP,EAAE9Q,QAEF5B,IAAIqE,OAAOsD,MAAM,2CAGnB+K,EAAEhR,QAIN8K,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,uEAAuE,SAASC,GACvF6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,sBAId5L,MAAMmK,cAAcC,SAAS8F,eAAgB,YClE7C,IAAIG,cAAgB,IAAIrQ,MAAMwJ,aAE9BvN,EAAEgG,OAAOoO,cAAe,CACtBjU,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,wBAIvB2N,SAAU,SAAShI,GACjB,OAAO9F,EAAE8F,GAAIH,SAAS,8BAIxBoI,eAAgB,SAASjI,EAAI1E,GACZpB,EAAE8F,GAAIH,SAAS,8BAE5BnE,IAAI6S,KAAKnR,KAAKlD,EAAE8F,KAIpBkI,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,uDAAuD,SAASC,GACvE6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,qBAId5L,MAAMmK,cAAcC,SAASiG,cAAe,WC/B5C,IAAIE,oBAAsB,IAAIvQ,MAAMwJ,aAEpCvN,EAAEgG,OAAOsO,oBAAqB,CAE5BjG,WAAY,SAASvI,GACnBtE,IAAI+S,WAAW3S,OAAO,CACpBkE,GAAI,IAAM9F,EAAE8F,GAAItF,KAAK,SAQzBgU,SAAU,SAAS1O,GACjB,IAAI0J,EAAMhO,IAAI+S,WAAW3L,IAAI5I,EAAE8F,IAAKgI,WAChC2G,EAAWzU,EAAE8F,GAAI3F,KAAK,IAAM2F,EAAGK,GAAK,SAMxC,OALKqJ,EAAI5K,OAGP5E,EAAEyU,GAAUlP,YAAY,YAFxBvF,EAAEyU,GAAUjS,SAAS,YAIhBgN,GAGTrP,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,gBAIvB2N,SAAU,SAAShI,GACjB,OAAO5E,KAAKsT,SAAS1O,IAIvB2J,SAAU,SAAS3J,EAAIvB,GACrB/C,IAAI+S,WAAW3L,IAAI5I,EAAE8F,IAAK2J,SAASlL,IAGrCmQ,eAAgB,SAAS5O,EAAIvB,GAC3B/C,IAAI+S,WAAW3L,IAAI5I,EAAE8F,IAAK4O,eAAenQ,IAI3CwJ,eAAgB,SAASjI,EAAI1E,GACvBA,EAAKS,eAAe,UACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKmD,OAGrBnD,EAAKS,eAAe,gBACtBX,KAAKwT,eAAe5O,EAAI1E,EAAKuT,cAIjC3G,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,2GAA2G,SAASC,GAE3H/C,EAAE8F,GAAI3F,KAAK,IAAM2F,EAAGK,GAAK,SAASrD,GAAG,SAAS,WAI5CwC,YAAW,WACT9D,IAAI+S,WAAW3L,IAAI5I,EAAE8F,IAAK8O,QAAQC,UACjC,QAELjL,GAAS,OAIbmJ,cAAe,WACb,MAAO,CACLC,OAAQ,WACRC,MAAO,MAIXhF,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,2BAId5L,MAAMmK,cAAcC,SAASmG,oBAAqB,iBCjFlD,IAAIQ,kBAAoB,IAAI/Q,MAAMwJ,aAElCvN,EAAEgG,OAAO8O,kBAAmB,CAE1BzG,WAAY,SAASvI,GAEnB9F,EAAE,iBAAiBwC,SAAS,oBAE5B,IAAI2D,EAAKnG,EAAE8F,GAAItF,KAAK,MAChBP,EAASD,EAAE8F,GAAI3F,KAAK,oBAAsBgG,EAAK,OACnDlG,EAASG,KAAKC,MAAMJ,EAAOK,SAEpBwF,GAAK,IAAMK,EAGpBlG,EAAO8U,iBAAmB,SAAU9P,EAAS+P,EAAiBC,GAE5D,OAAIhQ,EAAQiQ,WAMPF,GAAmBA,EAAgB9Q,OAASe,EAAQf,MAAQ8Q,EAAgB3Q,OAASY,EAAQZ,OAKpGpE,EAAOkV,gBAAkB,SAAUlQ,EAAS+P,EAAiBC,GAE3D,OAAIhQ,EAAQiQ,WAMPD,GAAeA,EAAY/Q,OAASe,EAAQf,MAAQ+Q,EAAY5Q,OAASY,EAAQZ,OAKxFpE,EAAOmV,gBAAkB,SAAUnQ,EAAS+P,EAAiBC,GAE3D,OAAIhQ,EAAQiQ,WAMPD,GAAeA,EAAY/Q,OAASe,EAAQf,MAAQ+Q,EAAY5Q,OAASY,EAAQZ,OAKtF7C,IAAI6T,SAASzT,OAAO3B,IAGtBE,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,cAIvB2N,SAAU,SAAShI,GACjB,OAAOtE,IAAI6T,SAASzM,IAAI5I,EAAE8F,IAAKuP,UAIjC5F,SAAU,SAAS3J,EAAIvB,GACrB+Q,oBAAqB,EACrB,IAAID,EAAW7T,IAAI6T,SAASzM,IAAI5I,EAAE8F,IAElC,GAAIvB,EAAMgR,WAAY,CAEpB,IAAIC,EAAMjR,EAAMA,MAAMkR,MAAMpR,KAC5BiB,YAAW,WACT+P,EAASE,WAAW,CAClBG,OAAQF,EAAM,eAGhBlQ,YAAW,WACT+P,EAASM,YAAYpR,EAAMA,OAE3B8Q,EAASO,aACTN,oBAAqB,IACpB,OACF,UAEHD,EAASM,YAAYpR,EAAMA,QAK/BwJ,eAAgB,SAASjI,EAAI1E,GAG3BF,KAAKuO,SAAS3J,EAAI1E,GAClBpB,EAAE8F,GAAIwJ,QAAQ,WAGhBtB,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,4BAA4B,SAASC,GAC5C6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,yBAId5L,MAAMmK,cAAcC,SAAS2G,kBAAmB,eC9GhD,IAAIe,eAAiB,IAAI9R,MAAMwJ,aAE/BvN,EAAEgG,OAAO6P,eAAgB,CAEvBxH,WAAY,SAASvI,GACnB,IAAI1E,EAAO,GAEXA,EAAK0E,GAAK,IAAM9F,EAAE8F,GAAItF,KAAK,MAE3BY,EAAK0B,GAAK,CACRyJ,OAAQ,WACNvM,EAAE8F,GAAIwJ,QAAQ,WAGlB9N,IAAIsU,MAAMlU,OAAOR,IAGnBjB,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,WAIvB2N,SAAU,SAAShI,GAEjB,OADQtE,IAAIsU,MAAMlN,IAAI5I,EAAE8F,IACfyG,QAIXwB,eAAgB,SAASjI,EAAI1E,GAE3B,IAAIoH,EAAIhH,IAAIsU,MAAMlN,IAAI5I,EAAE8F,IACxB0C,EAAEuI,OAAOvI,EAAEuN,OAGb/H,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,wDAAwD,SAASC,GACxE6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,sBAId5L,MAAMmK,cAAcC,SAAS0H,eAAgB,YC7C7C,IAAIG,mBAAqB,IAAIjS,MAAMwJ,aAEnCvN,EAAEgG,OAAOgQ,mBAAoB,CAE3B7V,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,gBAOvBkO,WAAY,SAASvI,GACnB,IAAImQ,EAAejW,EAAE8F,GAAI3F,KAAK,KAAK+V,QAAQ9U,KAAK,OAC5C+U,EAAgBnW,EAAE8F,GAAI3F,KAAK,qBAAqBiB,KAAK,YACnCgD,IAAlB+R,EACF3U,IAAI2I,IAAIxB,KAAKwN,GAEb3U,IAAI2I,IAAIxB,KAAKsN,IAKjBnI,SAAU,SAAShI,GACjB,IAAIsQ,EAAYpW,EAAE8F,GACf3F,KAAK,qBACLiB,KAAK,OAER,YAAkBgD,IAAdgS,EACKA,EAAU9R,MAAM,KAAK,GAErB,MAKXyJ,eAAgB,SAASjI,EAAI1E,GAEvBA,EAAKS,eAAe,aACtBL,IAAI2I,IAAIxB,KAAK,IAAMvH,EAAK6I,GAAK,IAAM7I,EAAKiQ,WAI5CrD,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAI3F,KAAK,KAAK2C,GAAG,4BAA4B,SAASC,GACtD/C,EAAEA,EAAEkB,MAAME,KAAK,QAAQkO,QAAQ,SAASA,QAAQ,SAC9C1F,GAAS,MAGbpI,IAAIsB,GAAG,8BAA8B,SAASqH,GAC5CP,GAAS,OAIbqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,0BAId5L,MAAMmK,cAAcC,SAAS6H,mBAAoB,eC3DjD,IAAIK,gBAAkB,IAAItS,MAAMwJ,aAEhCvN,EAAEgG,OAAOqQ,gBAAiB,CAExBhI,WAAY,SAASvI,GAEnB,IAAImJ,EAAUjP,EAAE8F,GAAI,GAIhB1E,EAAO,GACX,GAAG4G,QAAQsG,KAAKxI,EAAGyI,YAAY,SAAS/N,GACtC,GAAI,SAASgO,KAAKhO,EAAK6D,MAAO,CAC5B,IAAIoK,EAAgBjO,EAAK6D,KAAKqK,OAAO,GAAGC,QAAQ,SAAS,SAAUC,EAAIC,GACrE,OAAOA,EAAGC,iBAGZ,IAAkF,GAA9E,CAAC,SAAU,mBAAoB,UAAW,SAASxH,QAAQmH,GAAsB,CACnF,IAAIM,EAA2B,QAAdvO,EAAK+D,MACtBnD,EAAKqN,GAAiBM,OAEtB3N,EAAKqN,GAAiBjO,EAAK+D,UAMjCnD,EAAK6N,QAAUA,EACf7N,EAAKmD,MAAQnE,KAAKC,MAAMe,EAAKmD,OAC7BnD,EAAKkV,KAAO,CACV,CACEC,UAAW,SACXC,OAAQpW,KAAKC,MAAMe,EAAK+N,WAI5B/N,EAAK0B,GAAK,CACRI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpBsD,EACGuC,IACA7C,QAAQ,aACRtC,SAAS,gBAMlB,IAAIgG,EAAIhH,IAAIiV,OAAO7U,OAAOR,GAC1B6N,EAAQyH,SAAWlO,GAGrBrI,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,kBAIvB2N,SAAU,SAAShI,GAEjB,OADQtE,IAAIiV,OAAO7N,IAAI5I,EAAE8F,IAChBvB,OAIXkL,SAAU,SAAS3J,EAAIvB,GACrB,IAAIiE,EAAIhH,IAAIiV,OAAO7N,IAAI5I,EAAE8F,IACzB0C,EAAEjE,MAAQA,EACViE,EAAEmO,aAAepS,EACjBiE,EAAEtF,OACFoC,YAAW,WAAYkD,EAAEpF,UAAW,KAItC2K,eAAgB,SAASjI,EAAI1E,GAC3B,IAAIoH,EAAIhH,IAAIiV,OAAO7N,IAAI5I,EAAE8F,IAErB1E,EAAKS,eAAe,UACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKmD,OAGrBnD,EAAKS,eAAe,aACtB2G,EAAE8N,KAAK,GAAGE,OAASpV,EAAK+N,SAGtB/N,EAAKS,eAAe,kBACtB2G,EAAE3D,OAAO+R,aAAexV,EAAKwV,cAE3BxV,EAAKS,eAAe,YACtB2G,EAAE3D,OAAOmK,OAAS5N,EAAK4N,QAErB5N,EAAKS,eAAe,mBACtB2G,EAAE3D,OAAOgS,cAAgBzV,EAAKyV,eAE5BzV,EAAKS,eAAe,yBACtB2G,EAAE3D,OAAOiS,oBAAsB1V,EAAK0V,qBAElC1V,EAAKS,eAAe,aACtB2G,EAAE3D,OAAOkS,QAAU3V,EAAK2V,SAEtB3V,EAAKS,eAAe,sBACtB2G,EAAE3D,OAAOmS,iBAAmB5V,EAAK4V,kBAE/B5V,EAAKS,eAAe,uBACtB2G,EAAE3D,OAAOoS,kBAAoB7V,EAAK6V,oBAItCjJ,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,0BAA0B,SAASC,GAC1C6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,uBAId5L,MAAMmK,cAAcC,SAASkI,gBAAiB,aCtH9C,IAAIa,QAAUnT,MAAMmT,QAEpB,SAASC,YAAYC,EAAUC,GAE7B,QAAwB,IAAbD,EAAX,CACA,GAAyB,IAArBC,EAAUzS,OACZ,MAAM,IAAI0S,MAAM,iCAIDtX,EAAEuX,QAAQH,IAAiC,IAApBA,EAASxS,OAG/CyS,EAAU7U,SAAS,qBAEnB6U,EAAUxU,KAAKuU,GACfC,EAAU9R,YAAY,sBAK1B,IAAIiS,kBAAoB,IAAIzT,MAAMwJ,aAClCvN,EAAEgG,OAAOwR,kBAAmB,CAC1BrX,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,4BAEvB2N,SAAU,SAAShI,GAEjB,IAAI2R,EAAgBzX,EAAE,qBAAuBkX,QAAQpR,EAAGK,IAAM,cAE9D,OAA6B,IAAzBsR,EAAc7S,OAGT,KAGF6S,EAAcjI,OAEvBC,SAAU,SAAS3J,EAAIvB,GACjBvE,EAAEuX,QAAQhT,IAA2B,IAAjBA,EAAMK,OAE5B5E,EAAE,qBAAuBkX,QAAQpR,EAAGK,IAAM,MAAMlE,KAAK,WAAW,GAEhEjC,EAAE,qBAAuBkX,QAAQpR,EAAGK,IAAM,aAAe+Q,QAAQ3S,GAAS,MAAMtC,KAAK,WAAW,IAIpG6N,SAAU,SAAShK,GAKjB,IAJA,IAAI4R,EAAQ1X,EAAE,qBAAuBkX,QAAQpR,EAAGK,IAAM,MAGlDI,EAAU,IAAIoR,MAAMD,EAAM9S,QACrBqC,EAAI,EAAGA,EAAIV,EAAQ3B,OAAQqC,IAClCV,EAAQU,GAAK,CAAE1C,MAASmT,EAAMzQ,GAAG1C,MAClBqM,MAAS1P,KAAK0W,UAAUF,EAAMzQ,KAG/C,MAAO,CACL2J,MAAU1P,KAAK2W,cAAc/R,GAAIjD,OACjC0B,MAAUrD,KAAK4M,SAAShI,GACxBS,QAAUA,IAGdwH,eAAgB,SAASjI,EAAI1E,GAC3B,IAAIuG,EAAM3H,EAAE8F,GAER1E,EAAKS,eAAe,aAEtB8F,EAAIxH,KAAK,MAAM4E,SACf4C,EAAIJ,OAAOnG,EAAKmF,UAGdnF,EAAKS,eAAe,UACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKmD,OAEzB4S,YAAY/V,EAAKwP,MAAO1P,KAAK2W,cAAc/R,IAE3C9F,EAAE8F,GAAIwJ,QAAQ,WAEhBtB,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,4BAA4B,SAASa,GAC5CiG,QAGJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,uBAGZkI,cAAe,SAAS/R,GACpB,OAAO9F,EAAE8F,GAAIgS,SAAS,oBAI1BF,UAAW,SAASG,GAElB,MAA+B,UAA3BA,EAAIC,WAAWC,QACVjY,EAAE+X,EAAIC,YAAY7X,KAAK,kBAAkB0C,OAAOqV,OAGlD,MAITC,UAAW,SAASJ,EAAKxT,GAMvB,MAJ+B,UAA3BwT,EAAIC,WAAWC,SACjBjY,EAAE+X,EAAIC,YAAY7X,KAAK,kBAAkB0C,KAAK0B,GAGzC,QAIXR,MAAMmK,cAAcC,SAASqJ,kBAAmB,oBChHhD,IAAIY,gBAAkB,IAAIrU,MAAMwJ,aAEhCvN,EAAEgG,OAAOoS,gBAAiB,CAExBjY,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,kBAIvB2N,SAAU,SAAShI,GACjB,OAAO9F,EAAE8F,GAAI0J,OAIfC,SAAU,SAAS3J,EAAIvB,GAErBvE,EAAE8F,GAAI0J,IAAIjL,IAIZwJ,eAAgB,SAASjI,EAAI1E,GACvBA,EAAKS,eAAe,aACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKiQ,UAEzBrR,EAAE8F,GAAIwJ,QAAQ,WAGhBtB,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,0BAA0B,SAASC,GAE1C6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,uBAId5L,MAAMmK,cAAcC,SAASiK,gBAAiB,aCvC9C,IAAIC,eAAiB,IAAItU,MAAMwJ,aAE/BvN,EAAEgG,OAAOqS,eAAgB,CAEvBhK,WAAY,SAASvI,GAGnB,IAAIK,EAAKnG,EAAE8F,GAAItF,KAAK,MAEhBY,EAAO,GACX,GAAG4G,QAAQsG,KAAKxI,EAAGyI,YAAY,SAAS/N,GACtC,GAAI,SAASgO,KAAKhO,EAAK6D,MAAO,CAC5B,IAAIoK,EAAgBjO,EAAK6D,KAAKqK,OAAO,GAAGC,QAAQ,SAAS,SAAUC,EAAIC,GACrE,OAAOA,EAAGC,iBAGRC,EAA2B,QAAdvO,EAAK+D,MACtBnD,EAAKqN,GAAiBM,MAK1B3N,EAAK0E,GAAK,IAAMK,EAGhB/E,EAAK0B,GAAK,CACRI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOU,IAAItD,SAAS,eAG1B+J,OAAQ,WACNvM,EAAE8F,GAAIwJ,QAAQ,WAKV9N,IAAI8W,MAAM1W,OAAOR,IAG3BjB,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,iBAIvB2N,SAAU,SAAShI,GAEjB,OADQtE,IAAI8W,MAAM1P,IAAI5I,EAAE8F,IACfyG,QAIXwB,eAAgB,SAASjI,EAAI1E,GAC3B,IAAImX,EAAI/W,IAAI8W,MAAM1P,IAAI5I,EAAE8F,IACpByS,EAAEhM,OACJgM,EAAEnV,QAEFmV,EAAErV,QAIN8K,UAAW,SAASlI,EAAI8D,GAGtB5J,EAAE8F,GAAIhD,GAAG,wDAAwD,SAASC,GACxE6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,sBAId5L,MAAMmK,cAAcC,SAASkK,eAAgB,YCzE7C,IAAIG,gBAAkB,IAAIzU,MAAMwJ,aAEhCvN,EAAEgG,OAAOwS,gBAAiB,CAExBnK,WAAY,SAASvI,GAGnB,IAAIK,EAAKnG,EAAE8F,GAAItF,KAAK,MAEhBY,EAAO,GACX,GAAG4G,QAAQsG,KAAKxI,EAAGyI,YAAY,SAAS/N,GACtC,GAAI,SAASgO,KAAKhO,EAAK6D,MAAO,CAC5B,IAAIoK,EAAgBjO,EAAK6D,KAAKqK,OAAO,GAAGC,QAAQ,SAAS,SAAUC,EAAIC,GACrE,OAAOA,EAAGC,iBAGZ,IAEsD,GAFlD,CAAC,MAAO,MAAO,OAAQ,QAC3B,aAAc,gBACd,YAAa,cAAcxH,QAAQmH,GAAsB,CACvD,IAAIM,EAA2B,QAAdvO,EAAK+D,MACtBnD,EAAKqN,GAAiBM,OAGtB3N,EAAKqN,GAAiBgK,WAAWjY,EAAK+D,WAO5CnD,EAAK0E,GAAK,IAAMK,EAGR3E,IAAIkX,MAAM9W,OAAOR,IAI3BjB,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,kBAIvB2N,SAAU,SAAShI,GACjB,OAAOtE,IAAIkX,MAAM9P,IAAI5I,EAAE8F,IAAKvB,OAI9BkL,SAAU,SAAS3J,EAAIvB,GACrB/C,IAAIkX,MAAMjJ,SAAS3J,EAAIvB,IAIzBwJ,eAAgB,SAASjI,EAAI1E,GAE3B,IAAIuX,EAAInX,IAAIkX,MAAM9P,IAAI5I,EAAE8F,IAqCxB,GApCI1E,EAAKS,eAAe,SACtB8W,EAAEC,IAAMxX,EAAKwX,IAEbD,EAAEE,eAEAzX,EAAKS,eAAe,SACtB8W,EAAEG,IAAM1X,EAAK0X,IAEbH,EAAEE,eAEAzX,EAAKS,eAAe,UACtB8W,EAAEI,KAAO3X,EAAK2X,KAEdJ,EAAEE,eAGAzX,EAAKS,eAAe,gBACtB8W,EAAEK,WAAa5X,EAAK4X,WAEpBL,EAAEE,eAGAzX,EAAKS,eAAe,mBACtB8W,EAAEM,cAAgB7X,EAAK6X,cAEvBN,EAAEE,eAIAzX,EAAKS,eAAe,WACtB8W,EAAEO,MAAQ9X,EAAK8X,OAMb9X,EAAKS,eAAe,SAAU,CAGhC,IAAI2N,EAAMpO,EAAKmD,MACXvE,EAAEuX,QAAQ/H,GACZtO,KAAKuO,SAAS3J,EAAI0J,IAElBmJ,EAAEQ,MAAO,EACTR,EAAEE,cACF3X,KAAKuO,SAAS3J,EAAI0J,IAKlBpO,EAAKS,eAAe,WACtB7B,EAAE8F,GAAIP,aAAa,SAAU6C,EAAOjB,GAClC,OAAQA,EAAU4I,MAAO,qBAAuB,IAAIC,KAAK,QAE3DhQ,EAAE8F,GAAItD,SAAS,SAAWpB,EAAKkB,SAKnC0L,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,gCAAgC,SAASC,GAChD6G,GAAS,OAIbqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,qBAIZoD,cAAe,WACb,MAAO,CAELC,OAAQ,WACRC,MAAO,QAKblP,MAAMmK,cAAcC,SAASqK,gBAAiB,YCtI9C,IAAIY,qBAAuB,IAAIrV,MAAMwJ,aAErCvN,EAAEgG,OAAOoT,qBAAsB,CAE7B/K,WAAY,SAASvI,GACnB,IAAIK,EAAKnG,EAAE8F,GAAItF,KAAK,MAChBP,EAASD,EAAE8F,GAAIsE,WAAWiP,GAAG,IACjCpZ,EAASG,KAAKC,MAAMJ,EAAOK,SACpBwF,GAAK,IAAMK,EAElBlG,EAAO6C,GAAK,CACVI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOkU,cAAc9W,SAAS,gBAItC,IAAI+W,EAAK/X,IAAIgY,YAAY5X,OAAO3B,GAChCiB,KAAK,gBAAkB4E,EAAGK,IAAMoT,GAGlCpZ,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,kBAIvB2N,SAAU,SAAShI,GACjB,OAAO5E,KAAK,gBAAkB4E,EAAGK,IAAI2H,YAIvC2B,SAAU,SAAS3J,EAAIvB,GACrBrD,KAAK,gBAAkB4E,EAAGK,IAAIsJ,SAASlL,IAIzCwJ,eAAgB,SAASjI,EAAI1E,GAE3BA,EAAKnB,OAAO6C,GAAK,CACfI,KAAM,SAASkC,GACTA,EAAO5D,IAAIqD,OAAO/C,MACpB9B,EAAEoF,EAAOkU,cAAc9W,SAAS,gBAIlCpB,EAAKS,eAAe,YACtBX,KAAK,gBAAkB4E,EAAGK,IAAIK,UAC9BpF,EAAKnB,OAAO6F,GAAK,IAAM9F,EAAE8F,GAAItF,KAAK,MAClCU,KAAK,gBAAkB4E,EAAGK,IAAM3E,IAAIgY,YAAY5X,OAAOR,EAAKnB,SAI1DmB,EAAKS,eAAe,aAElBT,EAAKqY,WACPvY,KAAK,gBAAkB4E,EAAGK,IAAIK,UAC9BxG,EAAE8F,GAAI3F,KAAK,UAAUK,KAAK,WAAY,IACtCY,EAAKnB,OAAO6F,GAAK,IAAM9F,EAAE8F,GAAItF,KAAK,MAClCU,KAAK,gBAAkB4E,EAAGK,IAAM3E,IAAIgY,YAAY5X,OAAOR,EAAKnB,SAK5DmB,EAAKS,eAAe,eACtBX,KAAK,gBAAkB4E,EAAGK,IAAIK,UAC9BxG,EAAE8F,GAAI3F,KAAK,UAAUK,KAAK,YAAaY,EAAKsY,WAC5CtY,EAAKnB,OAAO6F,GAAK,IAAM9F,EAAE8F,GAAItF,KAAK,MAClCU,KAAK,gBAAkB4E,EAAGK,IAAM3E,IAAIgY,YAAY5X,OAAOR,EAAKnB,SAQ1DmB,EAAKS,eAAe,aAEtB7B,EAAE8F,GAAI3F,KAAK,UAAUwZ,QAErB3Z,EAAE0H,KAAKtG,EAAK+N,SAAS,SAAU/G,GAC7B,IATqB7D,EASjBqV,EAAOxY,EAAK+N,QAAQ/G,GACxBpI,EAAE8F,GAAI3F,KAAK,UAAUoH,OAThB,qBADgBhD,EAUiBqV,GATH,KAAOrV,EAAQ,iBAclDnD,EAAKS,eAAe,aACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKiQ,WAI3BrD,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,+BAA+B,SAASC,GAC/C6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,4BAId5L,MAAMmK,cAAcC,SAASiL,qBAAsB,kBCtGnD,IAAIS,iBAAmB,IAAI9V,MAAMwJ,aAEjCvN,EAAEgG,OAAO6T,iBAAkB,CAEzBxL,WAAY,SAASvI,GAGnB,IAAIK,EAAKnG,EAAE8F,GAAItF,KAAK,MAEhBY,EAAO,GACX,GAAG4G,QAAQsG,KAAKxI,EAAGyI,YAAY,SAAS/N,GACtC,GAAI,SAASgO,KAAKhO,EAAK6D,MAAO,CAC5B,IAAIoK,EAAgBjO,EAAK6D,KAAKqK,OAAO,GAAGC,QAAQ,SAAS,SAAUC,EAAIC,GACrE,OAAOA,EAAGC,iBAGZ,IAA+E,GAA3E,CAAC,MAAO,MAAO,OAAQ,QAAS,gBAAgBxH,QAAQmH,GAAsB,CAChF,IAAIM,EAA2B,QAAdvO,EAAK+D,MACtBnD,EAAKqN,GAAiBM,OAGtB3N,EAAKqN,GAAiBgK,WAAWjY,EAAK+D,WAO5CnD,EAAK0E,GAAK,IAAMK,EAGR3E,IAAIsY,QAAQlY,OAAOR,GAI3B,IAAKA,EAAK2Y,gBAAiB,CACzB,IAAIC,EAAcha,EAAE8F,GAAI3F,KAAK,SAC7BH,EAAEga,GAAaxZ,KAAK,WAAY,MAIpCL,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,aAIvB2N,SAAU,SAAShI,GACjB,OAAOtE,IAAIsY,QAAQlR,IAAI5I,EAAE8F,IAAKvB,OAIhCkL,SAAU,SAAS3J,EAAIvB,GACrB/C,IAAIsY,QAAQrK,SAAS3J,EAAIvB,IAK3B0V,UAAW,WACTzY,IAAIsY,QAAQG,aAGdC,UAAW,WACT1Y,IAAIsY,QAAQI,aAIdnM,eAAgB,SAASjI,EAAI1E,GAE3B,IAAImX,EAAI/W,IAAIsY,QAAQlR,IAAI5I,EAAE8F,IAuB1B,GAnBI1E,EAAKS,eAAe,SACtB0W,EAAEK,IAAMxX,EAAKwX,IACbL,EAAE1T,OAAO+T,IAAMxX,EAAKwX,KAIlBxX,EAAKS,eAAe,SACtB0W,EAAEO,IAAM1X,EAAK0X,IACbP,EAAE1T,OAAOiU,IAAM1X,EAAK0X,KAElB1X,EAAKS,eAAe,WACtB0W,EAAE1T,OAAOsV,MAAQ/Y,EAAK+Y,OAEpB/Y,EAAKS,eAAe,kBACtB0W,EAAE6B,aAAehZ,EAAKgZ,aACtB7B,EAAE1T,OAAOuV,aAAehZ,EAAKgZ,cAI3BhZ,EAAKS,eAAe,UAAW,CACjC0W,EAAE1T,OAAOkV,gBAAkB3Y,EAAKiZ,OAChC,IAAIL,EAAcha,EAAE8F,GAAI3F,KAAK,SACzBiB,EAAKiZ,YACwC,IAApCra,EAAEga,GAAaxZ,KAAK,aAC7BR,EAAEga,GAAaM,WAAW,YAG5Bta,EAAEga,GAAaxZ,KAAK,WAAY,IAKhCY,EAAKS,eAAe,UACtB0W,EAAEQ,KAAO3X,EAAK2X,KACdR,EAAE1T,OAAOkU,KAAO3X,EAAK2X,MAInB3X,EAAKS,eAAe,gBACtB0W,EAAE1T,OAAO0V,WAAanZ,EAAKmZ,WAC3BhC,EAAE1T,OAAO2V,kBAAoBpZ,EAAKmZ,YAIhCnZ,EAAKS,eAAe,aAClBT,EAAKoP,QACPxQ,EAAE8F,GAAItD,SAAS,iBAEfxC,EAAE8F,GAAIP,YAAY,kBAGlBnE,EAAKS,eAAe,YAClBT,EAAKqZ,OACPza,EAAE8F,GAAItD,SAAS,kBAEfxC,EAAE8F,GAAIP,YAAY,mBAGlBnE,EAAKS,eAAe,WACtB7B,EAAE8F,GAAIP,aAAa,SAAU6C,EAAOjB,GAClC,OAAQA,EAAU4I,MAAO,qBAAuB,IAAIC,KAAK,QAE3DhQ,EAAE8F,GAAItD,SAAS,SAAWpB,EAAKkB,QAI7BlB,EAAKS,eAAe,UAClB7B,EAAE8F,GAAIH,SAAS,kBAAoB3F,EAAE8F,GAAIH,SAAS,iBAChD3F,EAAE8F,GAAIH,SAAS,kBAAiC,SAAbvE,EAAKuP,MAC1C3Q,EAAE8F,GAAIP,YAAY,iBAClBvF,EAAE8F,GAAItD,SAAS,kBACNxC,EAAE8F,GAAIH,SAAS,kBAAiC,SAAbvE,EAAKuP,OACjD3Q,EAAE8F,GAAItD,SAAS,iBACfxC,EAAE8F,GAAIP,YAAY,kBAGH,SAAbnE,EAAKuP,KACP3Q,EAAE8F,GAAItD,SAAS,iBACO,SAAbpB,EAAKuP,MACd3Q,EAAE8F,GAAItD,SAAS,kBAMjBpB,EAAKS,eAAe,WACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKmD,OACvBgU,EAAE1T,OAAON,MAAQnD,EAAKmD,QAI1ByJ,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,mCAAmC,SAASC,GAK3CvB,IAAIsY,QAAQlR,IAAI5I,EAAE8F,IACpBjB,OAAO0V,WACX3Q,GAAS,GAETA,QAKNqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,sBAIZoD,cAAe,WACb,MAAO,CAELC,OAAQ,WACRC,MAAO,QAKblP,MAAMmK,cAAcC,SAAS0L,iBAAkB,cChM/C,IAAIa,cAAgB,IAAI3W,MAAMwJ,aAE9BvN,EAAEgG,OAAO0U,cAAe,CAEtBva,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,UAIvB2N,SAAU,SAAShI,GACjB,IAAIsQ,EAeJ,OAbEA,EADEpW,EAAE8F,GAAIH,SAAS,cACL3F,EAAE8F,GAAI3F,KAAK,eAEXH,EAAE8F,GAAI3F,KAAK,4BAMrBH,EAAEoW,GAAWhV,KAAK,UACpBpB,EAAE,uBAAuB4D,OAEzB5D,EAAE,uBAAuB2I,YAEgBvE,IAApCpE,EAAEoW,GAAW5V,KAAK,cAA8BR,EAAEoW,GAAW5V,KAAK,cAAe,MAI1FuN,eAAgB,SAASjI,EAAI1E,GAEvBA,EAAKS,eAAe,aACtBL,IAAI2I,IAAIxB,KAAK,IAAMvH,EAAK6I,GAAK,IAAM7I,EAAKiQ,WAI5CrD,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,0BAA0B,SAASC,GAC1C/C,EAAE8F,GAAIwJ,QAAQ,SACd1F,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,qBAId5L,MAAMmK,cAAcC,SAASuM,cAAe,WChD5C,IAAIC,gBAAkB,IAAI5W,MAAMwJ,aAEhCvN,EAAEgG,OAAO2U,gBAAiB,CAExBtM,WAAY,SAASvI,GACnBtE,IAAIuP,OAAOnP,OAAO,CAACkE,GAAIA,KAGzB3F,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,YAIvB2N,SAAU,SAAShI,GACjB,OAAOtE,IAAIuP,OAAOnI,IAAI5I,EAAE8F,IAAK8U,SAI/BnL,SAAU,SAAS3J,EAAIvB,GACb/C,IAAIuP,OAAOnI,IAAI5I,EAAE8F,IACvB8U,QAAUrW,GAIdwJ,eAAgB,SAASjI,EAAI1E,GACvBA,EAAKS,eAAe,YACtBX,KAAKuO,SAAS3J,EAAI1E,EAAKwZ,SAErBxZ,EAAKS,eAAe,WACtB7B,EAAE8F,GAAIP,aAAa,SAAU6C,EAAOjB,GACtC,OAAQA,EAAU4I,MAAO,qBAAuB,IAAIC,KAAK,QAEvDhQ,EAAE8F,GAAItD,SAAS,SAAWpB,EAAKkB,SAInC0L,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,iCAAiC,SAASC,GAEjD6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,uBAId5L,MAAMmK,cAAcC,SAASwM,gBAAiB,aChD9C,IAAIE,qBAAuB,IAAI9W,MAAMwJ,aAErCvN,EAAEgG,OAAO6U,qBAAsB,CAG7BC,WAAY,SAAUxa,GACpB,IAAIya,EAAM7a,SAAS8a,cAAc,YAElC,OADAD,EAAIE,UAAY3a,EACTya,EAAIxW,OAGZ8J,WAAY,SAASvI,GACnB,IAaIoV,EAbA/U,EAAKnG,EAAE8F,GAAItF,KAAK,MAChBP,EAASD,EAAE8F,GAAI3F,KAAK,oBAAsBgG,EAAK,MAMnD,IAAK,IAAIgV,MALTlb,EAASG,KAAKC,MAAMJ,EAAOK,SAEpBwF,GAAK,IAAMK,EAGDlG,EAAOiR,OAClBiK,EAAKC,MAAMxW,OAAS,IACtBuW,EAAKC,MAAQ,2BAA6Bla,KAAK4Z,WAAWK,EAAKC,OAAS,UAMxEF,OADwB9W,IAAxBnE,EAAOiR,MAAM,GAAGmK,IACL,0WAkBA,oZAkBfpb,EAAOqb,aAAeJ,EAGtBjb,EAAOsb,UAAY,SAAU9N,EAAOyD,GAElC,IADA,IAAIsK,EAAQ,GACHvU,EAAI,EAAGA,EAAIiK,EAAMtM,OAAQqC,KAC5BiK,EAAMjK,GAAGmC,MAAMyE,cAAcvG,QAAQmG,EAAMI,gBAAkB,GAAsB,KAAjBJ,EAAMyK,SAAesD,EAAMtU,KAAKD,GAExG,OAAOuU,GAITvb,EAAOyE,YAAmCN,IAA1BnE,EAAOiR,MAAM,GAAGkK,MAAoC,QAAd5Z,IAAIia,MAAkB,IAAqB,OAAdja,IAAIia,MAAiB,IAAM,GAAqB,QAAdja,IAAIia,MAAkB,GAAoB,OAAdja,IAAIia,MAAiB,GAAK,GAG3Kja,IAAIka,YAAY9Z,OAAO3B,IAGzBE,KAAM,SAASY,GACb,OAAOf,EAAEe,GAAOZ,KAAK,kBAIvB2N,SAAU,SAAShI,GACjB,IAAI6V,EAAKna,IAAIka,YAAY9S,IAAI5I,EAAE8F,IAC/B,MAAO,CACLlB,OAAQ+W,EAAGzK,MAAMtM,OACjBgX,aAAcD,EAAGE,iBAAmB,EACpCC,WAAYH,EAAGI,eAAiB,EAChCC,UAAWL,EAAGM,WAKlBxM,SAAU,SAAS3J,EAAIvB,GACrB,IAAIoX,EAAKna,IAAIka,YAAY9S,IAAI5I,EAAE8F,IAC/B6V,EAAGO,cAEH,IAAIC,EAAkB,SAASjL,GAC7B,IAAI0I,EAEJ,QAAqBxV,IAAjB8M,EAAMtM,OACRgV,EAAO,2BAA2B1I,EAAMkK,cACxClK,EAAMkK,MAAQxB,OAEd,IAAK,IAAI3S,EAAI,EAAGA,EAAIiK,EAAMtM,OAAQqC,IAChC2S,EAAO,2BAA2B1I,EAAMjK,GAAGmU,cAC3ClK,EAAMjK,GAAGmU,MAAQxB,EAGrB,OAAM,GAGR,OAAQrV,EAAMsE,QACZ,IAAK,aACH8S,EAAGS,WAAWD,EAAgB5X,EAAM4W,OACpC,MACF,IAAK,cACHQ,EAAGU,YAAYF,EAAgB5X,EAAM4W,OACrC,MACF,IAAK,cACHQ,EAAGW,YAAYH,EAAgB5X,EAAM2M,QACrC,MACF,IAAK,eACHyK,EAAGY,aAAaJ,EAAgB5X,EAAM2M,QACtC,MACF,IAAK,cACHyK,EAAGa,YAAYjY,EAAM6D,MAAO7D,EAAM4W,MAClC,MACF,IAAK,kBACHQ,EAAGc,gBAAgBlY,EAAM2M,OACzB,MACF,IAAK,WACHyK,EAAGe,SAASnY,EAAMoY,SAAUpY,EAAMqY,UAClC,MACF,IAAK,mBACHjB,EAAGkB,iBAAiBtY,EAAM6D,MAAO+T,EAAgB5X,EAAM4W,OACvD,MACF,IAAK,cACFQ,EAAGmB,YAAYvY,EAAMwY,SACtB,MACF,IAAK,aACHpB,EAAGqB,WAAWzY,EAAM6D,OACpB,MACF,IAAK,iBACHuT,EAAGsB,eAAe1Y,EAAMwY,SACxB,MACF,IAAK,eACHpB,EAAGuB,aAAa3Y,EAAM6D,OAM1BpI,EAAE8F,GAAIwJ,QAAQ,WAIhBvB,eAAgB,SAASjI,EAAI1E,GAC3BF,KAAKuO,SAAS3J,EAAI1E,IAGpB4M,UAAW,SAASlI,EAAI8D,GACtB5J,EAAE8F,GAAIhD,GAAG,+BAA+B,SAASC,GAC/C6G,QAIJqE,YAAa,SAASnI,GACpB9F,EAAE8F,GAAI6J,IAAI,4BAId5L,MAAMmK,cAAcC,SAAS0M,qBAAsB","file":"shinyMobile.min.js","sourceRoot":"../../shinyMobile-build","sourcesContent":["$(function() {\n  // collect all data elements stored in body\n  var config = $(document).find(\"script[data-for='app']\");\n  config = JSON.parse(config.html());\n\n  // check if the app is intended to be a PWA\n  var isPWA = $('body').attr('data-pwa') === \"true\";\n\n  // always erase existing root value just in case the user changes the root.\n  // This may be harmful\n  config.root = \"#app\";\n\n  // only register sw if the user wants to make a PWA and has a sw available\n  if (isPWA) {\n    config.serviceWorker = {\n      path: window.location.pathname + \"service-worker.js\",\n      scope: window.location.pathname\n    };\n  }\n\n  // store app methods\n  config.methods =  {\n      toggleDarkTheme: function() {\n        var self = this;\n        var $view = self.$(\".view-main\");\n        $view.toggleClass(\"theme-dark\");\n      }\n    };\n\n  config.data = function() {\n    return {\n      popovers: [],\n      tooltips: [],\n      actions: []\n    };\n  };\n\n  // create app instance\n  app = new Framework7(config);\n\n  // init main view\n  mainView = app.views.create(\".view-main\");\n\n  // dark mode\n  if (!config.hasOwnProperty(\"dark\")) config.dark = false;\n  if (config.dark) {\n    app.methods.toggleDarkTheme();\n  }\n\n  // For mobile devices prevent text selection\n  if (!app.device.desktop) {\n    $(\"<style>\")\n      .prop(\"type\", \"text/css\")\n      .html(\n        `-webkit-user-select: none;\n         -khtml-user-select: none;\n         -moz-user-select: none;\n         -ms-user-select: none;\n         user-select: none;\n         -webkit-tap-highligth-color: transparent;\n         -webkit-touch-callout: none;\n        `\n      )\n      .appendTo(\"head\");\n  }\n\n  // Set color theme\n  if (config.hasOwnProperty(\"color\")) {\n    var colorCSS = app.utils.colorThemeCSSProperties(config.color);\n    $(\"<style>\")\n      .prop(\"type\", \"text/css\")\n      .html(\n        `:root {\n        --f7-theme-color: ${colorCSS[\"--f7-theme-color\"]};\n        --f7-theme-color-rgb: ${colorCSS[\"--f7-theme-color-rgb\"]};\n        --f7-theme-color-shade: ${colorCSS[\"--f7-theme-color-shade\"]};\n        --f7-theme-color-tint: ${colorCSS[\"--f7-theme-color-tint\"]};\n      }`\n      )\n      .appendTo(\"head\");\n  }\n\n  // Filled theme\n  if (!config.hasOwnProperty(\"filled\")) config.filled = false;\n  if (config.filled) {\n    var filledCSS = `\n    :root,\n    :root.theme-dark,\n    :root .theme-dark {\n      --f7-bars-bg-color: var(--f7-theme-color);\n      --f7-bars-bg-color-rgb: var(--f7-theme-color-rgb);\n      --f7-bars-translucent-opacity: 0.9;\n      --f7-bars-text-color: #fff;\n      --f7-bars-link-color: #fff;\n      --f7-navbar-subtitle-text-color: rgba(255,255,255,0.85);\n      --f7-bars-border-color: transparent;\n      --f7-tabbar-link-active-color: #fff;\n      --f7-tabbar-link-inactive-color: rgba(255,255,255,0.54);\n      --f7-sheet-border-color: transparent;\n      --f7-tabbar-link-active-border-color: #fff;\n    }\n    .appbar,\n    .navbar,\n    .toolbar,\n    .subnavbar,\n    .calendar-header,\n    .calendar-footer {\n      --f7-touch-ripple-color: var(--f7-touch-ripple-white);\n      --f7-link-highlight-color: var(--f7-link-highlight-white);\n      --f7-button-text-color: #fff;\n      --f7-button-pressed-bg-color: rgba(255,255,255,0.1);\n    }\n    .navbar-large-transparent,\n    .navbar-large.navbar-transparent {\n      --f7-navbar-large-title-text-color: #000;\n\n      --r: 0;\n      --g: 122;\n      --b: 255;\n      --progress: var(--f7-navbar-large-collapse-progress);\n      --f7-bars-link-color: rgb(\n        calc(var(--r) + (255 - var(--r)) * var(--progress)),\n        calc(var(--g) + (255 - var(--g)) * var(--progress)),\n        calc(var(--b) + (255 - var(--b)) * var(--progress))\n      );\n    }\n    .theme-dark .navbar-large-transparent,\n    .theme-dark .navbar-large.navbar-transparent {\n      --f7-navbar-large-title-text-color: #fff;\n  }`;\n\n    $(\"<style>\")\n      .prop(\"type\", \"text/css\")\n      .html(`${filledCSS}`)\n      .appendTo(\"head\");\n  }\n\n  // trick to fix the photo browser link issue\n  // we set the body class that will contain the color.\n  // We then recover this class in a variable in the app.js code\n  $(\"body\").addClass(config.color);\n  $(\"body\").attr(\"filled\", config.filled);\n\n  // Provide custom install prompt\n  if (isPWA) {\n    // Create custom install UI\n    var installToast = app.toast.create({\n      position: 'center',\n      text: '<button id=\"install-button\" class=\"toast-button button color-green\">Install</button>',\n    });\n\n    var deferredPrompt;\n    // Handle install event\n    $(window).on('beforeinstallprompt', (e) => {\n      // Prevent Chrome 67 and earlier from automatically showing the prompt\n      e.preventDefault();\n      // Stash the event so it can be triggered later.\n      deferredPrompt = e.originalEvent;\n      // Show install trigger\n      installToast.open();\n    });\n\n    // Installation must be done by a user gesture!\n    // close toast whenever a choice is made ... Give time\n    // to the toast to be created before event registration.\n    app.utils.nextTick(function() {\n      $('#install-button').on('click', function() {\n        // close install toast\n        installToast.close();\n        if (!deferredPrompt) {\n          // The deferred prompt isn't available.\n          return;\n        }\n        // Show the install prompt.\n        deferredPrompt.prompt();\n        // Log the result\n        deferredPrompt.userChoice.then((result) => {\n          console.log('👍', 'userChoice', result);\n          // Reset the deferred prompt variable, since\n          // prompt() can only be called once.\n          deferredPrompt = null;\n        });\n      });\n    }, 500);\n  }\n\n});\n","$(function() {\n  // utility to reset the input system\n  // whenever elements are added on the fly to the UI\n  function shinyInputsReset() {\n    Shiny.unbindAll();\n    Shiny.initializeInputs();\n    Shiny.bindAll();\n  }\n\n  // show reconnect notification\n  $(document).on(\"shiny:disconnected\", function(event) {\n    // remove shiny server stuff\n    $(\"#ss-connect-dialog\").hide();\n    $(\"#ss-overlay\").hide();\n    // use Framework7 internal tools\n    var reconnectToast = app.toast\n      .create({\n        icon: '<i class=\"icon f7-icons\">bolt_fill</i>',\n        position: \"center\",\n        text:\n          'Disconnected ... </br> </br> <div class=\"row\"><button onclick=\"Shiny.shinyapp.reconnect();\" class=\"toast-button button color-green col\">Reconnect</button><button onclick=\"location.reload();\" class=\"toast-button button color-red col\">Reload</button></div>'\n      })\n      .open();\n\n    // close toast whenever a choice is made ...\n    $(\".toast-button\").on(\"click\", function() {\n      reconnectToast.close();\n    });\n  });\n\n  // From this we can recover the workerId and the sessionId. sessionId\n  // is the same recovered on the server side with session$token.\n  $(document).on(\"shiny:sessioninitialized\", function(event) {\n    Shiny.setInputValue(\"shinyInfo\", Shiny.shinyapp.config);\n  });\n\n  // Returns the last input changed (name, value, type, ...)\n  $(document).on(\"shiny:inputchanged\", function(event) {\n    var type;\n    if (event.binding !== null) {\n      type = (event.binding.name !== undefined) ? event.binding.name.split(\".\")[1] : 'NA'\n      Shiny.setInputValue(\"lastInputChanged\", {\n        name: event.name,\n        value: event.value,\n        type: type\n      });\n    }\n  });\n\n  // Framework7.device is extremely useful to set up custom design\n  $(document).on(\"shiny:connected\", function(event) {\n    Shiny.setInputValue(\"deviceInfo\", Framework7.device);\n  });\n\n  // handle toolbar padding for mobiles in standalone mode\n  // only if there is an appbar\n  if (Framework7.device.standalone) {\n    $(\"html, body\").css({ height: \"100vh\", width: \"100vw\" });\n    if ($(\".appbar\").length > 0) {\n      $(\".toolbar\").css(\"margin-bottom\", \"20px\");\n    }\n  }\n\n  // Fix messagebar send icon issue when filled is TRUE. It is not\n  // visible because it takes the same color as the messagebar background ...\n  // To detect if the layout is filled, we search in the body class since the\n  // global color is hosted here.\n  if (app.params.filled && app.params.dark && $(\"body\").attr(\"class\") !== \"#ffffff\") {\n    $(\".demo-send-message-link\")\n      .find(\"i\")\n      .addClass(\"color-white\");\n  }\n\n  // chip label remove\n  $('.chip-delete').on('click', function() {\n    $(this).closest('.chip').remove();\n  });\n\n  // Skeleton effect at each output recalculation\n  const skeletonClass = 'skeleton-text skeleton-effect-fade';\n  // When recalculation starts\n  //$(document).on('shiny:outputinvalidated', function(e) {\n  //  $('#' + e.target.id).addClass(skeletonClass)\n  //});\n  //// When calculation is over\n  //$(document).on('shiny:value', function(e) {\n  //  $('#' + e.target.id).removeClass(skeletonClass)\n  //});\n\n  Shiny.addCustomMessageHandler('add_skeleton', function(message) {\n    var cl = 'skeleton-text skeleton-effect-' + message.effect\n    $(message.target).addClass(cl);\n    if (message.duration !== undefined) {\n      setTimeout(function() {\n        $(message.target).removeClass(cl);\n      }, message.duration * 1000)\n    } else {\n      $(document).on('shiny:idle', function() {\n        $(message.target).removeClass(cl);\n      });\n    }\n\n  });\n  // Skeleton preloader\n  window.ran = false;\n  if (app.params.skeletonsOnLoad) {\n    const skeletonTargets = [\".page-content\", \".navbar\", \".toolbar\"];\n    $(document).on('shiny:connected', function(event) {\n      setTimeout(function() {\n        if ($(\"html\").hasClass('shiny-busy')) {\n          for (target of skeletonTargets) {\n            $(target).addClass(skeletonClass);\n          }\n        }\n      }, 50);\n    });\n    $(document).on('shiny:idle', function(event){\n      if(!window.ran) {\n        for (target of skeletonTargets) {\n          $(target).removeClass(skeletonClass);\n        }\n      }\n      window.ran = true;\n    });\n  }\n\n  // Classic preloader\n  if (app.params.preloader) {\n    const preloader = app.dialog.preloader();\n    // Handle dark mode\n    if (app.params.dark) {\n      $(preloader.el).addClass(\"theme-dark\");\n    }\n    $(document).on('shiny:idle', function(event){\n      if(!window.ran){\n        app.dialog.close();\n      }\n      window.ran = true;\n    });\n  }\n\n\n  // handle background for dark mode\n  // need to remove the custom gainsboro color background\n  isSplitLayout = $(\"#app\").hasClass(\"split-layout\");\n  if (app.params.dark) {\n    // Required to apply correct CSS in shinyMobile.css\n    $(\"body\").addClass(\"dark\");\n    // Fix panel color in splitlayout\n    if (isSplitLayout) {\n      if ($(\".panel-left\").hasClass(\"theme-light\")) {\n        $(\".panel-left\")\n          .removeClass(\"theme-light\")\n          .addClass(\"theme-dark\");\n      }\n    }\n    $(\".appbar\").addClass(\"theme-dark\");\n  } else {\n    // Required to apply correct CSS in shinyMobile.css\n    $(\"body\").addClass(\"light\");\n    // Fix panel color in splitlayout\n    if (isSplitLayout) {\n      if ($(\".panel-left\").hasClass(\"theme-dark\")) {\n        $(\".panel-left\")\n          .removeClass(\"theme-dark\")\n          .addClass(\"theme-light\");\n      }\n    }\n  }\n\n  // allow for subnavbar. If a subnavbar if provided in the navbar\n  // add a custom class to the page so that the subnavbar is rendered\n  var subnavbar = $(\".subnavbar\");\n  if (subnavbar.length == 1) {\n    $(\".page\").addClass(\"page-with-subnavbar\");\n  }\n\n  // Update app instance params\n  Shiny.addCustomMessageHandler('update-app', function(message) {\n    // Merge new config to existing one\n    app.utils.extend(app.params, message);\n  });\n\n  Shiny.addCustomMessageHandler('update-entity', function(message) {\n    // Recover in which array is stored the given instance.\n    // Uniqueness is ensured since HTML id are supposed to be unique.\n    var instanceFamily;\n    for (const property in app.data) {\n      for (const e in app.data[property]) {\n        if (e === message.id) {\n          instanceFamily = property;\n        }\n      }\n    }\n\n    var oldInstance = app.data[instanceFamily][message.id];\n    var oldConfig = oldInstance.params;\n    var newConfig = app.utils.extend(oldConfig,  message.options);\n\n    // Destroy old instance\n    oldInstance.destroy();\n    // Create new config\n    var newInstance = app[instanceFamily].create(newConfig);\n    // Update app data\n    app.data[instanceFamily][message.id] = newInstance;\n  });\n\n\n\n\n\n  /**\n  * Instantiate all widgets: gauges, swiper, searchbar\n  */\n  const uiWidgets = [\"gauge\", \"swiper\", \"searchbar\"];\n  const serverWidgets = [\"toast\", \"photoBrowser\", \"notification\", \"popup\", \"listIndex\"];\n\n  const widgets = uiWidgets.concat(serverWidgets);\n\n  // Instantiate a widget\n  activateWidget = function(widget) {\n    // Handle ui side widgets\n    if (uiWidgets.indexOf(widget) > -1) {\n      $(\".\" + widget).each(function() {\n        var $el = $(this);\n        var config = $(document).find(\n          \"script[data-for='\" + $el.attr(\"id\") + \"']\"\n        );\n        config = JSON.parse(config.html());\n        // add the id\n        config.el = '#' + $el.attr(\"id\");\n\n        // feed the create method\n        app[widget].create(config);\n      });\n    } else {\n      // This concerns toasts, notifications, photoBrowser, ...\n      // that don't have any UI element in the DOM before creating\n      // the widget instance.\n      Shiny.addCustomMessageHandler(widget, function(message) {\n        if (widget === \"listIndex\") {\n          // We first insert the HTML before the page content div.\n          $('<div class=\\\"list-index\\\" id=\\\"' + message.el + '\\\"></div>')\n            .insertAfter($('.navbar'));\n        }\n        // Handle dark mode\n        message.on = {\n          open: function(target) {\n            if (message.id !== undefined) Shiny.setInputValue(message.id, true);\n            if (target.app.params.dark) {\n              $(target.el).addClass(\"theme-dark\");\n            }\n            shinyInputsReset();\n          },\n          close: function() {\n            if (message.id !== undefined) Shiny.setInputValue(message.id, false)\n          }\n        };\n        if (widget === \"listIndex\") {\n          message.el = \"#\" + message.el;\n          app[widget].create(message);\n        } else {\n          app[widget].create(message).open()\n        }\n      });\n    }\n  };\n\n  // Loop over all widgets to activate them\n  widgets.forEach(function(w) {\n    activateWidget(w);\n  });\n\n\n  // set up popovers\n  popoverIds = [];\n  getAllPopoverIds = function() {\n    //In data-popover attribute we specify CSS selector of popover we need to open\n    $(\"[data-popover]\").each(function() {\n      popoverIds.push($(this).attr(\"data-popover\"));\n    });\n  };\n\n  // call the function ...\n  getAllPopoverIds();\n\n  popoverIds.forEach(function(index) {\n    Shiny.addCustomMessageHandler(index, function(message) {\n      // Handle dark mode\n      message.on = {\n        open: function(target) {\n          if (target.app.params.dark) {\n            $(target.el).addClass(\"theme-dark\");\n          }\n        }\n      };\n      var popover = app.popover.create({\n        targetEl: '[data-popover = \"' + index + '\"]',\n        content:\n          '<div class=\"popover\">' +\n          '<div class=\"popover-inner\">' +\n          '<div class=\"block\">' +\n          message.content +\n          \"</div>\" +\n          \"</div>\" +\n          \"</div>\"\n      });\n      $('[data-popover = \"' + index + '\"]').on(\"click\", function() {\n        popover.open();\n      });\n    });\n  });\n\n\n  // New popover API shinyMobile 2.0.0\n  Shiny.addCustomMessageHandler('add_popover', function(message) {\n    // We store all created instances in app data so that we don't\n    // recreate them later if they exist ...\n    if (app.data.popovers[message.targetEl] === undefined) {\n      // Only create if popover is enable for the current targetEl\n      if (!$(message.targetEl).hasClass('popover-disabled')) {\n        // popover HTML layout\n        message.content = `\n        <div class=\"popover\">\n          <div class=\"popover-angle\"></div>\n          <div class=\"popover-inner\">\n            <div class=\"block\">${message.content}</div>\n          </div>\n        </div>\n        `;\n\n        // Handle dark mode\n        message.on = {\n          open: function(target) {\n            if (target.app.params.dark) {\n              $(target.el).addClass(\"theme-dark\");\n            }\n          }\n        };\n\n        // create instance\n        var p = app.popover.create(message);\n        // Open popover\n        p.open();\n        // Storage in app data (popovers array)\n        app.data.popovers[message.targetEl] = p;\n        }\n    } else {\n      // Only show if popover is enable for the current targetEl\n      if (!$(message.targetEl).hasClass('popover-disabled')) {\n        app.data.popovers[message.targetEl].open();\n      }\n    }\n  });\n\n\n  Shiny.addCustomMessageHandler('toggle_popover', function(message) {\n    // Simply adds a class to indicate that the popover has to be hidden\n    $(message).toggleClass('popover-disabled');\n  });\n\n\n  // Tooltips new API shinyMobile 2.0.0\n  Shiny.addCustomMessageHandler('add_tooltip', function(message) {\n    // We store all created instances in app data so that we don't\n    // recreate them later if they exist ...\n    if (app.data.tooltips[message.targetEl] === undefined) {\n      // create instance\n      var t = app.tooltip.create(message);\n      // Open tooltip\n      t.show();\n      // Storage in app data (tooltips array)\n      app.data.tooltips[message.targetEl] = t;\n    }\n  });\n\n  Shiny.addCustomMessageHandler('update_tooltip', function(message) {\n    if (app.data.tooltips[message.targetEl] !== undefined) {\n      // Try to get the instance\n      var t = app.tooltip.get(message.targetEl);\n      if (message.action === \"update\") {\n        if (t) {\n          t.setText(message.text);\n        }\n      } else if (message.action === \"toggle\") {\n        if (t) {\n          // create copy that won't be modified if t is destroyed!\n          var cachedTooltip = Object.assign({}, t);\n          // save copy to replace the deleted one in the app data\n          app.data.tooltips[message.targetEl] = cachedTooltip;\n          // destroy current instance\n          t.destroy();\n        } else {\n          // Parameters\n          var pars = app.data.tooltips[message.targetEl].params;\n          // recreate the tooltip based on the copy configuration\n          t = app.tooltip.create(pars);\n          app.data.tooltips[message.targetEl] = t;\n        }\n      }\n    }\n  });\n\n\n  // handle dialog\n  Shiny.addCustomMessageHandler(\"dialog\", function(message) {\n    var type = message.type;\n    // decide to lock the vertical size so that\n    // people don't need to manually add overflow.\n    var text = `<div style=\"max-height: 300px; overflow-y: scroll;\">${message.text}</div>`\n    var dialog;\n    switch (type) {\n      case \"alert\":\n        dialog = app.dialog.alert(text, message.title, message.on);\n        break;\n      case \"confirm\":\n        dialog = app.dialog\n          .confirm(\n            (text = text),\n            (title = message.title),\n            (callbackOk = function() {\n              Shiny.setInputValue(message.id, true);\n            }),\n            (callbackCancel = function() {\n              Shiny.setInputValue(message.id, false);\n            })\n          )\n          .open(Shiny.setInputValue(message.id, null));\n        //confirm.closed(Shiny.setInputValue(message.id, null));\n        break;\n      case \"prompt\":\n        dialog =  app.dialog\n          .prompt(\n            (text = text),\n            (title = message.title),\n            (callbackOk = function(value) {\n              Shiny.setInputValue(message.id, value);\n            }),\n            (callbackCancel = function() {\n              Shiny.setInputValue(message.id, null);\n            })\n          )\n          .open(Shiny.setInputValue(message.id, null));\n        break;\n      case \"login\":\n        dialog = app.dialog\n          .login(\n            (text = text),\n            (title = message.title),\n            (callbackOk = function(username, password) {\n              Shiny.setInputValue(message.id, {\n                user: username,\n                password: password\n              });\n            }),\n            (callbackCancel = function() {\n              Shiny.setInputValue(message.id, null);\n            })\n          )\n          .open(Shiny.setInputValue(message.id, null));\n        break;\n      default:\n        console.log(\"\");\n    }\n    // Handle dark mode\n    if (app.params.dark) {\n      $(dialog.el).addClass(\"theme-dark\");\n    }\n  });\n\n  // handle taphold events\n  Shiny.addCustomMessageHandler(\"tapHold\", function(message) {\n    var callback = new Function('return ('+ message.callback +')');\n    $(message.target).on(\"taphold\", function() {\n      callback();\n    });\n  });\n\n  // handle f7InsertTab and f7RemoveTab ...\n  // recover all tabSet ids in an array\n  // The idea is that we will add each respective\n  // id to the Shiny.addCustomMessageHandler function\n  // which first argument is the type and should be the id\n  // of the targeted tabSet\n\n  function handleTabLinkHighlight() {\n    $(\".tab-link-highlight\").remove();\n    // calculate new segment width\n    var segment_width = 100 / $(\".toolbar-inner > a\").length;\n    // calculate new indicator position\n    var tabs = $(\".toolbar-inner > a\");\n    var tabsClasses = [];\n    for (i= 0; i<tabs.length; i++) {\n      tabsClasses.push(tabs[i].className)\n    }\n    var idx = tabsClasses.indexOf(\"tab-link tab-link-active\");\n    var translate_rate;\n    // In case of removeTab, if no other tab is active,\n    // we select the first tab after the one removed.\n    if (idx === -1) {\n      translate_rate = 0;\n    } else {\n      translate_rate = idx * 100 + '%';\n    }\n\n\n    $(\".toolbar-inner\").append(\n      '<span class=\"tab-link-highlight\" style=\"width: ' +\n        segment_width +\n        '%; transform: translate3d(' + translate_rate + ', 0px, 0px);\"></span>'\n    );\n  }\n\n  var tabIds = [];\n  getAllTabSetIds = function() {\n    $(\".tabs.ios-edges\").each(function() {\n      tabIds.push(this.id);\n    });\n  };\n\n  // call the function ...\n  getAllTabSetIds();\n\n  // f7InsertTab js\n  tabIds.forEach(function(index) {\n    var id = \"insert_\" + index;\n    Shiny.addCustomMessageHandler(id, function(message) {\n      // Handle when message.target is null\n      var tabId;\n      if (message.target === undefined) {\n        tabId = $('#' + message.ns); // target the parent tabset\n      } else {\n        tabId = $('#' + message.ns + '-' + message.target);\n      }\n\n      var tab = $(message.value.html);\n\n\n      // for swipeable tabs\n      var newTab;\n      if ($(tabId).hasClass(\"swiper-slide\")) {\n        // prepare the new slide\n        newTab = $(tab).addClass(\"swiper-slide\");\n        // remove page content class for standalone tabs\n        if (\n          $(\".tabLinks\")\n            .children(1)\n            .hasClass(\"segmented\")\n        ) {\n          $(newTab).removeClass(\"page-content\");\n        }\n        // add active if necessary\n        if (message.select === \"true\") {\n          $(newTab).addClass(\"swiper-slide-active\");\n        }\n      } else {\n        newTab = $(tab);\n      }\n\n      // Ignore position if target is not defined\n      if (message.target === undefined) {\n        // Insert tab content\n        $(tabId).append(newTab);\n        // Insert tab link in tabset toolbar\n        $('.tabLinks .toolbar-inner').prepend(message.link);\n      } else {\n        if (message.position === \"after\") {\n          // insert after the targeted tag in the tab-panel div\n          $(newTab).insertAfter($(tabId));\n          // we also need to insert an item in the navigation\n          $(message.link).insertAfter(\n            $(\n              '.tabLinks [data-tab =\"#' + message.ns + \"-\" + message.target + '\"]'\n            )\n          );\n        } else if (message.position === \"before\") {\n          // insert before the targeted tag in the tab-panel div\n          $(newTab).insertBefore($(tabId));\n          // we also need to insert an item in the navigation\n          $(message.link).insertBefore(\n            $(\n              '.tabLinks [data-tab =\"#' + message.ns + \"-\" + message.target + '\"]'\n            )\n          );\n        }\n      }\n\n      // needed to render input/output in newly added tab. It takes the possible\n      // deps and add them to the tag. Indeed, if we insert a tab, its deps are not\n      // included in the page so it can't render properly\n      Shiny.renderContent(\n        tab[0],\n        {html: tab.html(), deps: message.value.deps}\n      );\n\n      // we need to transform a in button in case\n      // the container has segmented class (for standalone tabs).\n      // This is ignored for toolbar tabs\n      if (\n        $(\".tabLinks\")\n          .children(1)\n          .hasClass(\"segmented\")\n      ) {\n        var newLink;\n        var oldLink = $('.tabLinks [data-tab =\"#' + message.id + '\"]');\n        newLink = $(oldLink).replaceWith(\n          '<button class=\"button tab-link\" data-tab=\"#' +\n            message.id +\n            '\">' +\n            $(oldLink).html() +\n            \"</button>\"\n        );\n      }\n\n      // update the swiper if needed\n      if ($(tabId).hasClass(\"swiper-slide\")) {\n        // access the swiper container\n        var swiper = document.querySelector(\".swiper-container\").swiper;\n        swiper.update();\n      }\n\n      // if the newly inserted tab is active, disable other tabs\n      if (message.select === \"true\") {\n        // trigger a click on corresponding the new tab button.\n        app.tab.show(\"#\" + message.id, true);\n      }\n\n      // we programmatically remove the old tabbar indicator and rebuild it.\n      // The with of the tabbar indicator depends on the number of tab items it contains\n      if (\n        !$(\".tabLinks\")\n          .children(1)\n          .hasClass(\"segmented\")\n      ) {\n        handleTabLinkHighlight();\n      }\n    });\n  });\n\n  // f7RemoveTab js\n  tabIds.forEach(function(index) {\n    var id = \"remove_\" + index;\n    Shiny.addCustomMessageHandler(id, function(message) {\n      // show the next tab first\n      var tabToRemove = $(\"#\" + message.ns + \"-\" + message.target);\n\n      // important: prevent tab from translating which would lead to a\n      // white screen\n      $(\".tabs.ios-edges\").css(\"transform\", \"\");\n\n      // remove the tab link: if condition to handle the case\n      // of standalone tabs vs toolbar tabs\n      if (\n        !$(\".tabLinks\")\n          .children(1)\n          .hasClass(\"segmented\")\n      ) {\n        $(\n          '.toolbar-inner a[data-tab=\"#' +\n            message.ns +\n            \"-\" +\n            message.target +\n            '\"]'\n        ).remove();\n      } else {\n        var linkToRemove = $(\n          '.tabLinks button[data-tab=\"#' +\n            message.ns +\n            \"-\" +\n            message.target +\n            '\"]'\n        );\n        var otherLinks = $(\".tabLinks button\").not(\n          '[data-tab=\"#' + message.ns + \"-\" + message.target + '\"]'\n        );\n        if ($(linkToRemove).next().length === 0) {\n          if (!$(otherLinks).hasClass(\"tab-link-active\")) {\n            $(linkToRemove)\n              .prev()\n              .addClass(\"tab-link-active\");\n          }\n        } else {\n          if (!$(otherLinks).hasClass(\"tab-link-active\")) {\n            $(linkToRemove)\n              .next()\n              .addClass(\"tab-link-active\");\n          }\n        }\n        $(linkToRemove).remove();\n      }\n\n      // remove the tab body content\n      $(\"#\" + message.ns + \"-\" + message.target).remove();\n\n      // update the swiper if needed\n      if ($(tabToRemove).hasClass(\"swiper-slide\")) {\n        // access the swiper container\n        var swiper = document.querySelector(\".swiper-container\").swiper;\n        swiper.update();\n      }\n\n      // show the next element. Need to be after the swiper update.\n      var nextTabId = $(tabToRemove)\n        .next()\n        .attr(\"id\");\n      app.tab.show(\"#\" + nextTabId);\n\n      // we programmatically remove the old tabbar indicator and rebuild it.\n      // The with of the tabbar indicator depends on the number of tab items it contains\n      if (\n        !$(\".tabLinks\")\n          .children(1)\n          .hasClass(\"segmented\")\n      ) {\n        handleTabLinkHighlight();\n      }\n    });\n  });\n\n\n  // Update gauges\n  Shiny.addCustomMessageHandler(\"update-gauge\", function(message) {\n    var el = \"#\" + message.id;\n    app.gauge.get(el).update(message);\n  });\n\n\n  // Create and show all f7Progress\n  activateAllProgress = function() {\n    $(\".progressbar\").each(function() {\n      var el = \"#\" + $(this).attr(\"id\");\n      var progress = parseInt($(this).attr(\"data-progress\"));\n      // color does not work from JS (needs to be done from R)\n      app.progressbar.show(el, progress);\n    });\n  };\n\n  activateAllProgress();\n\n  // update f7Progress\n  Shiny.addCustomMessageHandler(\"update-progress\", function(message) {\n    app.progressbar.set(\"#\" + message.id, message.progress);\n  });\n\n\n  // show navbar (to remove)\n  Shiny.addCustomMessageHandler(\"show_navbar\", function(message) {\n    var animate;\n    if (message.animate == \"true\") animate = true;\n    else animate = false;\n    app.navbar.show(\".navbar\", (animate = message.animate));\n  });\n\n  // hide navbar (to remove)\n  Shiny.addCustomMessageHandler(\"hide_navbar\", function(message) {\n    var animate;\n    var hideStatusbar;\n    if (message.animate == \"true\") animate = true;\n    else animate = false;\n    if (message.hideStatusbar == \"true\") hideStatusbar = true;\n    else hideStatusbar = false;\n    app.navbar.hide(\n      \".navbar\",\n      (animate = animate),\n      (hideStatusbar = hideStatusbar)\n    );\n  });\n\n  // toggle navbar\n  Shiny.addCustomMessageHandler(\"toggle_navbar\", function(message) {\n    $navbar = $('.navbar');\n    var isHidden = $navbar.hasClass('navbar-hidden');\n    if (isHidden) {\n      app.navbar.show(\".navbar\", animate = message.animate);\n    } else {\n      app.navbar.hide(\".navbar\", animate = message.animate, hideStatusbar = message.hideStatusbar);\n    }\n  });\n\n  // handle action sheet\n  Shiny.addCustomMessageHandler(\"action-sheet\", function(message) {\n    // Only create action sheet whenever necessary\n    if (app.data.actions[message.id] === undefined) {\n      var buttonsId = message.id + \"_button\";\n\n      // define function that set an inputvalue those name depends on an index\n      // parameter\n      function setButtonInput(index) {\n        Shiny.setInputValue(buttonsId, index);\n      }\n\n      // add those functions to the message.button array\n      function setOnClick(element, index) {\n        Object.defineProperty(element, \"onClick\", {\n          value: function() {\n            setButtonInput(index + 1);\n          },\n          writable: false\n        });\n      }\n\n      message.buttons.forEach(setOnClick);\n\n      // Callbacks for shiny inputs\n      message.on = {\n        open: function(target) {\n          if (target.app.params.dark) {\n            $(target.el).addClass(\"theme-dark\");\n          }\n        },\n        opened: function() {\n          Shiny.setInputValue(message.id, true);\n        },\n        closed: function() {\n          Shiny.setInputValue(message.id, false);\n          // input$button is null when the action is closed\n          Shiny.setInputValue(buttonsId, null);\n        }\n      };\n\n      // create the sheet\n      var a = app.actions.create(message)\n      a.open();\n      // save action sheet to app data to update it later\n      app.data.actions[message.id] = a;\n\n    } else {\n      app.data.actions[message.id].open();\n    }\n  });\n\n\n  Shiny.addCustomMessageHandler(\"update-action-sheet\", function(message) {\n    // Destroy old instance\n    app.data.actions[message.id].destroy();\n    // Create new config\n    var a = app.actions.create(message);\n    // Update app data\n    app.data.actions[message.id] = a;\n  });\n\n\n\n  // pull to refresh\n  // add the preloader tag dynamically\n  if ($('body').attr('data-ptr') === 'true') {\n    const ptrLoader = $(\n      '<div class=\"ptr-preloader\">' +\n        '<div class=\"preloader\"></div>' +\n        '<div class=\"ptr-arrow\"></div>' +\n        \"</div>\"\n    );\n\n    // add useful classes to the page content\n    $(\".page-content\")\n      .addClass(\"ptr-content\")\n      .prepend(ptrLoader)\n      .attr(\"data-ptr-distance\", \"55\")\n      .attr(\"data-ptr-mousewheel\", \"true\");\n\n    // we need to create the ptr manually since it\n    // is added after the page initialization\n    app.ptr.create(\".ptr-content\");\n    var ptr = app.ptr.get(\".ptr-content\");\n    // Add 'refresh' listener on it\n    ptr.on(\"refresh\", function(e) {\n      // Emulate 2s loading\n      Shiny.setInputValue(\"ptr\", true);\n      setTimeout(function() {\n        app.ptr.done();\n      }, 2000);\n    });\n\n    // reset input. This will prevent observeEvent from\n    // always being fired since they ignore NULL by default.\n    // Therefore, instead of setting ptr to FALSE, we set it\n    // to null\n    ptr.on(\"done\", function(e) {\n      Shiny.setInputValue(\"ptr\", null);\n    });\n  }\n\n  // validate inputs (see f7ValidateInput)\n  Shiny.addCustomMessageHandler(\"validate-input\", function(message) {\n    $(\"#\" + message.target)\n      .attr(\"required\", \"\")\n      .attr(\"validate\", \"\")\n      .attr(\"pattern\", message.pattern)\n      .attr(\"data-error-message\", message.error);\n\n    $(\"#\" + message.target)\n      .closest(\".item-content.item-input\")\n      .addClass(\"item-input-with-info\");\n    var infoTag;\n    if (message.info !== undefined) {\n      infoTag = '<div class = \"item-input-info\">' + message.info + \"</div>\";\n    }\n    $(\"#\" + message.target)\n      .parent()\n      .append(infoTag);\n  });\n\n  // preloader\n  Shiny.addCustomMessageHandler(\"show-preloader\", function(message) {\n    if (typeof message.el !== \"undefined\") {\n      app.preloader.showIn(message.el, message.color);\n    } else {\n      app.preloader.show(message.color);\n    }\n  });\n\n  Shiny.addCustomMessageHandler(\"hide-preloader\", function(message) {\n    if (typeof message.el !== \"undefined\") {\n      app.preloader.hideIn(message.el);\n    } else {\n      app.preloader.hide();\n    }\n  });\n\n\n  // Each click on swipeout item set shiny input value to TRUE\n  // We also close the parent swipeout container. Set proirity to event\n  // so that the input always invalidate observers on the R side, even though\n  // its value does not change.\n  $('.swipeout-item').each(function() {\n    $(this).on('click', function() {\n      Shiny.setInputValue($(this).attr('id'), true, {priority: 'event'});\n      // close the swipeout element\n      app.swipeout.close($(this).closest('.swipeout'));\n    });\n  })\n\n});\n","// Input binding\nvar f7ActionSheetBinding = new Shiny.InputBinding();\n\n$.extend(f7ActionSheetBinding, {\n\n  find: function(scope) {\n    //return $(scope).find(\".actions-modal\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    //var s = app.actions.get($(el));\n    //console.log(s);\n    //return s.opened;\n  },\n\n  // see updateF7Sheet\n  receiveMessage: function(el, data) {\n    //var s = app.actions.get($(el));\n    //if (s.opened) {\n    //  s.close();\n    //} else {\n    //  s.open();\n    //}\n  },\n\n  subscribe: function(el, callback) {\n    // need to subscribe after open and close\n    // therefore we listen to opened and closed, respectively\n    //$(el).on(\"actions:open.f7ActionSheetBinding actions:close.f7ActionSheetBinding\", function(e) {\n    //  callback();\n    //});\n  },\n\n  unsubscribe: function(el) {\n    //$(el).off(\".f7ActionSheetBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7ActionSheetBinding);\n","// Input binding\nfunction setSource(query, render) {\n  var results = [];\n  if (query.length === 0) {\n    render(results);\n    return;\n  }\n  // Find matched items\n  for (var i = 0; i < vals.length; i++) {\n    if (vals[i].toLowerCase().indexOf(query.toLowerCase()) >= 0) {\n      results.push(vals[i]);\n    }\n  }\n  // Render items by passing array with result items\n  render(results);\n};\n\nvar f7AutoCompleteBinding = new Shiny.InputBinding();\n\n$.extend(f7AutoCompleteBinding, {\n\n  initialize: function(el) {\n\n    // recover the inputId passed in the R function\n    var id = $(el).attr(\"id\");\n\n    // convert data attributes to camelCase parameters\n    // necessary in the create method\n    var data = {};\n    [].forEach.call(el.attributes, function(attr) {\n      if (/^data-/.test(attr.name)) {\n        var camelCaseName = attr.name.substr(5).replace(/-(.)/g, function ($0, $1) {\n          return $1.toUpperCase();\n        });\n        // convert \"true\" to true and \"false\" to false only for booleans\n        if ([\"openIn\", \"choices\", \"value\", \"dropdownPlaceholderText\", \"limit\"].indexOf(camelCaseName) == -1) {\n          var isTrueSet = (attr.value == 'true');\n          data[camelCaseName] = isTrueSet;\n        } else {\n          data[camelCaseName] = attr.value;\n        }\n      }\n    });\n\n    data.value = JSON.parse(data.value);\n\n    // special case where the autocomplete is standalone\n    if (data.openIn == \"dropdown\") {\n      data.inputEl = '#' + id;\n    } else {\n      data.openerEl = '#' + id;\n    }\n\n    var vals = JSON.parse(data.choices);\n    data.source = function (query, render) {\n      var results = [];\n      if (query.length === 0) {\n        render(results);\n        return;\n      }\n      // Find matched items\n      for (var i = 0; i < vals.length; i++) {\n        if (vals[i].toLowerCase().indexOf(query.toLowerCase()) >= 0) {\n          results.push(vals[i]);\n        }\n      }\n      // Render items by passing array with result items\n      render(results);\n    };\n\n    // for popup and page so that shiny is aware about input change\n    data.on = {\n      change: function (value) {\n        // important: trigger change so that the input value\n        // is updated for Shiny\n        $('#' + id).trigger('change');\n      }\n    };\n\n    app.autocomplete.create(data);\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".autocomplete-input\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var a = app.autocomplete.get($(el));\n    // Set value in placeholder\n    $(a.params.inputEl).val(a.value);\n    return a.value;\n  },\n\n  // see updateF7AutoComplete\n  setValue: function(el, value) {\n    el.value = value;\n    el.params.value = value;\n    // needed to update the text input\n    $(el.params.inputEl).val(el.value);\n  },\n\n  _setChoices: function(el, choices) {\n    // vals is required by setSource as global var.\n    vals = choices;\n    el.params.source = setSource;\n  },\n\n  // see updateF7AutoComplete\n  receiveMessage: function(el, data) {\n    var a = app.autocomplete.get($(el));\n    // update choices\n    if (data.hasOwnProperty('choices')) {\n      this._setChoices(a, data.choices);\n    }\n    // Update value\n    if (data.hasOwnProperty('value')) {\n      this.setValue(a, data.value);\n    }\n    $(el).trigger('change');\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7AutoCompleteBinding\", function(e) {\n      // we need a delay since shiny is faster than\n      // the f7AutoComplete animation\n      setTimeout(function() {\n        callback();\n      }, 10);\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7AutoCompleteBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7AutoCompleteBinding, 'f7.autocomplete');","var f7ButtonInputBinding = new Shiny.InputBinding();\n$.extend(f7ButtonInputBinding, {\n  find: function(scope) {\n    return $(scope).find(\".f7-action-button\");\n  },\n  getValue: function(el) {\n    return $(el).data('val') || 0;\n  },\n  setValue: function(el, value) {\n    $(el).data('val', value);\n  },\n  getType: function(el) {\n    return 'shiny.action';\n  },\n  subscribe: function(el, callback) {\n    $(el).on(\"click.f7ButtonInputBinding\", function(e) {\n      var $el = $(this);\n      var val = $el.data('val') || 0;\n      $el.data('val', val + 1);\n\n      callback();\n    });\n  },\n  getState: function(el) {\n    return { value: this.getValue(el) };\n  },\n  receiveMessage: function(el, data) {\n    var $el = $(el);\n\n    // update color\n    if (data.hasOwnProperty(\"color\")) {\n      $(el).removeClass (function (index, className) {\n    return (className.match (/(^|\\s)color-\\S+/g) || []).join(' ');\n});\n      $(el).addClass(\"color-\" + data.color);\n    }\n\n    // update fill\n    if (data.hasOwnProperty(\"fill\")) {\n      var isFilled = $(el).hasClass(\"button-fill\");\n      if (data.fill) {\n        if (!isFilled) $(el).addClass(\"button-fill\");\n      } else {\n        if (isFilled) $(el).removeClass(\"button-fill\");\n      }\n    }\n\n    // update outline\n    if (data.hasOwnProperty(\"outline\")) {\n      var isOutline = $(el).hasClass(\"button-outline\");\n      if (data.outline) {\n        if (!isOutline) $(el).addClass(\"button-outline\");\n      } else {\n        if (isOutline) $(el).removeClass(\"button-outline\");\n      }\n    }\n\n    // update raided\n    if (data.hasOwnProperty(\"shadow\")) {\n      var isRaised = $(el).hasClass(\"button-raised\");\n      if (data.shadow) {\n        if (!isRaised) $(el).addClass(\"button-raised\");\n      } else {\n        if (isRaised) $(el).removeClass(\"button-raised\");\n      }\n    }\n\n    // update rounded\n    if (data.hasOwnProperty(\"rounded\")) {\n      var isRounded = $(el).hasClass(\"button-round\");\n      if (data.rounded) {\n        if (!isRounded) $(el).addClass(\"button-round\");\n      } else {\n        if (isRounded) $(el).removeClass(\"button-round\");\n      }\n    }\n\n    // update size\n    if (data.hasOwnProperty(\"size\")) {\n      var isLarge = $(el).hasClass(\"button-large\");\n      var isSmall = $(el).hasClass(\"button-small\");\n      if (!isLarge & !isSmall) $(el).addClass(\"button-\" + data.size);\n      if (!isLarge & isSmall) {\n        $(el).removeClass(\"button-small\");\n        $(el).addClass(\"button-\" + data.size);\n      }\n      if (isLarge & !isSmall) {\n        $(el).removeClass(\"button-large\");\n        $(el).addClass(\"button-\" + data.size);\n      }\n    }\n\n\n    // retrieve current label and icon\n    var label = $el.text();\n\n    // update the requested properties\n    if (data.hasOwnProperty('label')) label = data.label;\n    // produce new html\n    $el.html(label);\n  },\n  unsubscribe: function(el) {\n    $(el).off(\".f7ButtonInputBinding\");\n  }\n});\nShiny.inputBindings.register(f7ButtonInputBinding, 'f7.button');\n\n\n$(document).on('click', 'a.f7-action-button', function(e) {\n  e.preventDefault();\n});","// Input binding\nvar f7CardBinding = new Shiny.InputBinding();\n\n$.extend(f7CardBinding, {\n\n  find: function(scope) {\n    return $(scope).find(\".card-expandable\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var open = $(el).hasClass('card-opened');\n    return open;\n  },\n\n  // see updateF7Card\n  receiveMessage: function(el, data) {\n    app.card.toggle($(el));\n  },\n\n  subscribe: function(el, callback) {\n    // need to subscribe after open and close\n    // therefore we listen to opened and closed, respectively\n    $(el).on(\"card:opened.f7CardBinding card:closed.f7CardBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7CardBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7CardBinding, 'f7.card');\n","// Input binding\nvar f7CollapsibleBinding = new Shiny.InputBinding();\n\n$.extend(f7CollapsibleBinding, {\n\n  find: function(scope) {\n    return $(scope).find(\".collapsible\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var accordionId = $($(el)[0]).attr('id');\n    var items = $('#' + accordionId + ' li.accordion-item-opened');\n    if (items.length > 0) {\n     // find title\n     if (items.length === 1) {\n      var val = $(items[0]).find('.item-title').html();\n      return {state: true, value: val};\n     } else {\n       var titles = [];\n       $(items).each(function(i) {\n         titles.push($(items[i]).find('.item-title').html());\n       });\n       return {state: true, value: titles};\n     }\n    } else {\n      return {state: false, value: null};\n    }\n  },\n\n  // see updateF7Collapsible\n  receiveMessage: function(el, data) {\n    if (data.hasOwnProperty('selected')) {\n      var accordionId = $($(el)[0]).attr('id');\n      var items = $('#' + accordionId + ' .accordion-item');\n      var idx = data.selected - 1;\n      var target = $(items[idx]);\n      app.accordion.toggle(target);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    // need to subscribe after open and close\n    // therefore we listen to opened and closed, respectively\n    $(el).on(\"accordion:opened.f7CollapsibleBinding accordion:closed.f7CollapsibleBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7CollapsibleBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7CollapsibleBinding, 'f7.collapsible');","// Input binding\nvar f7ColorPickerBinding = new Shiny.InputBinding();\n\n$.extend(f7ColorPickerBinding, {\n\n  initialize: function(el) {\n    app.colorPicker.create({\n      inputEl: el,\n      targetEl: $(el).attr(\"id\") + '-value',\n      targetElSetBackgroundColor: true,\n      modules: colorPickerModules,\n      // I keep openIn default to auto since\n      // it is better to be automatically optimized\n      // based on the currently selected device.\n      openIn: 'auto',\n      sliderValue: colorPickerSliderValue,\n      sliderValueEditable: colorPickerSliderValueEditable,\n      sliderLabel: colorPickerSliderLabel,\n      hexLabel: colorPickerHexLabel,\n      hexValueEditable: colorPickerHexValueEditable,\n      groupedModules: colorPickerGroupedModules,\n      // Same thing here. For now, we use predefined\n      // palettes. latter, maybe add user defined palettes\n      palette: colorPickerPalettes,\n      //formatValue: function (value) {\n      //  return 'rgba(' + value.rgba.join(', ') + ')';\n      //},\n      value: {\n        hex: colorPickerValue,\n      },\n      on : {\n        open: function(target) {\n          if (target.app.params.dark) {\n            target\n              .$el\n              .closest(\".modal-in\")\n              .addClass(\"theme-dark\");\n          }\n        }\n      }\n    });\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".color-picker-input\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var ID = $(el).attr(\"id\");\n    // below we get the hidden value field using\n    // vanilla JS\n    return document.getElementById(ID).value;\n  },\n\n  // see updateF7ColorPicker\n  setValue: function(el, value) {\n\n  },\n\n  // see updateF7ColorPicker\n  receiveMessage: function(el, data) {\n\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7ColorPickerBinding \", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7ColorPickerBinding \");\n  }\n});\n\nShiny.inputBindings.register(f7ColorPickerBinding, 'f7.colorpicker');","// Input binding\nvar f7DateBinding = new Shiny.InputBinding();\n\n$.extend(f7DateBinding, {\n  find: function(scope) {\n    return $(scope).find(\".date-input\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    console.log($(el).attr(\"value\"));\n    return $(el).attr(\"value\");\n  },\n\n  // see updateF7Calendar\n  setValue: function(el, value) {\n\n  },\n\n  // see updateF7Calendar\n  receiveMessage: function(el, data) {\n\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on('keyup.dateInputBinding input.dateInputBinding', function(event) {\n      // Use normal debouncing policy when typing\n      callback(true);\n    });\n    $(el).on(\"change.f7DateBinding\", function(e) {\n      callback(false);\n    });\n  },\n\n  getRatePolicy: function() {\n    return {\n      policy: 'debounce',\n      delay: 250\n    };\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7DateBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7DateBinding, 'f7.date');","var f7DatePickerBinding = new Shiny.InputBinding();\n\n$.extend(f7DatePickerBinding, {\n\n  initialize: function(el) {\n\n    var inputEl = $(el)[0];\n\n    var config = $(el).parent().find(\"script[data-for='\" + el.id + \"']\");\n    config = JSON.parse(config.html());\n\n    if (!config.hasOwnProperty(\"value\")) {\n      config.value = [new Date()];\n    } else {\n      for (var i = 0; i < config.value.length; i++) {\n        config.value[i] = new Date(config.value[i]);\n      }\n    }\n\n    config.inputEl = inputEl;\n\n    //data.timePicker = true;\n    config.on = {\n      open: function(target) {\n        if (target.app.params.dark) {\n          target\n            .$el\n            .closest(\".modal-in\")\n            .addClass(\"theme-dark\");\n        }\n      }\n    }\n\n    // feed the create method\n    var calendar = app.calendar.create(config);\n    this[\"calendar-\" + el.id] = calendar;\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".calendar-input\");\n  },\n\n  getType: function(el) {\n    return \"f7DatePicker.date\";\n  },\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var val = this[\"calendar-\" + el.id].getValue();\n    var tmpDate;\n    if (val.length == 1) {\n      var tmpDate = new Date(this[\"calendar-\" + el.id].getValue());\n      tmpDate =  Date.UTC(\n        tmpDate.getFullYear(),\n        tmpDate.getMonth(),\n        tmpDate.getDate(),\n        tmpDate.getHours(),\n        tmpDate.getMinutes(),\n        tmpDate.getSeconds()\n      );\n      return new Date(tmpDate);\n    } else {\n      var dates = [];\n      for (var i = 0; i < val.length; i++) {\n        dates[i] = new Date(val[i]);\n        dates[i] = Date.UTC(\n          dates[i].getFullYear(),\n          dates[i].getMonth(),\n          dates[i].getDate(),\n          dates[i].getHours(),\n          dates[i].getMinutes(),\n          dates[i].getSeconds()\n        );\n        dates[i] = new Date(dates[i]);\n      }\n      return dates;\n    }\n  },\n\n  // see updateF7DatePicker\n  setValue: function(el, value) {\n    this[\"calendar-\" + el.id].setValue(value);\n  },\n\n  // see updateF7DatePicker\n  receiveMessage: function(el, data) {\n    if (data.hasOwnProperty(\"config\")) {\n      this[\"calendar-\" + el.id].destroy();\n      data.config.inputEl = el;\n      data.config.on = {\n        open: function(target) {\n          if (target.app.params.dark) {\n            $(target.$el).addClass(\"theme-dark\");\n          }\n        }\n      }\n      this[\"calendar-\" + el.id] = app.calendar.create(data.config);\n    }\n    if (data.hasOwnProperty(\"value\")) {\n      var tmpdate;\n      for (var i = 0; i < data.value.length; i++) {\n        tmpdate = new Date(data.value[i]);\n        data.value[i] = new Date(tmpdate.getFullYear(), tmpdate.getMonth(), tmpdate.getDate());\n      }\n      this.setValue(el, data.value);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7DatePickerBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7DatePickerBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7DatePickerBinding, 'f7.datepicker');","// Input binding\nvar f7FabsBinding = new Shiny.InputBinding();\n\n$.extend(f7FabsBinding, {\n\n  find: function(scope) {\n    return $(scope).find(\".fab\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var open = $(el).hasClass('fab-opened');\n    return(open);\n  },\n\n  // see updateF7Fabs\n  receiveMessage: function(el, data) {\n    // update Fabs\n    app.fab.toggle('#' + $(el).attr('id'));\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"fab:open.f7FabsBinding fab:close.f7FabsBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7FabsBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7FabsBinding, 'f7.fabs');\n\n//$(document).on('click', 'a.f7-action-button', function(event) {\n//  event.stopPropagation();\n//});","// Input binding\nvar f7LoginBinding = new Shiny.InputBinding();\n\n$.extend(f7LoginBinding, {\n\n  initialize: function(el) {\n    // feed the create method\n    var data = {};\n    data.el = '#' + $(el).attr(\"id\");\n    // specify animate false since true involves\n    // a significant delay before the modal shows up\n    data.animate = false;\n    data.on = {\n      open: function(target) {\n        if (target.app.params.dark) {\n          $(target.el).addClass(\"theme-dark\");\n        }\n      },\n      opened: function () {\n        $(el).trigger('shown');\n      }\n    };\n    var l = app.loginScreen.create(data);\n    // the login page should automatically open when inserted\n    // unless the start-open property is disable. This may happen\n    // for instance when one wants to trigger authentication only\n    // for a specific section of the app.\n    var startOpen = JSON.parse($(el).attr(\"data-start-open\"))[0];\n    if (startOpen) l.open();\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".login-screen\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var l = app.loginScreen.get($(el));\n    return l.opened;\n  },\n\n  // see updateF7Login\n  receiveMessage: function(el, data) {\n    var l = app.loginScreen.get($(el));\n    if (l.opened) {\n      // only close if valid password and user\n      if (data.user.length > 0 && data.password.length > 0) {\n        l.close();\n      } else {\n        app.dialog.alert('Please enter a valid password and user.');\n      }\n    } else {\n      l.open();\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"loginscreen:opened.f7LoginBinding loginscreen:closed.f7LoginBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7LoginBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7LoginBinding, 'f7.login');","// Input binding\nvar f7MenuBinding = new Shiny.InputBinding();\n\n$.extend(f7MenuBinding, {\n  find: function(scope) {\n    return $(scope).find(\".menu-item-dropdown\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return $(el).hasClass(\"menu-item-dropdown-opened\");\n  },\n\n  // see updateF7Popup\n  receiveMessage: function(el, data) {\n    var isOpened = $(el).hasClass(\"menu-item-dropdown-opened\");\n    if (!isOpened) {\n      app.menu.open($(el));\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"menu:opened.f7MenuBinding menu:closed.f7MenuBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7MenuBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7MenuBinding, 'f7.menu');","// Input binding\nvar f7MessageBarBinding = new Shiny.InputBinding();\n\n$.extend(f7MessageBarBinding, {\n\n  initialize: function(el) {\n    app.messagebar.create({\n      el: '#' + $(el).attr('id')\n    });\n  },\n\n  // method to insert in the getValue method.\n  // This will automatically enable/disable the\n  // send button based on the current value.\n  // It also returns the text area value\n  setState: function(el) {\n    var val = app.messagebar.get($(el)).getValue();\n    var sendLink = $(el).find('#' + el.id + '-send');\n    if (!val.length) {\n      $(sendLink).addClass('disabled');\n    } else {\n      $(sendLink).removeClass('disabled');\n    }\n    return val;\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".messagebar\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return this.setState(el);\n  },\n\n  // see updatef7MessageBar\n  setValue: function(el, value) {\n    app.messagebar.get($(el)).setValue(value);\n  },\n\n  setPlaceholder: function(el, value) {\n    app.messagebar.get($(el)).setPlaceholder(value);\n  },\n\n  // see updatef7MessageBar\n  receiveMessage: function(el, data) {\n    if (data.hasOwnProperty('value')) {\n      this.setValue(el, data.value);\n    }\n\n    if (data.hasOwnProperty('placeholder')) {\n      this.setPlaceholder(el, data.placeholder);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"input.f7MessageBarBinding change.f7MessageBarBinding focus.f7MessageBarBinding blur.f7MessageBarBinding\", function(e) {\n      // reset message bar textarea content when click on it\n      $(el).find('#' + el.id + '-send').on('click', function() {\n        // add delay between link click and textarea reset in f7MessageBar.\n        // Needed to give time so that f7Messages receives\n        // the textarea input value before it is cleared.\n        setTimeout(function() {\n          app.messagebar.get($(el)).clear().focus();\n        }, 1000);\n      });\n      callback(true);\n    });\n  },\n\n  getRatePolicy: function() {\n    return {\n      policy: 'debounce',\n      delay: 250\n    };\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7MessageBarBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7MessageBarBinding, 'f7.messagebar');","// Input binding\nvar f7MessagesBinding = new Shiny.InputBinding();\n\n$.extend(f7MessagesBinding, {\n\n  initialize: function(el) {\n    // for a proper layout!\n    $('.page-content').addClass('messages-content');\n\n    var id = $(el).attr('id');\n    var config = $(el).find(\"script[data-for='\" + id + \"']\");\n    config = JSON.parse(config.html());\n\n    config.el = '#' + id;\n\n    // First message rule\n  config.firstMessageRule = function (message, previousMessage, nextMessage) {\n    // Skip if title\n    if (message.isTitle) return false;\n    /* if:\n      - there is no previous message\n      - or previous message type (send/received) is different\n      - or previous message sender name is different\n    */\n    if (!previousMessage || previousMessage.type !== message.type || previousMessage.name !== message.name) return true;\n    return false;\n  };\n\n  // Last message rule\n  config.lastMessageRule = function (message, previousMessage, nextMessage) {\n    // Skip if title\n    if (message.isTitle) return false;\n    /* if:\n      - there is no next message\n      - or next message type (send/received) is different\n      - or next message sender name is different\n    */\n    if (!nextMessage || nextMessage.type !== message.type || nextMessage.name !== message.name) return true;\n    return false;\n  };\n\n  // Last message rule\n  config.tailMessageRule = function (message, previousMessage, nextMessage) {\n    // Skip if title\n    if (message.isTitle) return false;\n      /* if (bascially same as lastMessageRule):\n      - there is no next message\n      - or next message type (send/received) is different\n      - or next message sender name is different\n    */\n    if (!nextMessage || nextMessage.type !== message.type || nextMessage.name !== message.name) return true;\n    return false;\n  };\n\n    // feed the create method\n    app.messages.create(config);\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".messages\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return app.messages.get($(el)).messages;\n  },\n\n  // see updatef7Messages\n  setValue: function(el, value) {\n    responseInProgress = true;\n    var messages = app.messages.get($(el));\n\n    if (value.showTyping) {\n      // Show typing indicator\n      var who = value.value.pop().name;\n      setTimeout(function () {\n        messages.showTyping({\n          header: who + ' is typing'\n        });\n\n        setTimeout(function () {\n          messages.addMessages(value.value);\n          // Hide typing indicator\n          messages.hideTyping();\n          responseInProgress = false;\n        }, 1000);\n      }, 500);\n    } else {\n      messages.addMessages(value.value);\n    }\n  },\n\n  // see updatef7Messages\n  receiveMessage: function(el, data) {\n    var responseInProgress = false;\n    if (responseInProgress) return;\n    this.setValue(el, data);\n    $(el).trigger('change');\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7MessagesBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7MessagesBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7MessagesBinding, 'f7.messages');","// Input binding\nvar f7PanelBinding = new Shiny.InputBinding();\n\n$.extend(f7PanelBinding, {\n\n  initialize: function(el) {\n    var data = {};\n    // add id\n    data.el = '#' + $(el).attr('id');\n    // this is to show shiny outputs in the sheet\n    data.on = {\n      opened: function () {\n        $(el).trigger('shown');\n      }\n    };\n    app.panel.create(data);\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".panel\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var p = app.panel.get($(el));\n    return p.opened;\n  },\n\n  // see updateF7Panel\n  receiveMessage: function(el, data) {\n    // create a variable to update the panel\n    var p = app.panel.get($(el));\n    p.toggle(p.side);\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"panel:open.f7PanelBinding panel:close.f7PanelBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7PanelBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7PanelBinding, 'f7.panel');","// Input binding\nvar f7PanelMenuBinding = new Shiny.InputBinding();\n\n$.extend(f7PanelMenuBinding, {\n\n  find: function(scope) {\n    return $(scope).find(\".panel-menu\");\n  },\n\n  // This is necessary to activate the good tab at start.\n  // If one tab is active, it has a tab-link-active class.\n  // We then trigger the show function on that tab.\n  // If no tab is active at start, the first tab is shown by default.\n  initialize: function(el) {\n    var firstPanelId = $(el).find(\"a\").first().data('tab');\n    var panelActiveId = $(el).find(\"a.tab-link-active\").data('tab');\n    if (panelActiveId !== undefined) {\n      app.tab.show(panelActiveId);\n    } else {\n      app.tab.show(firstPanelId);\n    }\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var activeTab = $(el)\n      .find(\"a.tab-link-active\")\n      .data('tab');\n\n    if (activeTab !== undefined) {\n      return activeTab.split('#')[1];\n    } else {\n      return null;\n    }\n  },\n\n  // see updateF7Tabs\n  receiveMessage: function(el, data) {\n    // update the active tab\n    if (data.hasOwnProperty('selected')) {\n      app.tab.show('#' + data.ns + '-' + data.selected);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).find(\"a\").on(\"click.f7PanelMenuBinding\", function(e) {\n      $($(this).data(\"tab\")).trigger(\"shown\").trigger(\"shown\");\n        callback(false);\n    });\n\n    app.on(\"tabShow.f7PanelMenuBinding\", function(tab) {\n      callback(false);\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7PanelMenuBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7PanelMenuBinding, 'f7.tabsMenu');","// Input binding\nvar f7PickerBinding = new Shiny.InputBinding();\n\n$.extend(f7PickerBinding, {\n\n  initialize: function(el) {\n\n    var inputEl = $(el)[0];\n\n    // convert data attributes to camelCase parameters\n    // necessary in the create method\n    var data = {};\n    [].forEach.call(el.attributes, function(attr) {\n      if (/^data-/.test(attr.name)) {\n        var camelCaseName = attr.name.substr(5).replace(/-(.)/g, function ($0, $1) {\n          return $1.toUpperCase();\n        });\n        // convert \"true\" to true and \"false\" to false only for booleans\n        if ([\"openIn\", \"toolbarCloseText\", \"choices\", \"value\"].indexOf(camelCaseName) == -1) {\n          var isTrueSet = (attr.value == 'true');\n          data[camelCaseName] = isTrueSet;\n        } else {\n          data[camelCaseName] = attr.value;\n        }\n      }\n    });\n\n    // add the id, value and choices\n    data.inputEl = inputEl;\n    data.value = JSON.parse(data.value);\n    data.cols = [\n      {\n        textAlign: 'center',\n        values: JSON.parse(data.choices)\n      }\n    ];\n\n    data.on = {\n      open: function(target) {\n        if (target.app.params.dark) {\n          target\n            .$el\n            .closest(\".modal-in\")\n            .addClass(\"theme-dark\");\n        }\n      }\n    }\n\n    // feed the create method\n    var p = app.picker.create(data);\n    inputEl.f7Picker = p;\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".picker-input\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var p = app.picker.get($(el));\n    return p.value;\n  },\n\n  // see updateF7Picker\n  setValue: function(el, value) {\n    var p = app.picker.get($(el));\n    p.value = value;\n    p.displayValue = value;\n    p.open();\n    setTimeout(function() {p.close();}, 10);\n  },\n\n  // see updateF7Picker\n  receiveMessage: function(el, data) {\n    var p = app.picker.get($(el));\n    // Update value\n    if (data.hasOwnProperty('value')) {\n      this.setValue(el, data.value);\n    }\n    // update choices\n    if (data.hasOwnProperty('choices')) {\n      p.cols[0].values = data.choices;\n    }\n    // update other properties\n    if (data.hasOwnProperty('rotateEffect')) {\n      p.params.rotateEffect = data.rotateEffect;\n    }\n    if (data.hasOwnProperty('openIn')) {\n      p.params.openIn = data.openIn;\n    }\n    if (data.hasOwnProperty('scrollToInput')) {\n      p.params.scrollToInput = data.scrollToInput;\n    }\n    if (data.hasOwnProperty('closeByOutsideClick')) {\n      p.params.closeByOutsideClick = data.closeByOutsideClick;\n    }\n    if (data.hasOwnProperty('toolbar')) {\n      p.params.toolbar = data.toolbar;\n    }\n    if (data.hasOwnProperty('toolbarCloseText')) {\n      p.params.toolbarCloseText = data.toolbarCloseText;\n    }\n    if (data.hasOwnProperty('sheetSwipeToClose')) {\n      p.params.sheetSwipeToClose = data.sheetSwipeToClose;\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7PickerBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7PickerBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7PickerBinding, 'f7.picker');","let $escape = Shiny.$escape;\n\nfunction updateLabel(labelTxt, labelNode) {\n  // Only update if label was specified in the update method\n  if (typeof labelTxt === \"undefined\") return;\n  if (labelNode.length !== 1) {\n    throw new Error(\"labelNode must be of length 1\");\n  }\n\n  // Should the label be empty?\n  var emptyLabel = $.isArray(labelTxt) && labelTxt.length === 0;\n\n  if (emptyLabel) {\n    labelNode.addClass(\"shiny-label-null\");\n  } else {\n    labelNode.text(labelTxt);\n    labelNode.removeClass(\"shiny-label-null\");\n  }\n\n}\n\nvar radioInputBinding = new Shiny.InputBinding();\n$.extend(radioInputBinding, {\n  find: function(scope) {\n    return $(scope).find('.shiny-input-radiogroup');\n  },\n  getValue: function(el) {\n    // Select the radio objects that have name equal to the grouping div's id\n    var checked_items = $('input:radio[name=\"' + $escape(el.id) + '\"]:checked');\n\n    if (checked_items.length === 0) {\n      // If none are checked, the input will return null (it's the default on load,\n      // but it wasn't emptied when calling updateRadioButtons with character(0)\n      return null;\n    }\n\n    return checked_items.val();\n  },\n  setValue: function(el, value) {\n    if ($.isArray(value) && value.length === 0) {\n      // Removing all checked item if the sent data is empty\n      $('input:radio[name=\"' + $escape(el.id) + '\"]').prop('checked', false);\n    } else {\n      $('input:radio[name=\"' + $escape(el.id) + '\"][value=\"' + $escape(value) + '\"]').prop('checked', true);\n    }\n\n  },\n  getState: function(el) {\n    var $objs = $('input:radio[name=\"' + $escape(el.id) + '\"]');\n\n    // Store options in an array of objects, each with with value and label\n    var options = new Array($objs.length);\n    for (var i = 0; i < options.length; i++) {\n      options[i] = { value:   $objs[i].value,\n                     label:   this._getLabel($objs[i]) };\n    }\n\n    return {\n      label:    this._getLabelNode(el).text(),\n      value:    this.getValue(el),\n      options:  options\n    };\n  },\n  receiveMessage: function(el, data) {\n    var $el = $(el);\n    // This will replace all the options\n    if (data.hasOwnProperty('options')) {\n      // Clear existing options and add each new one\n      $el.find('ul').remove();\n      $el.append(data.options);\n    }\n\n    if (data.hasOwnProperty('value'))\n      this.setValue(el, data.value);\n\n    updateLabel(data.label, this._getLabelNode(el));\n\n    $(el).trigger('change');\n  },\n  subscribe: function(el, callback) {\n    $(el).on('change.radioInputBinding', function(event) {\n      callback();\n    });\n  },\n  unsubscribe: function(el) {\n    $(el).off('.radioInputBinding');\n  },\n  // Get the DOM element that contains the top-level label\n  _getLabelNode: function(el) {\n      return $(el).siblings('div.block-title');\n  },\n  // Given an input DOM object, get the associated label. Handles labels\n  // that wrap the input as well as labels associated with 'for' attribute.\n  _getLabel: function(obj) {\n    // If <label><input /><span>label text</span></label>\n    if (obj.parentNode.tagName === \"LABEL\") {\n      return $(obj.parentNode).find('div.item-title').text().trim();\n    }\n\n    return null;\n  },\n  // Given an input DOM object, set the associated label. Handles labels\n  // that wrap the input as well as labels associated with 'for' attribute.\n  _setLabel: function(obj, value) {\n    // If <label><input /><span>label text</span></label>\n    if (obj.parentNode.tagName === \"LABEL\") {\n      $(obj.parentNode).find('div.item-title').text(value);\n    }\n\n    return null;\n  }\n\n});\nShiny.inputBindings.register(radioInputBinding, 'shiny.radioInput');\n","// Input binding\nvar f7SelectBinding = new Shiny.InputBinding();\n\n$.extend(f7SelectBinding, {\n\n  find: function(scope) {\n    return $(scope).find(\".input-select\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return $(el).val();\n  },\n\n  // see updateF7Select\n  setValue: function(el, value) {\n    // select the new item\n    $(el).val(value);\n  },\n\n  // see updateF7Select\n  receiveMessage: function(el, data) {\n    if (data.hasOwnProperty(\"selected\")) {\n      this.setValue(el, data.selected);\n    }\n    $(el).trigger(\"change\");\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7SelectBinding\", function(e) {\n      // no need to debounce here\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7SelectBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7SelectBinding, 'f7.select');","// Input binding\nvar f7SheetBinding = new Shiny.InputBinding();\n\n$.extend(f7SheetBinding, {\n\n  initialize: function(el) {\n\n    // recover the inputId passed in the R function\n    var id = $(el).attr(\"id\");\n\n    var data = {};\n    [].forEach.call(el.attributes, function(attr) {\n      if (/^data-/.test(attr.name)) {\n        var camelCaseName = attr.name.substr(5).replace(/-(.)/g, function ($0, $1) {\n          return $1.toUpperCase();\n        });\n        // convert \"true\" to true and \"false\" to false\n        var isTrueSet = (attr.value == \"true\");\n        data[camelCaseName] = isTrueSet;\n      }\n    });\n\n    // add the id\n    data.el = '#' + id;\n\n    // this is to show shiny outputs in the sheet\n    data.on = {\n      open: function(target) {\n        if (target.app.params.dark) {\n          $(target.el).addClass(\"theme-dark\");\n        }\n      },\n      opened: function () {\n        $(el).trigger('shown');\n      }\n    };\n\n    // feed the create method\n    var s = app.sheet.create(data);\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".sheet-modal\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var s = app.sheet.get($(el));\n    return s.opened;\n  },\n\n  // see updateF7Sheet\n  receiveMessage: function(el, data) {\n    var s = app.sheet.get($(el));\n    if (s.opened) {\n      s.close();\n    } else {\n      s.open();\n    }\n  },\n\n  subscribe: function(el, callback) {\n    // need to subscribe after open and close\n    // therefore we listen to opened and closed, respectively\n    $(el).on(\"sheet:open.f7SheetBinding sheet:close.f7SheetBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7SheetBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7SheetBinding, 'f7.sheet');\n","// Input binding\nvar f7SliderBinding = new Shiny.InputBinding();\n\n$.extend(f7SliderBinding, {\n\n  initialize: function(el) {\n\n    // recover the inputId passed in the R function\n    var id = $(el).attr(\"id\");\n\n    var data = {};\n    [].forEach.call(el.attributes, function(attr) {\n      if (/^data-/.test(attr.name)) {\n        var camelCaseName = attr.name.substr(5).replace(/-(.)/g, function ($0, $1) {\n          return $1.toUpperCase();\n        });\n        // convert \"true\" to true and \"false\" to false\n        if ([\"min\", \"max\", \"step\", \"value\",\n        \"scaleSteps\", \"scaleSubSteps\",\n        \"valueLeft\", \"valueRight\"].indexOf(camelCaseName) == -1) {\n          var isTrueSet = (attr.value == \"true\");\n          data[camelCaseName] = isTrueSet;\n        } else {\n          // convert strings to numeric\n          data[camelCaseName] = parseFloat(attr.value);\n        }\n\n      }\n    });\n\n     // add the id\n    data.el = '#' + id;\n\n    // feed the create method\n    var r = app.range.create(data);\n\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".range-slider\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return app.range.get($(el)).value;\n  },\n\n  // see updateF7Slider\n  setValue: function(el, value) {\n    app.range.setValue(el, value);\n  },\n\n  // see updateF7Slider\n  receiveMessage: function(el, data) {\n    // create a variable to update the range\n    var r = app.range.get($(el));\n    if (data.hasOwnProperty('min')) {\n      r.min = data.min;\n      // re render the scale\n      r.updateScale();\n    }\n    if (data.hasOwnProperty('max')) {\n      r.max = data.max;\n      // re render the scale\n      r.updateScale();\n    }\n    if (data.hasOwnProperty('step')) {\n      r.step = data.step;\n      // re render the scale\n      r.updateScale();\n    }\n\n    if (data.hasOwnProperty('scaleSteps')) {\n      r.scaleSteps = data.scaleSteps;\n      // re render the scale\n      r.updateScale();\n    }\n\n    if (data.hasOwnProperty('scaleSubSteps')) {\n      r.scaleSubSteps = data.scaleSubSteps;\n      // re render the scale\n      r.updateScale();\n    }\n\n    // need to apply this after rendering the scale\n    if (data.hasOwnProperty('scale')) {\n      r.scale = data.scale;\n    }\n\n    // important: need to update the scale before\n    // updating the value. Otherwise the value will\n    // be diplayed in the old scale, which is weird...\n    if (data.hasOwnProperty('value')) {\n      // handle the case where the updated slider\n      // switch from a dual value to a single value slider.\n      var val = data.value;\n      if ($.isArray(val)) {\n        this.setValue(el, val);\n      } else {\n        r.dual = false;\n        r.updateScale();\n        this.setValue(el, val);\n      }\n    }\n\n    // update color\n    if (data.hasOwnProperty('color')) {\n      $(el).removeClass (function (index, className) {\n        return (className.match (/(^|\\s)color-\\S+/g) || []).join(' ');\n      });\n      $(el).addClass('color-' + data.color);\n    }\n\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"range:change.f7SliderBinding\", function(e) {\n      callback(true);\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7SliderBinding\");\n  },\n\n  // The input rate limiting policy\n  getRatePolicy: function() {\n    return {\n      // Can be 'debounce' or 'throttle'\n      policy: 'debounce',\n      delay: 250\n    };\n  }\n});\n\nShiny.inputBindings.register(f7SliderBinding, 'f7.range');","// Input binding\nvar f7SmartSelectBinding = new Shiny.InputBinding();\n\n$.extend(f7SmartSelectBinding, {\n\n  initialize: function(el) {\n    var id = $(el).attr('id');\n    var config = $(el).children().eq(2);\n    config = JSON.parse(config.html());\n    config.el = '#' + id;\n    // feed the create method\n    config.on = {\n      open: function(target) {\n        if (target.app.params.dark) {\n          $(target.$containerEl).addClass(\"theme-dark\");\n        }\n      }\n    }\n    var ss = app.smartSelect.create(config);\n    this[\"smart-select-\" + el.id] = ss;\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".smart-select\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return this[\"smart-select-\" + el.id].getValue();\n  },\n\n  // see updateF7SmartSelect\n  setValue: function(el, value) {\n    this[\"smart-select-\" + el.id].setValue(value);\n  },\n\n  // see updateF7SmartSelect\n  receiveMessage: function(el, data) {\n    // update config\n    data.config.on = {\n      open: function(target) {\n        if (target.app.params.dark) {\n          $(target.$containerEl).addClass(\"theme-dark\");\n        }\n      }\n    }\n    if (data.hasOwnProperty(\"config\")) {\n      this[\"smart-select-\" + el.id].destroy();\n      data.config.el = '#' + $(el).attr('id');\n      this[\"smart-select-\" + el.id] = app.smartSelect.create(data.config);\n    }\n\n    // ad multiple property\n    if (data.hasOwnProperty(\"multiple\")) {\n      // we need to destroy the input, modify the tag and create the instance\n      if (data.multiple) {\n        this[\"smart-select-\" + el.id].destroy();\n        $(el).find('select').attr('multiple', '');\n        data.config.el = '#' + $(el).attr('id');\n        this[\"smart-select-\" + el.id] = app.smartSelect.create(data.config);\n      }\n    }\n\n    // max length\n    if (data.hasOwnProperty(\"maxLength\")) {\n      this[\"smart-select-\" + el.id].destroy();\n      $(el).find('select').attr('maxLength', data.maxLength);\n      data.config.el = '#' + $(el).attr('id');\n      this[\"smart-select-\" + el.id] = app.smartSelect.create(data.config);\n    }\n\n    // update choices\n    var setOption = function(value) {\n      return \"<option value = '\" + value + \"'>\" + value + \"</option>\";\n    };\n\n    if (data.hasOwnProperty(\"choices\")) {\n      // clear all previous options\n      $(el).find(\"select\").empty();\n      // add new choices\n      $.each(data.choices, function (index) {\n        var temp = data.choices[index];\n        $(el).find(\"select\").append(setOption(temp));\n      });\n    }\n\n    // update selected\n    if (data.hasOwnProperty(\"selected\")) {\n      this.setValue(el, data.selected);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7SmartSelectBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7SmartSelectBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7SmartSelectBinding, 'f7.smartselect');","// Input binding\nvar f7StepperBinding = new Shiny.InputBinding();\n\n$.extend(f7StepperBinding, {\n\n  initialize: function(el) {\n\n    // recover the inputId passed in the R function\n    var id = $(el).attr(\"id\");\n\n    var data = {};\n    [].forEach.call(el.attributes, function(attr) {\n      if (/^data-/.test(attr.name)) {\n        var camelCaseName = attr.name.substr(5).replace(/-(.)/g, function ($0, $1) {\n          return $1.toUpperCase();\n        });\n        // convert \"true\" to true and \"false\" to false\n        if ([\"min\", \"max\", \"step\", \"value\", \"decimalPoint\"].indexOf(camelCaseName) == -1) {\n          var isTrueSet = (attr.value == 'true');\n          data[camelCaseName] = isTrueSet;\n        } else {\n          // convert strings to numeric\n          data[camelCaseName] = parseFloat(attr.value);\n        }\n\n      }\n    });\n\n    // add the id\n    data.el = '#' + id;\n\n    // feed the create method\n    var s = app.stepper.create(data);\n\n    // add readonly attr if the stepper is initially\n    // not in manual mode\n    if (!data.manualInputMode) {\n      var inputTarget = $(el).find('input');\n      $(inputTarget).attr('readonly', '');\n    }\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".stepper\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return app.stepper.get($(el)).value;\n  },\n\n  // see updateF7Stepper\n  setValue: function(el, value) {\n    app.stepper.setValue(el, value);\n  },\n\n  // the 2 methods below are needed by incrementF7Stepper\n  // and decrementF7Stepper\n  increment: function() {\n    app.stepper.increment();\n  },\n\n  decrement: function() {\n    app.stepper.decrement();\n  },\n\n  // see updateF7Stepper\n  receiveMessage: function(el, data) {\n    // create a variable to update the stepper\n    var s = app.stepper.get($(el));\n\n    // for some reason, we need to update both\n    // min and params.min fields\n    if (data.hasOwnProperty('min')) {\n      s.min = data.min;\n      s.params.min = data.min;\n    }\n    // for some reason, we need to update both\n    // max and params.max fields\n    if (data.hasOwnProperty('max')) {\n      s.max = data.max;\n      s.params.max = data.max;\n    }\n    if (data.hasOwnProperty('wraps')) {\n      s.params.wraps = data.wraps;\n    }\n    if (data.hasOwnProperty('decimalPoint')) {\n      s.decimalPoint = data.decimalPoint;\n      s.params.decimalPoint = data.decimalPoint;\n    }\n\n    // handle the readOnly property\n    if (data.hasOwnProperty('manual')) {\n      s.params.manualInputMode = data.manual;\n      var inputTarget = $(el).find('input');\n      if (data.manual) {\n        if (typeof $(inputTarget).attr('readonly') !== typeof undefined) {\n          $(inputTarget).removeAttr('readonly');\n        }\n      } else {\n        $(inputTarget).attr('readonly', '');\n      }\n    }\n    // for some reason, we need to update both\n    // step and params.step fields\n    if (data.hasOwnProperty('step')) {\n      s.step = data.step;\n      s.params.step = data.step;\n    }\n\n    // this does not work\n    if (data.hasOwnProperty('autorepeat')) {\n      s.params.autorepeat = data.autorepeat;\n      s.params.autorepeatDynamic = data.autorepeat;\n    }\n\n    // CSS properties\n    if (data.hasOwnProperty('rounded')) {\n      if (data.rounded) {\n        $(el).addClass(\"stepper-round\");\n      } else {\n        $(el).removeClass(\"stepper-round\");\n      }\n    }\n    if (data.hasOwnProperty('raised')) {\n      if (data.raised) {\n        $(el).addClass('stepper-raised');\n      } else {\n        $(el).removeClass('stepper-raised');\n      }\n    }\n    if (data.hasOwnProperty('color')) {\n      $(el).removeClass (function (index, className) {\n        return (className.match (/(^|\\s)color-\\S+/g) || []).join(' ');\n      });\n      $(el).addClass('color-' + data.color);\n    }\n\n    // stepper size\n    if (data.hasOwnProperty('size')) {\n      if ($(el).hasClass('stepper-small') || $(el).hasClass('stepper-large')) {\n        if ($(el).hasClass('stepper-small') && data.size == \"large\") {\n          $(el).removeClass('stepper-small');\n          $(el).addClass('stepper-large');\n        } else if ($(el).hasClass('stepper-large') && data.size == \"small\") {\n          $(el).addClass('stepper-small');\n          $(el).removeClass('stepper-large');\n        }\n      } else {\n        if (data.size == \"small\") {\n          $(el).addClass('stepper-small');\n        } else if (data.size == \"large\") {\n          $(el).addClass('stepper-large');\n        }\n      }\n    }\n\n    // Update value\n    if (data.hasOwnProperty('value')) {\n      this.setValue(el, data.value);\n      s.params.value = data.value;\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on('stepper:change.f7StepperBinding', function(e) {\n      // no need to debounce here\n      // except if autorepeat is set\n      // then we send the value once\n      // the + or - buttons is released\n      var s = app.stepper.get($(el));\n      if (s.params.autorepeat) {\n        callback(true);\n      } else {\n        callback();\n      }\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off('.f7StepperBinding');\n  },\n\n  // The input rate limiting policy\n  getRatePolicy: function() {\n    return {\n      // Can be 'debounce' or 'throttle'\n      policy: 'debounce',\n      delay: 500\n    };\n  }\n});\n\nShiny.inputBindings.register(f7StepperBinding, 'f7.stepper');","// Input binding\nvar f7TabsBinding = new Shiny.InputBinding();\n\n$.extend(f7TabsBinding, {\n\n  find: function(scope) {\n    return $(scope).find(\".tabs\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var activeTab;\n    if ($(el).hasClass('standalone')) {\n      activeTab = $(el).find(\".tab-active\");\n    } else {\n      activeTab = $(el).find(\".page-content.tab-active\");\n    }\n    // below to handle hidden tabs\n    // the android highlight bar must not be\n    // present since hidden tabs are not part of\n    // the menu.\n    if ($(activeTab).data('hidden')) {\n      $('.tab-link-highlight').hide();\n    } else {\n      $('.tab-link-highlight').show();\n    }\n    return $(activeTab).attr(\"data-value\") !== undefined ? $(activeTab).attr(\"data-value\"): null;\n  },\n\n  // see updateF7Tabs\n  receiveMessage: function(el, data) {\n    // update the active tab\n    if (data.hasOwnProperty('selected')) {\n      app.tab.show('#' + data.ns + '-' + data.selected);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"tab:show.f7TabsBinding\", function(e) {\n      $(el).trigger('shown');\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7TabsBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7TabsBinding, 'f7.tabs');","// Input binding\nvar f7ToggleBinding = new Shiny.InputBinding();\n\n$.extend(f7ToggleBinding, {\n\n  initialize: function(el) {\n    app.toggle.create({el: el});\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".toggle\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    return app.toggle.get($(el)).checked;\n  },\n\n  // see updateF7Toggle\n  setValue: function(el, value) {\n    var t = app.toggle.get($(el));\n    t.checked = value;\n  },\n\n  // see updateF7Toggle\n  receiveMessage: function(el, data) {\n    if (data.hasOwnProperty(\"checked\")) {\n      this.setValue(el, data.checked);\n    }\n    if (data.hasOwnProperty(\"color\")) {\n      $(el).removeClass (function (index, className) {\n    return (className.match (/(^|\\s)color-\\S+/g) || []).join(' ');\n});\n      $(el).addClass(\"color-\" + data.color);\n    }\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"toggle:change.f7ToggleBinding\", function(e) {\n      // no need to debounce here\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7ToggleBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7ToggleBinding, 'f7.toggle');","// Input binding\nvar f7VirtualListBinding = new Shiny.InputBinding();\n\n$.extend(f7VirtualListBinding, {\n\n  // decode html so that images tag are converted to strings\n  decodeHTML: function (html) {\n    var txt = document.createElement('textarea');\n\t  txt.innerHTML = html;\n\t  return txt.value;\n  },\n\n  initialize: function(el) {\n    var id = $(el).attr('id');\n    var config = $(el).find(\"script[data-for='\" + id + \"']\");\n    config = JSON.parse(config.html());\n\n    config.el = '#' + id;\n\n    // treat all item images\n    for (var item of config.items) {\n      if (item.media.length > 0) {\n        item.media = '<div class=\"item-media\">' + this.decodeHTML(item.media) + '</div>';\n      }\n    }\n\n    var template;\n    if (config.items[0].url === undefined) {\n        template = '<li>' +\n  '<div class=\"item-content\">' +\n    '{{media}}' +\n    '<div class=\"item-inner\">' +\n      '<div class=\"item-title-row\">' +\n        '<div class=\"item-title\">' +\n          '<div class=\"item-header\">{{header}}</div>' +\n          '{{title}}' +\n          '<div class=\"item-footer\">{{footer}}</div>' +\n        '</div>' +\n        '<div class=\"item-after\">{{right}}</div>' +\n      '</div>' +\n      '<div class=\"item-subtitle\">{{subtitle}}</div>' +\n      '<div class=\"item-text\">{{content}}</div>' +\n    '</div>' +\n  '</div>' +\n'</li>';\n      } else {\n        template = '<li>' +\n  '<a class=\"item-link item-content external\" href=\"url\" target=\"_blank\">' +\n    '{{media}}' +\n    '<div class=\"item-inner\">' +\n      '<div class=\"item-title-row\">' +\n        '<div class=\"item-title\">' +\n          '<div class=\"item-header\">{{header}}</div>' +\n          '{{title}}' +\n          '<div class=\"item-footer\">{{footer}}</div>' +\n        '</div>' +\n        '<div class=\"item-after\">{{right}}</div>' +\n      '</div>' +\n      '<div class=\"item-subtitle\">{{subtitle}}</div>' +\n      '<div class=\"item-text\">{{content}}</div>' +\n    '</div>' +\n  '</a>' +\n'</li>';\n      }\n    config.itemTemplate = template;\n\n    // Custom search function for searchbar\n    config.searchAll = function (query, items) {\n      var found = [];\n      for (var i = 0; i < items.length; i++) {\n        if (items[i].title.toLowerCase().indexOf(query.toLowerCase()) >= 0 || query.trim() === '') found.push(i);\n      }\n      return found; //return array with mathced indexes\n    };\n\n    // Item height\n    config.height = config.items[0].media !== undefined ? app.theme === 'ios' ? 112 : (app.theme === 'md' ? 132 : 78) : (app.theme === 'ios' ? 63 : (app.theme === 'md' ? 73 : 46));\n\n    // feed the create method\n    app.virtualList.create(config);\n  },\n\n  find: function(scope) {\n    return $(scope).find(\".virtual-list\");\n  },\n\n  // Given the DOM element for the input, return the value\n  getValue: function(el) {\n    var vl = app.virtualList.get($(el));\n    return {\n      length: vl.items.length,\n      current_from: vl.currentFromIndex + 1,\n      current_to: vl.currentToIndex + 1,\n      reach_end: vl.reachEnd\n    };\n  },\n\n  // see updateF7VirtualList\n  setValue: function(el, value) {\n    var vl = app.virtualList.get($(el));\n    vl.resetFilter();\n\n    var addImageWrapper = function(items) {\n      var temp;\n      // handle single item\n      if (items.length === undefined) {\n        temp = `<div class=\"item-media\">${items.media}</div>`;\n        items.media = temp;\n      } else {\n        for (var i = 0; i < items.length; i++) {\n          temp = `<div class=\"item-media\">${items[i].media}</div>`;\n          items[i].media = temp;\n        }\n      }\n      return(items);\n    };\n\n    switch (value.action) {\n      case 'appendItem':\n        vl.appendItem(addImageWrapper(value.item));\n        break;\n      case 'prependItem':\n        vl.prependItem(addImageWrapper(value.item));\n        break;\n      case 'appendItems':\n        vl.appendItems(addImageWrapper(value.items));\n        break;\n      case 'prependItems':\n        vl.prependItems(addImageWrapper(value.items));\n        break;\n      case 'replaceItem':\n        vl.replaceItem(value.index, value.item);\n        break;\n      case 'replaceAllItems':\n        vl.replaceAllItems(value.items);\n        break;\n      case 'moveItem':\n        vl.moveItem(value.oldIndex, value.newIndex);\n        break;\n      case 'insertItemBefore':\n        vl.insertItemBefore(value.index, addImageWrapper(value.item));\n        break;\n      case 'filterItems':\n         vl.filterItems(value.indexes);\n        break;\n      case 'deleteItem':\n        vl.deleteItem(value.index);\n        break;\n      case 'deleteAllItems':\n        vl.deleteAllItems(value.indexes);\n        break;\n      case 'scrollToItem':\n        vl.scrollToItem(value.index);\n        break;\n      default:\n        //console.log('');\n    }\n\n    $(el).trigger('change');\n  },\n\n  // see updateF7VirtualList\n  receiveMessage: function(el, data) {\n    this.setValue(el, data);\n  },\n\n  subscribe: function(el, callback) {\n    $(el).on(\"change.f7VirtualListBinding\", function(e) {\n      callback();\n    });\n  },\n\n  unsubscribe: function(el) {\n    $(el).off(\".f7VirtualListBinding\");\n  }\n});\n\nShiny.inputBindings.register(f7VirtualListBinding, 'f7.virtuallist');"]}

From fd4ee97e744d705a88adaab932e42cdd0fe4646d Mon Sep 17 00:00:00 2001
From: DavidNojnarg <dgranjon@ymail.com>
Date: Sat, 15 Jul 2023 15:34:56 +0000
Subject: [PATCH 04/19] add tabs title

---
 inst/examples/gallery/tabs/tabBtns.R   | 1 +
 inst/examples/gallery/tabs/tabCards.R  | 1 +
 inst/examples/gallery/tabs/tabChat.R   | 1 +
 inst/examples/gallery/tabs/tabInfo.R   | 1 +
 inst/examples/gallery/tabs/tabInputs.R | 1 +
 inst/examples/gallery/tabs/tabLists.R  | 1 +
 inst/examples/gallery/tabs/tabOthers.R | 1 +
 7 files changed, 7 insertions(+)

diff --git a/inst/examples/gallery/tabs/tabBtns.R b/inst/examples/gallery/tabs/tabBtns.R
index 618faa38..648cfd5c 100644
--- a/inst/examples/gallery/tabs/tabBtns.R
+++ b/inst/examples/gallery/tabs/tabBtns.R
@@ -1,4 +1,5 @@
 tabBtns <- f7Tab(
+  title = "Buttons",
   tabName = "FABs",
   icon = f7Icon("circle_grid_hex"),
   active = FALSE,
diff --git a/inst/examples/gallery/tabs/tabCards.R b/inst/examples/gallery/tabs/tabCards.R
index fd03a86c..5b0ddd72 100644
--- a/inst/examples/gallery/tabs/tabCards.R
+++ b/inst/examples/gallery/tabs/tabCards.R
@@ -1,4 +1,5 @@
 tabCards <- f7Tab(
+  title = "Cards",
   tabName = "Cards",
   icon = f7Icon("rectangle_stack", f7Badge(8, color = "green")),
   active = FALSE,
diff --git a/inst/examples/gallery/tabs/tabChat.R b/inst/examples/gallery/tabs/tabChat.R
index 8ff6b3b0..ba7b8981 100644
--- a/inst/examples/gallery/tabs/tabChat.R
+++ b/inst/examples/gallery/tabs/tabChat.R
@@ -1,4 +1,5 @@
 tabText <- f7Tab(
+  title = "Chat",
   tabName = "chat",
   icon = f7Icon("chat_bubble_2"),
   # this is the message container. Everything happens on the server side!
diff --git a/inst/examples/gallery/tabs/tabInfo.R b/inst/examples/gallery/tabs/tabInfo.R
index 858f977b..7af4ce6a 100644
--- a/inst/examples/gallery/tabs/tabInfo.R
+++ b/inst/examples/gallery/tabs/tabInfo.R
@@ -1,4 +1,5 @@
 tabInfo <- f7Tab(
+  title = "Info",
   tabName = "Popups",
   icon = f7Icon("info_round_fill"),
 
diff --git a/inst/examples/gallery/tabs/tabInputs.R b/inst/examples/gallery/tabs/tabInputs.R
index 8a3fc490..18ca3d9d 100644
--- a/inst/examples/gallery/tabs/tabInputs.R
+++ b/inst/examples/gallery/tabs/tabInputs.R
@@ -1,4 +1,5 @@
 tabInputs <- f7Tab(
+  title = "Inputs",
   tabName = "Inputs",
   icon = f7Icon("rocket_fill"),
   active = TRUE,
diff --git a/inst/examples/gallery/tabs/tabLists.R b/inst/examples/gallery/tabs/tabLists.R
index 5ec6edd5..b5c8ed7b 100644
--- a/inst/examples/gallery/tabs/tabLists.R
+++ b/inst/examples/gallery/tabs/tabLists.R
@@ -14,6 +14,7 @@
 
 
 tabLists <- f7Tab(
+  title = "Lists",
   tabName = "Lists",
   icon = f7Icon("list_dash", f7Badge("New", color = "red")),
   active = FALSE,
diff --git a/inst/examples/gallery/tabs/tabOthers.R b/inst/examples/gallery/tabs/tabOthers.R
index 11a67a9a..57fc5f54 100644
--- a/inst/examples/gallery/tabs/tabOthers.R
+++ b/inst/examples/gallery/tabs/tabOthers.R
@@ -1,4 +1,5 @@
 tabOthers <- f7Tab(
+  title = "Others",
   tabName = "Others",
   icon = f7Icon("plus_circle"),
 

From 29fac0df63da44179e635127777c290b3c6f88fc Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Sat, 20 Jan 2024 21:56:13 +0100
Subject: [PATCH 05/19] start add webR to pkgdown infra

---
 DESCRIPTION                             |    5 +-
 R/utils.R                               |   33 +
 _pkgdown.yml                            |   16 +-
 docs/404.html                           |  257 +--
 docs/CODE_OF_CONDUCT.html               |  305 +--
 docs/articles/Gadgets.html              |  197 +-
 docs/articles/Single-Layout.html        |  326 ++--
 docs/articles/Split-Layout.html         |  557 +++---
 docs/articles/Tabs-Layout.html          |  530 +++---
 docs/articles/index.html                |  258 +--
 docs/articles/shinyMobile.html          |  705 +++----
 docs/articles/shinyMobile_tools.html    |  570 +++---
 docs/authors.html                       |  308 ++-
 docs/extra.css                          |   24 +
 docs/index.html                         |  334 ++--
 docs/news/index.html                    |  779 ++++----
 docs/pkgdown.css                        |   83 +-
 docs/pkgdown.js                         |  176 +-
 docs/pkgdown.yml                        |    6 +-
 docs/reference/authentication.html      |  712 +++----
 docs/reference/class2f7.html            |  257 +--
 docs/reference/createSelectOptions.html |  267 +--
 docs/reference/create_app_ui.html       |  283 +--
 docs/reference/f7Align.html             |  324 ++--
 docs/reference/f7Badge.html             |  330 ++--
 docs/reference/f7BlockFooter.html       |  266 +--
 docs/reference/f7BlockTitle.html        |  272 +--
 docs/reference/f7Chip.html              |  374 ++--
 docs/reference/f7Col.html               |  273 +--
 docs/reference/f7ColorPicker.html       |  423 ++---
 docs/reference/f7Dialog.html            |  549 +++---
 docs/reference/f7DownloadButton.html    |  344 ++--
 docs/reference/f7FabClose.html          |  259 +--
 docs/reference/f7File.html              |  358 ++--
 docs/reference/f7Flex.html              |  316 ++--
 docs/reference/f7Float.html             |  318 ++--
 docs/reference/f7Found.html             |  261 +--
 docs/reference/f7Gallery.html           |  261 +--
 docs/reference/f7HideOnEnable.html      |  259 +--
 docs/reference/f7HideOnSearch.html      |  259 +--
 docs/reference/f7Icon.html              |  371 ++--
 docs/reference/f7Item.html              |  272 +--
 docs/reference/f7Items.html             |  266 +--
 docs/reference/f7Link.html              |  326 ++--
 docs/reference/f7List.html              |  425 ++---
 docs/reference/f7ListGroup.html         |  265 +--
 docs/reference/f7ListIndex.html         |  374 ++--
 docs/reference/f7ListItem.html          |  323 ++--
 docs/reference/f7Margin.html            |  342 ++--
 docs/reference/f7NotFound.html          |  259 +--
 docs/reference/f7Notif.html             |  409 ++--
 docs/reference/f7Padding.html           |  334 ++--
 docs/reference/f7Page.html              |  340 ++--
 docs/reference/f7Password.html          |  337 ++--
 docs/reference/f7PhotoBrowser.html      |  367 ++--
 docs/reference/f7Popup.html             |  456 ++---
 docs/reference/f7Row.html               |  342 ++--
 docs/reference/f7SearchIgnore.html      |  259 +--
 docs/reference/f7Searchbar.html         |  491 ++---
 docs/reference/f7SearchbarTrigger.html  |  257 +--
 docs/reference/f7Segment.html           |  436 ++---
 docs/reference/f7Shadow.html            |  346 ++--
 docs/reference/f7SingleLayout.html      |  380 ++--
 docs/reference/f7Skeleton.html          |  367 ++--
 docs/reference/f7Slide.html             |  259 +--
 docs/reference/f7SplitLayout.html       |  433 ++---
 docs/reference/f7SubNavbar.html         |  370 ++--
 docs/reference/f7Tab.html               |  304 +--
 docs/reference/f7TabLayout.html         |  571 +++---
 docs/reference/f7TabLink.html           |  277 +--
 docs/reference/f7Table.html             |  327 ++--
 docs/reference/f7Tabs.html              |  629 +++----
 docs/reference/f7TapHold.html           |  331 ++--
 docs/reference/f7Toast.html             |  385 ++--
 docs/reference/f7Toolbar.html           |  321 ++--
 docs/reference/getF7Colors.html         |  252 +--
 docs/reference/index.html               | 2289 ++++++++++-------------
 docs/reference/pipe.html                |  244 +--
 docs/reference/preloader.html           |  454 ++---
 docs/reference/preview_mobile.html      |  339 ++--
 docs/reference/sheet.html               |  503 ++---
 docs/reference/updateF7Tabs.html        |  514 ++---
 docs/reference/updateF7VirtualList.html |  707 +++----
 man/create_app_link.Rd                  |   21 +
 pkgdown/extra.css                       |   24 +
 vignettes/Single-Layout.Rmd             |   27 +-
 86 files changed, 11575 insertions(+), 18784 deletions(-)
 create mode 100644 man/create_app_link.Rd

diff --git a/DESCRIPTION b/DESCRIPTION
index 899b0320..ab416b88 100644
--- a/DESCRIPTION
+++ b/DESCRIPTION
@@ -23,7 +23,7 @@ License: GPL-2
 Encoding: UTF-8
 URL: https://github.com/RinteRface/shinyMobile, https://rinterface.github.io/shinyMobile/
 BugReports: https://github.com/RinteRface/shinyMobile/issues
-RoxygenNote: 7.2.1
+RoxygenNote: 7.2.3
 Suggests: 
     knitr,
     rmarkdown,
@@ -34,5 +34,6 @@ Suggests:
     shinyWidgets,
     apexcharter,
     ggplot2,
-    dplyr
+    dplyr,
+    bslib
 VignetteBuilder: knitr
diff --git a/R/utils.R b/R/utils.R
index 66ec3605..c6c9e94e 100644
--- a/R/utils.R
+++ b/R/utils.R
@@ -201,3 +201,36 @@ get_args <- function(level) {
   cl <- match.call(definition=f, call=cl)
   as.list(cl)[-1]
 }
+
+#' Create shinylive iframe
+#'
+#' @param app_code base64 app code. You can create it from https://shinylive.io/r
+#' by writing code and click on share and copy the link. The code is located at
+#' the end of the url.
+#' @param mode How to display the shinylive app. Default to app mode.
+#' @param header Whether to display the shinylive header. Default to TRUE.
+#'
+#' @keywords internal
+create_app_link <- function(app_code, mode = c("app", "editor"), header = TRUE) {
+  mode <- match.arg(mode)
+
+  app_url <- sprintf(
+    "https://shinylive.io/r/%s/#code=%s", mode, app_code
+  )
+
+  if (!header) {
+    app_url <- paste0(app_url, "&h=0")
+  }
+
+  shiny::tags$iframe(
+    # To allow the content to fill the full screen card
+    class = "html-fill-item",
+    src = app_url,
+    height = "700",
+    width = "100%",
+    style = "border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;",
+    allowfullscreen = "",
+    allow = "autoplay",
+    `data-external` = "1"
+  )
+}
diff --git a/_pkgdown.yml b/_pkgdown.yml
index 1c9e0d7f..56dad468 100644
--- a/_pkgdown.yml
+++ b/_pkgdown.yml
@@ -284,10 +284,18 @@ reference:
 
 
 template:
-  params:
-    bootswatch: readable
-
-
+  bootstrap: 5
+  bslib:
+    info: "#E6F2FD"
+    pkgdown-nav-height: 100px
+  includes:
+    in_header: >
+      <link href ="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
+
+navbar:
+  bg: info
+  type: light
 
 news:
  releases:
diff --git a/docs/404.html b/docs/404.html
index be0d7377..85f444f6 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -1,201 +1,124 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <title>Page not found (404) • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
+<!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
 <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="bootstrap-toc.css">
-<script src="bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="pkgdown.css" rel="stylesheet">
-<script src="pkgdown.js"></script>
-
-
-
-  <link href="extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Page not found (404)" />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png">
+<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png">
+<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png">
+<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png">
+<script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<link href="deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet">
+<script src="deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
+<!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet">
+<meta property="og:title" content="Page not found (404)">
+<meta property="og:image" content="/logo.png">
+<!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-title-body">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
+</head>
+<body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
+
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="index.html">shinyMobile</a>
+
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
+
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto">
+<li class="nav-item">
+  <a class="nav-link" href="articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="articles/shinyMobile.html">Get started</a>
+<li class="nav-item">
+  <a class="nav-link" href="reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="news/index.html">Changelog</a>
+  </div>
 </li>
       </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+<form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="search.json" id="search-input" placeholder="Search for" autocomplete="off">
+</form>
+
+      <ul class="navbar-nav">
+<li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
       </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+</div>
 
+    
+  </div>
+</nav><div class="container template-title-body">
 <div class="row">
-  <div class="contents col-md-9">
-    <div class="page-header">
-      <h1>Page not found (404)</h1>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="logo.png" class="logo" alt=""><h1>Page not found (404)</h1>
+      
     </div>
 
 Content not found. Please use links in the navbar.
 
-  </div>
-
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-
+  </main>
 </div>
 
 
-
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p>
+<p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p>
+<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer>
+</div>
 
   
 
+  
 
   </body>
 </html>
-
-
diff --git a/docs/CODE_OF_CONDUCT.html b/docs/CODE_OF_CONDUCT.html
index 88b32639..d2cd5cbb 100644
--- a/docs/CODE_OF_CONDUCT.html
+++ b/docs/CODE_OF_CONDUCT.html
@@ -1,282 +1,159 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Contributor Covenant Code of Conduct • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="bootstrap-toc.css">
-<script src="bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="pkgdown.css" rel="stylesheet">
-<script src="pkgdown.js"></script>
-
-
-
-  <link href="extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Contributor Covenant Code of Conduct" />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Contributor Covenant Code of Conduct • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png"><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><meta property="og:title" content="Contributor Covenant Code of Conduct"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-title-body">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="reference/index.html">Reference</a>
+<li class="nav-item">
+  <a class="nav-link" href="reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-title-body">
 <div class="row">
-  <div class="contents col-md-9">
-    <div class="page-header">
-      <h1>Contributor Covenant Code of Conduct</h1>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="logo.png" class="logo" alt=""><h1>Contributor Covenant Code of Conduct</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/CODE_OF_CONDUCT.md" class="external-link"><code>CODE_OF_CONDUCT.md</code></a></small>
     </div>
 
 <div id="contributor-covenant-code-of-conduct" class="section level1">
 
-<div id="our-pledge" class="section level2">
-<h2 class="hasAnchor">
-<a href="#our-pledge" class="anchor"></a>Our Pledge</h2>
+<div class="section level2">
+<h2 id="our-pledge">Our Pledge<a class="anchor" aria-label="anchor" href="#our-pledge"></a></h2>
 <p>We as members, contributors, and leaders pledge to make participation in our community a harassment-free experience for everyone, regardless of age, body size, visible or invisible disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation.</p>
 <p>We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community.</p>
 </div>
-<div id="our-standards" class="section level2">
-<h2 class="hasAnchor">
-<a href="#our-standards" class="anchor"></a>Our Standards</h2>
+<div class="section level2">
+<h2 id="our-standards">Our Standards<a class="anchor" aria-label="anchor" href="#our-standards"></a></h2>
 <p>Examples of behavior that contributes to a positive environment for our community include:</p>
-<ul>
-<li>Demonstrating empathy and kindness toward other people</li>
+<ul><li>Demonstrating empathy and kindness toward other people</li>
 <li>Being respectful of differing opinions, viewpoints, and experiences</li>
 <li>Giving and gracefully accepting constructive feedback</li>
 <li>Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience</li>
 <li>Focusing on what is best not just for us as individuals, but for the overall community</li>
-</ul>
-<p>Examples of unacceptable behavior include:</p>
-<ul>
-<li>The use of sexualized language or imagery, and sexual attention or advances of any kind</li>
+</ul><p>Examples of unacceptable behavior include:</p>
+<ul><li>The use of sexualized language or imagery, and sexual attention or advances of any kind</li>
 <li>Trolling, insulting or derogatory comments, and personal or political attacks</li>
 <li>Public or private harassment</li>
 <li>Publishing others’ private information, such as a physical or email address, without their explicit permission</li>
 <li>Other conduct which could reasonably be considered inappropriate in a professional setting</li>
-</ul>
-</div>
-<div id="enforcement-responsibilities" class="section level2">
-<h2 class="hasAnchor">
-<a href="#enforcement-responsibilities" class="anchor"></a>Enforcement Responsibilities</h2>
+</ul></div>
+<div class="section level2">
+<h2 id="enforcement-responsibilities">Enforcement Responsibilities<a class="anchor" aria-label="anchor" href="#enforcement-responsibilities"></a></h2>
 <p>Community leaders are responsible for clarifying and enforcing our standards of acceptable behavior and will take appropriate and fair corrective action in response to any behavior that they deem inappropriate, threatening, offensive, or harmful.</p>
 <p>Community leaders have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, and will communicate reasons for moderation decisions when appropriate.</p>
 </div>
-<div id="scope" class="section level2">
-<h2 class="hasAnchor">
-<a href="#scope" class="anchor"></a>Scope</h2>
+<div class="section level2">
+<h2 id="scope">Scope<a class="anchor" aria-label="anchor" href="#scope"></a></h2>
 <p>This Code of Conduct applies within all community spaces, and also applies when an individual is officially representing the community in public spaces. Examples of representing our community include using an official e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event.</p>
 </div>
-<div id="enforcement" class="section level2">
-<h2 class="hasAnchor">
-<a href="#enforcement" class="anchor"></a>Enforcement</h2>
+<div class="section level2">
+<h2 id="enforcement">Enforcement<a class="anchor" aria-label="anchor" href="#enforcement"></a></h2>
 <p>Instances of abusive, harassing, or otherwise unacceptable behavior may be reported to the community leaders responsible for enforcement at [INSERT CONTACT METHOD]. All complaints will be reviewed and investigated promptly and fairly.</p>
 <p>All community leaders are obligated to respect the privacy and security of the reporter of any incident.</p>
 </div>
-<div id="enforcement-guidelines" class="section level2">
-<h2 class="hasAnchor">
-<a href="#enforcement-guidelines" class="anchor"></a>Enforcement Guidelines</h2>
+<div class="section level2">
+<h2 id="enforcement-guidelines">Enforcement Guidelines<a class="anchor" aria-label="anchor" href="#enforcement-guidelines"></a></h2>
 <p>Community leaders will follow these Community Impact Guidelines in determining the consequences for any action they deem in violation of this Code of Conduct:</p>
-<div id="1-correction" class="section level3">
-<h3 class="hasAnchor">
-<a href="#1-correction" class="anchor"></a>1. Correction</h3>
+<div class="section level3">
+<h3 id="id_1-correction">1. Correction<a class="anchor" aria-label="anchor" href="#id_1-correction"></a></h3>
 <p><strong>Community Impact</strong>: Use of inappropriate language or other behavior deemed unprofessional or unwelcome in the community.</p>
 <p><strong>Consequence</strong>: A private, written warning from community leaders, providing clarity around the nature of the violation and an explanation of why the behavior was inappropriate. A public apology may be requested.</p>
 </div>
-<div id="2-warning" class="section level3">
-<h3 class="hasAnchor">
-<a href="#2-warning" class="anchor"></a>2. Warning</h3>
+<div class="section level3">
+<h3 id="id_2-warning">2. Warning<a class="anchor" aria-label="anchor" href="#id_2-warning"></a></h3>
 <p><strong>Community Impact</strong>: A violation through a single incident or series of actions.</p>
 <p><strong>Consequence</strong>: A warning with consequences for continued behavior. No interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, for a specified period of time. This includes avoiding interactions in community spaces as well as external channels like social media. Violating these terms may lead to a temporary or permanent ban.</p>
 </div>
-<div id="3-temporary-ban" class="section level3">
-<h3 class="hasAnchor">
-<a href="#3-temporary-ban" class="anchor"></a>3. Temporary Ban</h3>
+<div class="section level3">
+<h3 id="id_3-temporary-ban">3. Temporary Ban<a class="anchor" aria-label="anchor" href="#id_3-temporary-ban"></a></h3>
 <p><strong>Community Impact</strong>: A serious violation of community standards, including sustained inappropriate behavior.</p>
 <p><strong>Consequence</strong>: A temporary ban from any sort of interaction or public communication with the community for a specified period of time. No public or private interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, is allowed during this period. Violating these terms may lead to a permanent ban.</p>
 </div>
-<div id="4-permanent-ban" class="section level3">
-<h3 class="hasAnchor">
-<a href="#4-permanent-ban" class="anchor"></a>4. Permanent Ban</h3>
+<div class="section level3">
+<h3 id="id_4-permanent-ban">4. Permanent Ban<a class="anchor" aria-label="anchor" href="#id_4-permanent-ban"></a></h3>
 <p><strong>Community Impact</strong>: Demonstrating a pattern of violation of community standards, including sustained inappropriate behavior, harassment of an individual, or aggression toward or disparagement of classes of individuals.</p>
 <p><strong>Consequence</strong>: A permanent ban from any sort of public interaction within the community.</p>
 </div>
 </div>
-<div id="attribution" class="section level2">
-<h2 class="hasAnchor">
-<a href="#attribution" class="anchor"></a>Attribution</h2>
-<p>This Code of Conduct is adapted from the <a href="https://www.contributor-covenant.org">Contributor Covenant</a>, version 2.0, available at <a href="https://www.contributor-covenant.org/version/2/0/" class="uri">https://www.contributor-covenant.org/version/2/0/</a> code_of_conduct.html.</p>
-<p>Community Impact Guidelines were inspired by <a href="https://github.com/mozilla/diversity">Mozilla’s code of conduct enforcement ladder</a>.</p>
-<p>For answers to common questions about this code of conduct, see the FAQ at <a href="https://www.contributor-covenant.org/faq" class="uri">https://www.contributor-covenant.org/faq</a>. Translations are available at <a href="https://" class="uri">https://</a> www.contributor-covenant.org/translations.</p>
+<div class="section level2">
+<h2 id="attribution">Attribution<a class="anchor" aria-label="anchor" href="#attribution"></a></h2>
+<p>This Code of Conduct is adapted from the <a href="https://www.contributor-covenant.org" class="external-link">Contributor Covenant</a>, version 2.0, available at <a href="https://www.contributor-covenant.org/version/2/0/" class="external-link uri">https://www.contributor-covenant.org/version/2/0/</a> code_of_conduct.html.</p>
+<p>Community Impact Guidelines were inspired by <a href="https://github.com/mozilla/diversity" class="external-link">Mozilla’s code of conduct enforcement ladder</a>.</p>
+<p>For answers to common questions about this code of conduct, see the FAQ at <a href="https://www.contributor-covenant.org/faq" class="external-link uri">https://www.contributor-covenant.org/faq</a>. Translations are available at <a href="https://" class="external-link uri">https://</a> www.contributor-covenant.org/translations.</p>
 </div>
 </div>
 
-  </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
 
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-
-
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
-</div>
-
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/articles/Gadgets.html b/docs/articles/Gadgets.html
index dcbdbe17..0af53f7d 100644
--- a/docs/articles/Gadgets.html
+++ b/docs/articles/Gadgets.html
@@ -4,7 +4,8 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="description" content="shinyMobile">
 <title>Gadgets • shinyMobile</title>
 <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
 <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
@@ -12,155 +13,133 @@
 <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png">
 <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png">
 <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png">
-<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
+<script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet">
+<script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
-<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
+<!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
 <meta property="og:title" content="Gadgets">
 <meta property="og:description" content="shinyMobile">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
 </head>
-<body data-spy="scroll" data-target="#toc">
-    <div class="container template-article">
-      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-<li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
+
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
+
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto">
+<li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="active nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider">
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
       </ul>
-<ul class="nav navbar-nav navbar-right">
-<li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+<form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off">
+</form>
+
+      <ul class="navbar-nav">
+<li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
       </ul>
 </div>
-<!--/.nav-collapse -->
+
+    
   </div>
-<!--/.container -->
-</div>
-<!--/.navbar -->
+</nav><div class="container template-article">
+
+
 
-      
 
-      </header><script src="Gadgets_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header toc-ignore">
-      <h1 data-toc-skip>Gadgets</h1>
-                        <h4 class="author">David Granjon</h4>
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Gadgets</h1>
+                        <h4 data-toc-skip class="author">David
+Granjon</h4>
             
-            <h4 class="date">2021-09-15</h4>
+            <h4 data-toc-skip class="date">2024-01-20</h4>
       
-      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/master/vignettes/Gadgets.Rmd"><code>vignettes/Gadgets.Rmd</code></a></small>
-      <div class="hidden name"><code>Gadgets.Rmd</code></div>
-
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/vignettes/Gadgets.Rmd" class="external-link"><code>vignettes/Gadgets.Rmd</code></a></small>
+      <div class="d-none name"><code>Gadgets.Rmd</code></div>
     </div>
 
     
     
-<p><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> is particularly well suited to build shiny gagdet. To convert an existing app to a gadget, wrap it in the <code><a href="https://rdrr.io/pkg/shiny/man/runGadget.html">shiny::runGadget()</a></code> function.</p>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> is particularly well suited to build shiny
+gagdet. To convert an existing app to a gadget, wrap it in the
+<code><a href="https://rdrr.io/pkg/shiny/man/runGadget.html" class="external-link">shiny::runGadget()</a></code> function.</p>
 <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.rstudio.com/">shiny</a></span><span class="op">)</span>
-<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a></span><span class="op">)</span>
-<span class="fu"><a href="https://rdrr.io/pkg/shiny/man/runGadget.html">runGadget</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html">shinyAppDir</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/system.file.html">system.file</a></span><span class="op">(</span><span class="st">"examples/tab_layout"</span>, package <span class="op">=</span> <span class="st">"shinyMobile"</span><span class="op">)</span><span class="op">)</span><span class="op">)</span></code></pre></div>
-  </div>
-
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-
-      </div>
-
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/runGadget.html" class="external-link">runGadget</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyAppDir</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/system.file.html" class="external-link">system.file</a></span><span class="op">(</span><span class="st">"examples/tab_layout"</span>, package <span class="op">=</span> <span class="st">"shinyMobile"</span><span class="op">)</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside>
 </div>
 
 
 
-      <footer><div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p>
+<p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p>
+<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
+    </footer>
 </div>
 
   
 
+  
 
   </body>
 </html>
diff --git a/docs/articles/Single-Layout.html b/docs/articles/Single-Layout.html
index c1fb682d..60e77976 100644
--- a/docs/articles/Single-Layout.html
+++ b/docs/articles/Single-Layout.html
@@ -4,7 +4,8 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="description" content="shinyMobile">
 <title>Single-Layout • shinyMobile</title>
 <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
 <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
@@ -12,220 +13,199 @@
 <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png">
 <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png">
 <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png">
-<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
+<script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet">
+<script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
-<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
+<!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
 <meta property="og:title" content="Single-Layout">
 <meta property="og:description" content="shinyMobile">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
 </head>
-<body data-spy="scroll" data-target="#toc">
-    <div class="container template-article">
-      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-<li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
+
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
+
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto">
+<li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="active nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider">
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
       </ul>
-<ul class="nav navbar-nav navbar-right">
-<li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+<form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off">
+</form>
+
+      <ul class="navbar-nav">
+<li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
       </ul>
 </div>
-<!--/.nav-collapse -->
+
+    
   </div>
-<!--/.container -->
-</div>
-<!--/.navbar -->
+</nav><div class="container template-article">
+
 
-      
 
-      </header><script src="Single-Layout_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header toc-ignore">
-      <h1 data-toc-skip>Single-Layout</h1>
-                        <h4 class="author">David Granjon</h4>
+<link href="Single-Layout_files/htmltools-fill-0.5.6.1/fill.css" rel="stylesheet">
+<script src="Single-Layout_files/bslib-webComponents-js-0.5.1/webComponents.min.js" type="module"></script><script src="Single-Layout_files/bslib-tag-require-0.5.1/tag-require.js"></script><script src="Single-Layout_files/bslib-card-js-0.5.1/card.min.js"></script><link href="Single-Layout_files/bslib-card-styles-0.5.1/card.css" rel="stylesheet">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Single-Layout</h1>
+                        <h4 data-toc-skip class="author">David
+Granjon</h4>
             
-            <h4 class="date">2021-09-15</h4>
+            <h4 data-toc-skip class="date">2024-01-20</h4>
       
-      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/master/vignettes/Single-Layout.Rmd"><code>vignettes/Single-Layout.Rmd</code></a></small>
-      <div class="hidden name"><code>Single-Layout.Rmd</code></div>
-
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/vignettes/Single-Layout.Rmd" class="external-link"><code>vignettes/Single-Layout.Rmd</code></a></small>
+      <div class="d-none name"><code>Single-Layout.Rmd</code></div>
     </div>
 
     
     
-<p><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> comes with 3 predefined layouts. <code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code> is dedicated to build simple, one-page apps or gadgets.</p>
-<link rel="stylesheet" href="/private/var/folders/lr/cb85_7yn3fv4q92hyc0yzmxc0000gn/T/RtmpCoViQ1/temp_libpath1600413d11de3/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
-<div class="marvel-device iphone8">
-<div class="top-bar"></div>
-<div class="sleep"></div>
-<div class="volume"></div>
-<div class="camera"></div>
-<div class="sensor"></div>
-<div class="speaker"></div>
-<div class="screen">
-<iframe width="100%" src="https://dgranjon.shinyapps.io/miniUI2Single" allowfullscreen="" frameborder="0" scrolling="yes" height="670"></iframe>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> comes with 3 predefined layouts.
+<code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code> is dedicated to build simple, one-page
+apps or gadgets.</p>
+<p>The app below runs with specific options:</p>
+<div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>  options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>dark <span class="op">=</span> <span class="cn">FALSE</span>, filled <span class="op">=</span> <span class="cn">FALSE</span>, theme <span class="op">=</span> <span class="st">"md"</span><span class="op">)</span>,</span>
+<span>  <span class="va">...</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/app/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGGiGzNuzRwAHgW4tyjFWPUcAJqmqsjIkxPYBzB5aKkATCpFmopKOyFgcMQQRDC0BJwA+tQkDgEqQSSh4VExEA4ABAA8ALQZiSFhEdGxGQCkAHxlIhkZDoxEAK6okfQcAG4stFD0SgLlVTUZnHQEcOzsEOwCOQCMAAzzAohTAp4QIlL8AILo-hC1jbQZALwZAGYA7AAKUA7jQ7VEqKS0JJynGXScpOzejABrT4AMW2ABkAMoAUVwF0USjMIPB0NhpG4cHgnwCMDM8Vwjwyr1ISixYBkrAyaFQAXxB1qF0uEL4DiUYKgrCavwJtWg7XoLE+VwAclA+Sx9vTJYTaMS4KSmekSWyOY1SDTufT9LRGHQIHKzgAVLAAVRhGtqPCgZiIAHdPkbTRqBLSpYSiERqPzGILLgb3Z7xeaMqgiJwZW8DmcAvRXKRQuq6a6rmC+AD2NQenBqKSUxAgbMaRluIw4OdSdxSKRUJxEAB6Ws2xsYBzullwDDEGB4oPJ1PpzPZqNgXNAtyF4ul8uV6t1htNltENsd+NgFSu50agDEGRgUD4GWC5DIGquEP01ptEtdGT4R7DpApZ1mADYXdfuER2nBvYaTWbE1KVwAMIsGYV7XtKsqkiBjCIuiVrfgmEG1Fouj6IwpAAPKqqgqr+CgJZQEB6FqquQZrlKFG1BRG50pw35fj+FyNBABCvCQ7B8LhpCwpy3H9CABJ8aqAAkLBwERJHZHkJYQGY367DoegGOwgkAShqA6OBUreL4nwFMkxRpA4b6ug+mmkuJUBIdeu7oMynxQHAnDaa62ifLpcCmdej4ZJ01CNHA8yzN5Sbwp8nSMN0vRwORToDNU6n0lA2iRKwKW0C58kELQu7UJwACSEDAjEPifB4CUZNuECNDA9DfhkRBltluVQPlboZACcBwNSSUoalykYVwvgEF1iK-qa-SVIlEEpWlGUubu7lnAALKi4QAtsMBNGQnwrVRGQAL4UYdIgCGAh0ALpAA&amp;h=0" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen="" allow="autoplay" data-external="1"></iframe>
 </div>
-<div class="home"></div>
-<div class="bottom-bar"></div>
+<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
+</bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
 </div>
-<div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.rstudio.com/">shiny</a></span><span class="op">)</span>
-<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a></span><span class="op">)</span>
-<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter">apexcharter</a></span><span class="op">)</span>
-<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://dplyr.tidyverse.org">dplyr</a></span><span class="op">)</span>
-<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org">ggplot2</a></span><span class="op">)</span>
-
-<span class="fu"><a href="https://rdrr.io/r/utils/data.html">data</a></span><span class="op">(</span><span class="st">"economics_long"</span><span class="op">)</span>
-<span class="va">economics_long</span> <span class="op">&lt;-</span> <span class="va">economics_long</span> <span class="op">%&gt;%</span>
-  <span class="fu"><a href="https://dplyr.tidyverse.org/reference/group_by.html">group_by</a></span><span class="op">(</span><span class="va">variable</span><span class="op">)</span> <span class="op">%&gt;%</span>
-  <span class="fu"><a href="https://dplyr.tidyverse.org/reference/slice.html">slice</a></span><span class="op">(</span><span class="op">(</span><span class="fu"><a href="https://dplyr.tidyverse.org/reference/context.html">n</a></span><span class="op">(</span><span class="op">)</span><span class="op">-</span><span class="fl">100</span><span class="op">)</span><span class="op">:</span><span class="fu"><a href="https://dplyr.tidyverse.org/reference/context.html">n</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span>
-
-
-<span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html">shinyApp</a></span><span class="op">(</span>
-  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span>
-    title <span class="op">=</span> <span class="st">"My app"</span>,
-    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span>
-      navbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Navbar.html">f7Navbar</a></span><span class="op">(</span>
-        title <span class="op">=</span> <span class="st">"Single Layout"</span>,
-        hairline <span class="op">=</span> <span class="cn">TRUE</span>,
-        shadow <span class="op">=</span> <span class="cn">TRUE</span>
-      <span class="op">)</span>,
-      toolbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span>
-        position <span class="op">=</span> <span class="st">"bottom"</span>,
-        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,
-        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>
-      <span class="op">)</span>,
-      <span class="co"># main content</span>
-      <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span>
-        intensity <span class="op">=</span> <span class="fl">16</span>,
-        hover <span class="op">=</span> <span class="cn">TRUE</span>,
-        <span class="fu"><a href="../reference/f7Card.html">f7Card</a></span><span class="op">(</span>
-          title <span class="op">=</span> <span class="st">"Card header"</span>,
-          <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html">apexchartOutput</a></span><span class="op">(</span><span class="st">"areaChart"</span><span class="op">)</span>
-        <span class="op">)</span>
-      <span class="op">)</span>
-    <span class="op">)</span>
-  <span class="op">)</span>,
-  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span>
-    <span class="va">output</span><span class="op">$</span><span class="va">areaChart</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html">renderApexchart</a></span><span class="op">(</span><span class="op">{</span>
-      <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html">apex</a></span><span class="op">(</span>
-        data <span class="op">=</span> <span class="va">economics_long</span>,
-        type <span class="op">=</span> <span class="st">"area"</span>,
-        mapping <span class="op">=</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>
-          x <span class="op">=</span> <span class="va">date</span>,
-          y <span class="op">=</span> <span class="va">value01</span>,
-          fill <span class="op">=</span> <span class="va">variable</span>
-        <span class="op">)</span>
-      <span class="op">)</span> <span class="op">%&gt;%</span>
-        <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span>decimalsInFloat <span class="op">=</span> <span class="fl">2</span><span class="op">)</span> <span class="op">%&gt;%</span> <span class="co"># number of decimals to keep</span>
-        <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/ax_chart.html">ax_chart</a></span><span class="op">(</span>stacked <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span> <span class="op">%&gt;%</span>
-        <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/ax_yaxis.html">ax_yaxis</a></span><span class="op">(</span>max <span class="op">=</span> <span class="fl">4</span>, tickAmount <span class="op">=</span> <span class="fl">4</span><span class="op">)</span>
-    <span class="op">}</span><span class="op">)</span>
-  <span class="op">}</span>
-<span class="op">)</span></code></pre></div>
-  </div>
-
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-
-      </div>
-
+<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://dplyr.tidyverse.org" class="external-link">dplyr</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"economics_long"</span><span class="op">)</span></span>
+<span><span class="va">economics_long</span> <span class="op">&lt;-</span> <span class="va">economics_long</span> <span class="op"><a href="../reference/pipe.html">%&gt;%</a></span></span>
+<span>  <span class="fu"><a href="https://dplyr.tidyverse.org/reference/group_by.html" class="external-link">group_by</a></span><span class="op">(</span><span class="va">variable</span><span class="op">)</span> <span class="op"><a href="../reference/pipe.html">%&gt;%</a></span></span>
+<span>  <span class="fu"><a href="https://dplyr.tidyverse.org/reference/slice.html" class="external-link">slice</a></span><span class="op">(</span><span class="op">(</span><span class="fu"><a href="https://dplyr.tidyverse.org/reference/context.html" class="external-link">n</a></span><span class="op">(</span><span class="op">)</span><span class="op">-</span><span class="fl">100</span><span class="op">)</span><span class="op">:</span><span class="fu"><a href="https://dplyr.tidyverse.org/reference/context.html" class="external-link">n</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span></span>
+<span></span>
+<span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
+<span>    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>dark <span class="op">=</span> <span class="cn">FALSE</span>, filled <span class="op">=</span> <span class="cn">FALSE</span>, theme <span class="op">=</span> <span class="st">"md"</span><span class="op">)</span>,</span>
+<span>    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span>
+<span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
+<span>        title <span class="op">=</span> <span class="st">"Single Layout"</span>,</span>
+<span>        hairline <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      toolbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span></span>
+<span>        position <span class="op">=</span> <span class="st">"bottom"</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      <span class="co"># main content</span></span>
+<span>      <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span>
+<span>        intensity <span class="op">=</span> <span class="fl">16</span>,</span>
+<span>        hover <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span></span>
+<span>          title <span class="op">=</span> <span class="st">"Card header"</span>,</span>
+<span>          <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">apexchartOutput</a></span><span class="op">(</span><span class="st">"areaChart"</span><span class="op">)</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">)</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">areaChart</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">renderApexchart</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html" class="external-link">apex</a></span><span class="op">(</span></span>
+<span>        data <span class="op">=</span> <span class="va">economics_long</span>,</span>
+<span>        type <span class="op">=</span> <span class="st">"area"</span>,</span>
+<span>        mapping <span class="op">=</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span></span>
+<span>          x <span class="op">=</span> <span class="va">date</span>,</span>
+<span>          y <span class="op">=</span> <span class="va">value01</span>,</span>
+<span>          fill <span class="op">=</span> <span class="va">variable</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">)</span> <span class="op"><a href="../reference/pipe.html">%&gt;%</a></span></span>
+<span>        <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/ax_yaxis.html" class="external-link">ax_yaxis</a></span><span class="op">(</span>decimalsInFloat <span class="op">=</span> <span class="fl">2</span><span class="op">)</span> <span class="op"><a href="../reference/pipe.html">%&gt;%</a></span> <span class="co"># number of decimals to keep</span></span>
+<span>        <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/ax_chart.html" class="external-link">ax_chart</a></span><span class="op">(</span>stacked <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span> <span class="op"><a href="../reference/pipe.html">%&gt;%</a></span></span>
+<span>        <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/ax_yaxis.html" class="external-link">ax_yaxis</a></span><span class="op">(</span>max <span class="op">=</span> <span class="fl">4</span>, tickAmount <span class="op">=</span> <span class="fl">4</span><span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span>  <span class="op">}</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside>
 </div>
 
 
 
-      <footer><div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p>
+<p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p>
+<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
+    </footer>
 </div>
 
   
 
+  
 
   </body>
 </html>
diff --git a/docs/articles/Split-Layout.html b/docs/articles/Split-Layout.html
index b8f7c0a3..096acf5c 100644
--- a/docs/articles/Split-Layout.html
+++ b/docs/articles/Split-Layout.html
@@ -4,7 +4,8 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="description" content="shinyMobile">
 <title>Split-Layout • shinyMobile</title>
 <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
 <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
@@ -12,142 +13,135 @@
 <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png">
 <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png">
 <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png">
-<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
+<script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet">
+<script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
-<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
+<!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
 <meta property="og:title" content="Split-Layout">
 <meta property="og:description" content="shinyMobile">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
 </head>
-<body data-spy="scroll" data-target="#toc">
-    <div class="container template-article">
-      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-<li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
+
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
+
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto">
+<li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="active nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider">
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
       </ul>
-<ul class="nav navbar-nav navbar-right">
-<li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+<form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off">
+</form>
+
+      <ul class="navbar-nav">
+<li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
       </ul>
 </div>
-<!--/.nav-collapse -->
+
+    
   </div>
-<!--/.container -->
-</div>
-<!--/.navbar -->
+</nav><div class="container template-article">
+
+
 
-      
 
-      </header><script src="Split-Layout_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header toc-ignore">
-      <h1 data-toc-skip>Split-Layout</h1>
-                        <h4 class="author">David Granjon</h4>
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Split-Layout</h1>
+                        <h4 data-toc-skip class="author">David
+Granjon</h4>
             
-            <h4 class="date">2021-09-15</h4>
+            <h4 data-toc-skip class="date">2024-01-20</h4>
       
-      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/master/vignettes/Split-Layout.Rmd"><code>vignettes/Split-Layout.Rmd</code></a></small>
-      <div class="hidden name"><code>Split-Layout.Rmd</code></div>
-
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/vignettes/Split-Layout.Rmd" class="external-link"><code>vignettes/Split-Layout.Rmd</code></a></small>
+      <div class="d-none name"><code>Split-Layout.Rmd</code></div>
     </div>
 
     
     
-<p><code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code> is the third layout introduced with <a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a>. This template is focused for tablet/desktop use. It is composed of a sidebar, and a main panel. The sidebar goes in its dedicated slot, corresponding to <code><a href="../reference/f7Panel.html">f7Panel()</a></code>. While <code><a href="../reference/f7Panel.html">f7Panel()</a></code> may also be embedded in both <code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code> and <code>f7TabsLayout</code>, it accepts extra arguments like <code><a href="../reference/f7PanelMenu.html">f7PanelMenu()</a></code> and <code><a href="../reference/f7PanelMenu.html">f7PanelItem()</a></code>, which are very similar to sidebar items of <a href="http://rstudio.github.io/shinydashboard/">shinydashboard</a>:</p>
+<p><code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code> is the third layout introduced with
+<a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a>. This template is focused for tablet/desktop
+use. It is composed of a sidebar, and a main panel. The sidebar goes in
+its dedicated slot, corresponding to <code><a href="../reference/panel.html">f7Panel()</a></code>. While
+<code><a href="../reference/panel.html">f7Panel()</a></code> may also be embedded in both
+<code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code> and <code>f7TabsLayout</code>, it accepts
+extra arguments like <code><a href="../reference/panelmenu.html">f7PanelMenu()</a></code> and
+<code><a href="../reference/panelmenu.html">f7PanelItem()</a></code>, which are very similar to sidebar items of
+<a href="http://rstudio.github.io/shinydashboard/" class="external-link">shinydashboard</a>:</p>
 <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu"><a href="../reference/f7Panel.html">f7Panel</a></span><span class="op">(</span>
-  title <span class="op">=</span> <span class="st">"Sidebar"</span>,
-  side <span class="op">=</span> <span class="st">"left"</span>,
-  theme <span class="op">=</span> <span class="st">"light"</span>,
-  <span class="fu"><a href="../reference/f7PanelMenu.html">f7PanelMenu</a></span><span class="op">(</span>
-    id <span class="op">=</span> <span class="st">"menu"</span>,
-    <span class="fu"><a href="../reference/f7PanelMenu.html">f7PanelItem</a></span><span class="op">(</span>tabName <span class="op">=</span> <span class="st">"tab1"</span>, title <span class="op">=</span> <span class="st">"Tab 1"</span>, icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"email"</span><span class="op">)</span>, active <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,
-    <span class="fu"><a href="../reference/f7PanelMenu.html">f7PanelItem</a></span><span class="op">(</span>tabName <span class="op">=</span> <span class="st">"tab2"</span>, title <span class="op">=</span> <span class="st">"Tab 2"</span>, icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"home"</span><span class="op">)</span><span class="op">)</span>
-  <span class="op">)</span>,
-  style <span class="op">=</span> <span class="st">"reveal"</span>
-<span class="op">)</span></code></pre></div>
-<p>The content must be passed in <code>...</code> If you have a menu in the sidebar, you must use the corresponding body function, namely <code><a href="../reference/f7Items.html">f7Items()</a></code> and <code><a href="../reference/f7Item.html">f7Item()</a></code>. Particularly, the <em>tabName</em> argument provided in <code><a href="../reference/f7PanelMenu.html">f7PanelItem()</a></code> and <code><a href="../reference/f7Item.html">f7Item()</a></code> must exactly match (like in <a href="http://rstudio.github.io/shinydashboard/">shinydashboard</a>, again). If you don’t have any <code><a href="../reference/f7PanelMenu.html">f7PanelMenu()</a></code>, you can pass tags in the <code>...</code> directly. However, this prevents you from having a tabbed navigation.</p>
-<link rel="stylesheet" href="/private/var/folders/lr/cb85_7yn3fv4q92hyc0yzmxc0000gn/T/RtmpCoViQ1/temp_libpath1600413d11de3/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/panel.html">f7Panel</a></span><span class="op">(</span></span>
+<span>  title <span class="op">=</span> <span class="st">"Sidebar"</span>,</span>
+<span>  side <span class="op">=</span> <span class="st">"left"</span>,</span>
+<span>  theme <span class="op">=</span> <span class="st">"light"</span>,</span>
+<span>  <span class="fu"><a href="../reference/panelmenu.html">f7PanelMenu</a></span><span class="op">(</span></span>
+<span>    id <span class="op">=</span> <span class="st">"menu"</span>,</span>
+<span>    <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span>tabName <span class="op">=</span> <span class="st">"tab1"</span>, title <span class="op">=</span> <span class="st">"Tab 1"</span>, icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"email"</span><span class="op">)</span>, active <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span>
+<span>    <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span>tabName <span class="op">=</span> <span class="st">"tab2"</span>, title <span class="op">=</span> <span class="st">"Tab 2"</span>, icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"home"</span><span class="op">)</span><span class="op">)</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  style <span class="op">=</span> <span class="st">"reveal"</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p>The content must be passed in <code>...</code> If you have a menu in
+the sidebar, you must use the corresponding body function, namely
+<code><a href="../reference/f7Items.html">f7Items()</a></code> and <code><a href="../reference/f7Item.html">f7Item()</a></code>. Particularly, the
+<em>tabName</em> argument provided in <code><a href="../reference/panelmenu.html">f7PanelItem()</a></code> and
+<code><a href="../reference/f7Item.html">f7Item()</a></code> must exactly match (like in
+<a href="http://rstudio.github.io/shinydashboard/" class="external-link">shinydashboard</a>, again). If you don’t have any
+<code><a href="../reference/panelmenu.html">f7PanelMenu()</a></code>, you can pass tags in the <code>...</code>
+directly. However, this prevents you from having a tabbed
+navigation.</p>
+<link rel="stylesheet" href="/private/var/folders/pd/r5jk5d5x1rlbc61zz_8vsnh80000gn/T/Rtmp38gHfS/temp_libpath149976aaf5a6f/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
 <div class="marvel-device black ipad">
 <div class="camera"></div>
 <div class="screen">
@@ -156,192 +150,191 @@ <h4 class="date">2021-09-15</h4>
 <div class="home"></div>
 </div>
 <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.rstudio.com/">shiny</a></span><span class="op">)</span>
-<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org">ggplot2</a></span><span class="op">)</span>
-<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a></span><span class="op">)</span>
-<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter">apexcharter</a></span><span class="op">)</span>
-
-<span class="va">fruits</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html">data.frame</a></span><span class="op">(</span>
-  name <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">'Apples'</span>, <span class="st">'Oranges'</span>, <span class="st">'Bananas'</span>, <span class="st">'Berries'</span><span class="op">)</span>,
-  value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="fl">44</span>, <span class="fl">55</span>, <span class="fl">67</span>, <span class="fl">83</span><span class="op">)</span>
-<span class="op">)</span>
-
-<span class="va">new_mtcars</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/reshape.html">reshape</a></span><span class="op">(</span>
-  data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/utils/head.html">head</a></span><span class="op">(</span><span class="va">mtcars</span><span class="op">)</span>,
-  idvar <span class="op">=</span> <span class="st">"model"</span>,
-  varying <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"drat"</span>, <span class="st">"wt"</span><span class="op">)</span><span class="op">)</span>,
-  times <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"drat"</span>, <span class="st">"wt"</span><span class="op">)</span>,
-  direction <span class="op">=</span> <span class="st">"long"</span>,
-  v.names <span class="op">=</span> <span class="st">"value"</span>,
-  drop <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"mpg"</span>, <span class="st">"cyl"</span>, <span class="st">"hp"</span>, <span class="st">"dist"</span>, <span class="st">"qsec"</span>, <span class="st">"vs"</span>, <span class="st">"am"</span>, <span class="st">"gear"</span>, <span class="st">"carb"</span><span class="op">)</span>
-<span class="op">)</span>
-
-<span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html">shinyApp</a></span><span class="op">(</span>
-  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span>
-    title <span class="op">=</span> <span class="st">"My app"</span>,
-    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
-      theme <span class="op">=</span> <span class="st">"aurora"</span>,
-      dark <span class="op">=</span> <span class="cn">TRUE</span>,
-      filled <span class="op">=</span> <span class="cn">FALSE</span>,
-      color <span class="op">=</span> <span class="st">"#007aff"</span>,
-      touch <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
-        tapHold <span class="op">=</span> <span class="cn">TRUE</span>,
-        tapHoldDelay <span class="op">=</span> <span class="fl">750</span>,
-        iosTouchRipple <span class="op">=</span> <span class="cn">FALSE</span>
-      <span class="op">)</span>,
-      iosTranslucentBars <span class="op">=</span> <span class="cn">FALSE</span>,
-      navbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
-        iosCenterTitle <span class="op">=</span> <span class="cn">TRUE</span>,
-        hideNavOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span>
-      <span class="op">)</span>,
-      toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
-        hideNavOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span>
-      <span class="op">)</span>,
-      pullToRefresh <span class="op">=</span> <span class="cn">FALSE</span>
-    <span class="op">)</span>,
-    <span class="fu"><a href="../reference/f7SplitLayout.html">f7SplitLayout</a></span><span class="op">(</span>
-      sidebar <span class="op">=</span> <span class="fu"><a href="../reference/f7Panel.html">f7Panel</a></span><span class="op">(</span>
-        title <span class="op">=</span> <span class="st">"Sidebar"</span>,
-        side <span class="op">=</span> <span class="st">"left"</span>,
-        theme <span class="op">=</span> <span class="st">"light"</span>,
-        <span class="fu"><a href="../reference/f7PanelMenu.html">f7PanelMenu</a></span><span class="op">(</span>
-          id <span class="op">=</span> <span class="st">"menu"</span>,
-          <span class="fu"><a href="../reference/f7PanelMenu.html">f7PanelItem</a></span><span class="op">(</span>
-            tabName <span class="op">=</span> <span class="st">"tab1"</span>,
-            title <span class="op">=</span> <span class="st">"Tab 1"</span>,
-            icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"equal_circle"</span><span class="op">)</span>,
-            active <span class="op">=</span> <span class="cn">TRUE</span>
-          <span class="op">)</span>,
-          <span class="fu"><a href="../reference/f7PanelMenu.html">f7PanelItem</a></span><span class="op">(</span>
-            tabName <span class="op">=</span> <span class="st">"tab2"</span>,
-            title <span class="op">=</span> <span class="st">"Tab 2"</span>,
-            icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"equal_circle"</span><span class="op">)</span>
-          <span class="op">)</span>,
-          <span class="fu"><a href="../reference/f7PanelMenu.html">f7PanelItem</a></span><span class="op">(</span>
-            tabName <span class="op">=</span> <span class="st">"tab3"</span>,
-            title <span class="op">=</span> <span class="st">"Tab 3"</span>,
-            icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"equal_circle"</span><span class="op">)</span>
-          <span class="op">)</span>
-        <span class="op">)</span>,
-        <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html">uiOutput</a></span><span class="op">(</span><span class="st">"selected_tab"</span><span class="op">)</span>,
-        effect <span class="op">=</span> <span class="st">"reveal"</span>
-      <span class="op">)</span>,
-      navbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Navbar.html">f7Navbar</a></span><span class="op">(</span>
-        title <span class="op">=</span> <span class="st">"Split Layout"</span>,
-        hairline <span class="op">=</span> <span class="cn">FALSE</span>,
-        shadow <span class="op">=</span> <span class="cn">TRUE</span>
-      <span class="op">)</span>,
-      toolbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span>
-        position <span class="op">=</span> <span class="st">"bottom"</span>,
-        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,
-        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>
-      <span class="op">)</span>,
-      <span class="co"># main content</span>
-      <span class="fu"><a href="../reference/f7Items.html">f7Items</a></span><span class="op">(</span>
-        <span class="fu"><a href="../reference/f7Item.html">f7Item</a></span><span class="op">(</span>
-          tabName <span class="op">=</span> <span class="st">"tab1"</span>,
-          <span class="fu"><a href="../reference/f7Button.html">f7Button</a></span><span class="op">(</span><span class="st">"toggleSheet"</span>, <span class="st">"Plot parameters"</span><span class="op">)</span>,
-          <span class="fu"><a href="../reference/f7Sheet.html">f7Sheet</a></span><span class="op">(</span>
-            id <span class="op">=</span> <span class="st">"sheet1"</span>,
-            label <span class="op">=</span> <span class="st">"Plot Parameters"</span>,
-            orientation <span class="op">=</span> <span class="st">"bottom"</span>,
-            swipeToClose <span class="op">=</span> <span class="cn">TRUE</span>,
-            backdrop <span class="op">=</span> <span class="cn">TRUE</span>,
-            <span class="fu"><a href="../reference/f7Slider.html">f7Slider</a></span><span class="op">(</span>
-              <span class="st">"obs"</span>,
-              <span class="st">"Number of observations:"</span>,
-              min <span class="op">=</span> <span class="fl">0</span>, max <span class="op">=</span> <span class="fl">1000</span>,
-              value <span class="op">=</span> <span class="fl">500</span>
-            <span class="op">)</span>
-          <span class="op">)</span>,
-          <span class="fu"><a href="https://rdrr.io/pkg/htmltools/man/builder.html">br</a></span><span class="op">(</span><span class="op">)</span>,
-          <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot"</span><span class="op">)</span>
-        <span class="op">)</span>,
-        <span class="fu"><a href="../reference/f7Item.html">f7Item</a></span><span class="op">(</span>
-          tabName <span class="op">=</span> <span class="st">"tab2"</span>,
-          <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html">apexchartOutput</a></span><span class="op">(</span><span class="st">"radar"</span><span class="op">)</span>
-        <span class="op">)</span>,
-        <span class="fu"><a href="../reference/f7Item.html">f7Item</a></span><span class="op">(</span>
-          tabName <span class="op">=</span> <span class="st">"tab3"</span>,
-          <span class="fu"><a href="../reference/f7Toggle.html">f7Toggle</a></span><span class="op">(</span>
-            inputId <span class="op">=</span> <span class="st">"plot_show"</span>,
-            label <span class="op">=</span> <span class="st">"Show Plot?"</span>,
-            checked <span class="op">=</span> <span class="cn">TRUE</span>
-          <span class="op">)</span>,
-          <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html">apexchartOutput</a></span><span class="op">(</span><span class="st">"multi_radial"</span><span class="op">)</span>
-        <span class="op">)</span>
-      <span class="op">)</span>
-    <span class="op">)</span>
-  <span class="op">)</span>,
-  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span>
-
-    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">toggleSheet</span>, <span class="op">{</span>
-      <span class="fu"><a href="../reference/f7Sheet.html">updateF7Sheet</a></span><span class="op">(</span>id <span class="op">=</span> <span class="st">"sheet1"</span><span class="op">)</span>
-    <span class="op">}</span><span class="op">)</span>
-
-    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span>, <span class="op">{</span>
-      <span class="kw">if</span> <span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span> <span class="op">&lt;</span> <span class="fl">500</span><span class="op">)</span> <span class="op">{</span>
-        <span class="fu"><a href="../reference/f7Notif.html">f7Notif</a></span><span class="op">(</span>
-          text <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html">paste0</a></span><span class="op">(</span><span class="st">"The slider value is only "</span>, <span class="va">input</span><span class="op">$</span><span class="va">obs</span>, <span class="st">". Please
-                        increase it"</span><span class="op">)</span>,
-          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"bolt_fill"</span><span class="op">)</span>,
-          title <span class="op">=</span> <span class="st">"Alert"</span>,
-          titleRightText <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html">Sys.Date</a></span><span class="op">(</span><span class="op">)</span>
-        <span class="op">)</span>
-      <span class="op">}</span>
-    <span class="op">}</span><span class="op">)</span>
-
-    <span class="va">output</span><span class="op">$</span><span class="va">radar</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html">renderApexchart</a></span><span class="op">(</span><span class="op">{</span>
-      <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html">apex</a></span><span class="op">(</span>
-        data <span class="op">=</span> <span class="va">new_mtcars</span>,
-        type <span class="op">=</span> <span class="st">"radar"</span>,
-        mapping <span class="op">=</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span>
-          x <span class="op">=</span> <span class="va">model</span>,
-          y <span class="op">=</span> <span class="va">value</span>,
-          group <span class="op">=</span> <span class="va">time</span><span class="op">)</span>
-      <span class="op">)</span>
-    <span class="op">}</span><span class="op">)</span>
-
-    <span class="va">output</span><span class="op">$</span><span class="va">selected_tab</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html">renderUI</a></span><span class="op">(</span><span class="op">{</span>
-      <span class="fu"><a href="https://rdrr.io/pkg/htmltools/man/HTML.html">HTML</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/paste.html">paste0</a></span><span class="op">(</span><span class="st">"Access the currently selected tab: "</span>, <span class="fu"><a href="https://rdrr.io/pkg/htmltools/man/builder.html">strong</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">menu</span><span class="op">)</span><span class="op">)</span><span class="op">)</span>
-    <span class="op">}</span><span class="op">)</span>
-
-    <span class="va">output</span><span class="op">$</span><span class="va">distPlot</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html">renderPlot</a></span><span class="op">(</span><span class="op">{</span>
-      <span class="va">dist</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/Normal.html">rnorm</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span><span class="op">)</span>
-      <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html">hist</a></span><span class="op">(</span><span class="va">dist</span><span class="op">)</span>
-    <span class="op">}</span><span class="op">)</span>
-
-    <span class="va">output</span><span class="op">$</span><span class="va">multi_radial</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html">renderApexchart</a></span><span class="op">(</span><span class="op">{</span>
-      <span class="kw">if</span> <span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">plot_show</span><span class="op">)</span> <span class="op">{</span>
-        <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">fruits</span>, type <span class="op">=</span> <span class="st">"radialBar"</span>, mapping <span class="op">=</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">name</span>, y <span class="op">=</span> <span class="va">value</span><span class="op">)</span><span class="op">)</span>
-      <span class="op">}</span>
-    <span class="op">}</span><span class="op">)</span>
-
-  <span class="op">}</span>
-<span class="op">)</span></code></pre></div>
-  </div>
-
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-
-      </div>
-
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
+<span></span>
+<span><span class="va">fruits</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html" class="external-link">data.frame</a></span><span class="op">(</span></span>
+<span>  name <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">'Apples'</span>, <span class="st">'Oranges'</span>, <span class="st">'Bananas'</span>, <span class="st">'Berries'</span><span class="op">)</span>,</span>
+<span>  value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">44</span>, <span class="fl">55</span>, <span class="fl">67</span>, <span class="fl">83</span><span class="op">)</span></span>
+<span><span class="op">)</span></span>
+<span></span>
+<span><span class="va">new_mtcars</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/reshape.html" class="external-link">reshape</a></span><span class="op">(</span></span>
+<span>  data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/utils/head.html" class="external-link">head</a></span><span class="op">(</span><span class="va">mtcars</span><span class="op">)</span>,</span>
+<span>  idvar <span class="op">=</span> <span class="st">"model"</span>,</span>
+<span>  varying <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"drat"</span>, <span class="st">"wt"</span><span class="op">)</span><span class="op">)</span>,</span>
+<span>  times <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"drat"</span>, <span class="st">"wt"</span><span class="op">)</span>,</span>
+<span>  direction <span class="op">=</span> <span class="st">"long"</span>,</span>
+<span>  v.names <span class="op">=</span> <span class="st">"value"</span>,</span>
+<span>  drop <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"mpg"</span>, <span class="st">"cyl"</span>, <span class="st">"hp"</span>, <span class="st">"dist"</span>, <span class="st">"qsec"</span>, <span class="st">"vs"</span>, <span class="st">"am"</span>, <span class="st">"gear"</span>, <span class="st">"carb"</span><span class="op">)</span></span>
+<span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
+<span>    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>      theme <span class="op">=</span> <span class="st">"aurora"</span>,</span>
+<span>      dark <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>      filled <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>      color <span class="op">=</span> <span class="st">"#007aff"</span>,</span>
+<span>      touch <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>        tapHold <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        tapHoldDelay <span class="op">=</span> <span class="fl">750</span>,</span>
+<span>        iosTouchRipple <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      iosTranslucentBars <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>      navbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>        iosCenterTitle <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        hideNavOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>        hideNavOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      pullToRefresh <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>    <span class="op">)</span>,</span>
+<span>    <span class="fu"><a href="../reference/f7SplitLayout.html">f7SplitLayout</a></span><span class="op">(</span></span>
+<span>      sidebar <span class="op">=</span> <span class="fu"><a href="../reference/panel.html">f7Panel</a></span><span class="op">(</span></span>
+<span>        title <span class="op">=</span> <span class="st">"Sidebar"</span>,</span>
+<span>        side <span class="op">=</span> <span class="st">"left"</span>,</span>
+<span>        theme <span class="op">=</span> <span class="st">"light"</span>,</span>
+<span>        <span class="fu"><a href="../reference/panelmenu.html">f7PanelMenu</a></span><span class="op">(</span></span>
+<span>          id <span class="op">=</span> <span class="st">"menu"</span>,</span>
+<span>          <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span></span>
+<span>            tabName <span class="op">=</span> <span class="st">"tab1"</span>,</span>
+<span>            title <span class="op">=</span> <span class="st">"Tab 1"</span>,</span>
+<span>            icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"equal_circle"</span><span class="op">)</span>,</span>
+<span>            active <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>          <span class="op">)</span>,</span>
+<span>          <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span></span>
+<span>            tabName <span class="op">=</span> <span class="st">"tab2"</span>,</span>
+<span>            title <span class="op">=</span> <span class="st">"Tab 2"</span>,</span>
+<span>            icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"equal_circle"</span><span class="op">)</span></span>
+<span>          <span class="op">)</span>,</span>
+<span>          <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span></span>
+<span>            tabName <span class="op">=</span> <span class="st">"tab3"</span>,</span>
+<span>            title <span class="op">=</span> <span class="st">"Tab 3"</span>,</span>
+<span>            icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"equal_circle"</span><span class="op">)</span></span>
+<span>          <span class="op">)</span></span>
+<span>        <span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html" class="external-link">uiOutput</a></span><span class="op">(</span><span class="st">"selected_tab"</span><span class="op">)</span>,</span>
+<span>        effect <span class="op">=</span> <span class="st">"reveal"</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
+<span>        title <span class="op">=</span> <span class="st">"Split Layout"</span>,</span>
+<span>        hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      toolbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span></span>
+<span>        position <span class="op">=</span> <span class="st">"bottom"</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      <span class="co"># main content</span></span>
+<span>      <span class="fu"><a href="../reference/f7Items.html">f7Items</a></span><span class="op">(</span></span>
+<span>        <span class="fu"><a href="../reference/f7Item.html">f7Item</a></span><span class="op">(</span></span>
+<span>          tabName <span class="op">=</span> <span class="st">"tab1"</span>,</span>
+<span>          <span class="fu"><a href="../reference/button.html">f7Button</a></span><span class="op">(</span><span class="st">"toggleSheet"</span>, <span class="st">"Plot parameters"</span><span class="op">)</span>,</span>
+<span>          <span class="fu"><a href="../reference/sheet.html">f7Sheet</a></span><span class="op">(</span></span>
+<span>            id <span class="op">=</span> <span class="st">"sheet1"</span>,</span>
+<span>            label <span class="op">=</span> <span class="st">"Plot Parameters"</span>,</span>
+<span>            orientation <span class="op">=</span> <span class="st">"bottom"</span>,</span>
+<span>            swipeToClose <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>            backdrop <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>            <span class="fu"><a href="../reference/slider.html">f7Slider</a></span><span class="op">(</span></span>
+<span>              <span class="st">"obs"</span>,</span>
+<span>              <span class="st">"Number of observations:"</span>,</span>
+<span>              min <span class="op">=</span> <span class="fl">0</span>, max <span class="op">=</span> <span class="fl">1000</span>,</span>
+<span>              value <span class="op">=</span> <span class="fl">500</span></span>
+<span>            <span class="op">)</span></span>
+<span>          <span class="op">)</span>,</span>
+<span>          <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">br</a></span><span class="op">(</span><span class="op">)</span>,</span>
+<span>          <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html" class="external-link">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot"</span><span class="op">)</span></span>
+<span>        <span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Item.html">f7Item</a></span><span class="op">(</span></span>
+<span>          tabName <span class="op">=</span> <span class="st">"tab2"</span>,</span>
+<span>          <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">apexchartOutput</a></span><span class="op">(</span><span class="st">"radar"</span><span class="op">)</span></span>
+<span>        <span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Item.html">f7Item</a></span><span class="op">(</span></span>
+<span>          tabName <span class="op">=</span> <span class="st">"tab3"</span>,</span>
+<span>          <span class="fu"><a href="../reference/toggle.html">f7Toggle</a></span><span class="op">(</span></span>
+<span>            inputId <span class="op">=</span> <span class="st">"plot_show"</span>,</span>
+<span>            label <span class="op">=</span> <span class="st">"Show Plot?"</span>,</span>
+<span>            checked <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>          <span class="op">)</span>,</span>
+<span>          <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">apexchartOutput</a></span><span class="op">(</span><span class="st">"multi_radial"</span><span class="op">)</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">)</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span>
+<span></span>
+<span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">toggleSheet</span>, <span class="op">{</span></span>
+<span>      <span class="fu"><a href="../reference/sheet.html">updateF7Sheet</a></span><span class="op">(</span>id <span class="op">=</span> <span class="st">"sheet1"</span><span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span>, <span class="op">{</span></span>
+<span>      <span class="kw">if</span> <span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span> <span class="op">&lt;</span> <span class="fl">500</span><span class="op">)</span> <span class="op">{</span></span>
+<span>        <span class="fu"><a href="../reference/f7Notif.html">f7Notif</a></span><span class="op">(</span></span>
+<span>          text <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste0</a></span><span class="op">(</span><span class="st">"The slider value is only "</span>, <span class="va">input</span><span class="op">$</span><span class="va">obs</span>, <span class="st">". Please</span></span>
+<span><span class="st">                        increase it"</span><span class="op">)</span>,</span>
+<span>          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"bolt_fill"</span><span class="op">)</span>,</span>
+<span>          title <span class="op">=</span> <span class="st">"Alert"</span>,</span>
+<span>          titleRightText <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html" class="external-link">Sys.Date</a></span><span class="op">(</span><span class="op">)</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">}</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">radar</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">renderApexchart</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html" class="external-link">apex</a></span><span class="op">(</span></span>
+<span>        data <span class="op">=</span> <span class="va">new_mtcars</span>,</span>
+<span>        type <span class="op">=</span> <span class="st">"radar"</span>,</span>
+<span>        mapping <span class="op">=</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span></span>
+<span>          x <span class="op">=</span> <span class="va">model</span>,</span>
+<span>          y <span class="op">=</span> <span class="va">value</span>,</span>
+<span>          group <span class="op">=</span> <span class="va">time</span><span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">selected_tab</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html" class="external-link">renderUI</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/HTML.html" class="external-link">HTML</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste0</a></span><span class="op">(</span><span class="st">"Access the currently selected tab: "</span>, <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">strong</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">menu</span><span class="op">)</span><span class="op">)</span><span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">distPlot</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html" class="external-link">renderPlot</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="va">dist</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span><span class="op">)</span></span>
+<span>      <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html" class="external-link">hist</a></span><span class="op">(</span><span class="va">dist</span><span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">multi_radial</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">renderApexchart</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="kw">if</span> <span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">plot_show</span><span class="op">)</span> <span class="op">{</span></span>
+<span>        <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html" class="external-link">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">fruits</span>, type <span class="op">=</span> <span class="st">"radialBar"</span>, mapping <span class="op">=</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">name</span>, y <span class="op">=</span> <span class="va">value</span><span class="op">)</span><span class="op">)</span></span>
+<span>      <span class="op">}</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>  <span class="op">}</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside>
 </div>
 
 
 
-      <footer><div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p>
+<p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p>
+<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
+    </footer>
 </div>
 
   
 
+  
 
   </body>
 </html>
diff --git a/docs/articles/Tabs-Layout.html b/docs/articles/Tabs-Layout.html
index 61d691a0..183cec63 100644
--- a/docs/articles/Tabs-Layout.html
+++ b/docs/articles/Tabs-Layout.html
@@ -4,7 +4,8 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="description" content="shinyMobile">
 <title>Tabs-Layout • shinyMobile</title>
 <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
 <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
@@ -12,129 +13,107 @@
 <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png">
 <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png">
 <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png">
-<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
+<script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet">
+<script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
-<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
+<!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
 <meta property="og:title" content="Tabs-Layout">
 <meta property="og:description" content="shinyMobile">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
 </head>
-<body data-spy="scroll" data-target="#toc">
-    <div class="container template-article">
-      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-<li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
+
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
+
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto">
+<li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="active nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider">
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
       </ul>
-<ul class="nav navbar-nav navbar-right">
-<li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+<form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off">
+</form>
+
+      <ul class="navbar-nav">
+<li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
       </ul>
 </div>
-<!--/.nav-collapse -->
+
+    
   </div>
-<!--/.container -->
-</div>
-<!--/.navbar -->
+</nav><div class="container template-article">
+
 
-      
 
-      </header><script src="Tabs-Layout_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header toc-ignore">
-      <h1 data-toc-skip>Tabs-Layout</h1>
-                        <h4 class="author">David Granjon</h4>
+
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Tabs-Layout</h1>
+                        <h4 data-toc-skip class="author">David
+Granjon</h4>
             
-            <h4 class="date">2021-09-15</h4>
+            <h4 data-toc-skip class="date">2024-01-20</h4>
       
-      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/master/vignettes/Tabs-Layout.Rmd"><code>vignettes/Tabs-Layout.Rmd</code></a></small>
-      <div class="hidden name"><code>Tabs-Layout.Rmd</code></div>
-
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/vignettes/Tabs-Layout.Rmd" class="external-link"><code>vignettes/Tabs-Layout.Rmd</code></a></small>
+      <div class="d-none name"><code>Tabs-Layout.Rmd</code></div>
     </div>
 
     
     
-<p>The second layout is the <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>, very similar to that of <a href="https://github.com/rstudio/miniUI">miniUI</a>.</p>
-<link rel="stylesheet" href="/private/var/folders/lr/cb85_7yn3fv4q92hyc0yzmxc0000gn/T/RtmpCoViQ1/temp_libpath1600413d11de3/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
+<p>The second layout is the <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>, very similar to
+that of <a href="https://github.com/rstudio/miniUI" class="external-link">miniUI</a>.</p>
+<link rel="stylesheet" href="/private/var/folders/pd/r5jk5d5x1rlbc61zz_8vsnh80000gn/T/Rtmp38gHfS/temp_libpath149976aaf5a6f/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
 <div class="marvel-device iphone8">
 <div class="top-bar"></div>
 <div class="sleep"></div>
@@ -149,198 +128,197 @@ <h4 class="date">2021-09-15</h4>
 <div class="bottom-bar"></div>
 </div>
 <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.rstudio.com/">shiny</a></span><span class="op">)</span>
-<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a></span><span class="op">)</span>
-<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter">apexcharter</a></span><span class="op">)</span>
-
-<span class="va">poll</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html">data.frame</a></span><span class="op">(</span>
-  answer <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"Yes"</span>, <span class="st">"No"</span><span class="op">)</span>,
-  n <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="fl">254</span>, <span class="fl">238</span><span class="op">)</span>
-<span class="op">)</span>
-
-<span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html">shinyApp</a></span><span class="op">(</span>
-  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span>
-    title <span class="op">=</span> <span class="st">"My app"</span>,
-    <span class="fu"><a href="../reference/f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span>
-      panels <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/pkg/htmltools/man/tagList.html">tagList</a></span><span class="op">(</span>
-        <span class="fu"><a href="../reference/f7Panel.html">f7Panel</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Left Panel"</span>, side <span class="op">=</span> <span class="st">"left"</span>, theme <span class="op">=</span> <span class="st">"light"</span>, <span class="st">"Blabla"</span>, effect <span class="op">=</span> <span class="st">"cover"</span><span class="op">)</span>,
-        <span class="fu"><a href="../reference/f7Panel.html">f7Panel</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Right Panel"</span>, side <span class="op">=</span> <span class="st">"right"</span>, theme <span class="op">=</span> <span class="st">"dark"</span>, <span class="st">"Blabla"</span>, effect <span class="op">=</span> <span class="st">"cover"</span><span class="op">)</span>
-      <span class="op">)</span>,
-      navbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Navbar.html">f7Navbar</a></span><span class="op">(</span>
-        title <span class="op">=</span> <span class="st">"Tabs"</span>,
-        hairline <span class="op">=</span> <span class="cn">TRUE</span>,
-        shadow <span class="op">=</span> <span class="cn">TRUE</span>,
-        leftPanel <span class="op">=</span> <span class="cn">TRUE</span>,
-        rightPanel <span class="op">=</span> <span class="cn">TRUE</span>
-      <span class="op">)</span>,
-      <span class="fu"><a href="../reference/f7Tabs.html">f7Tabs</a></span><span class="op">(</span>
-        animated <span class="op">=</span> <span class="cn">TRUE</span>,
-        <span class="co">#swipeable = TRUE,</span>
-        <span class="fu"><a href="../reference/f7Tab.html">f7Tab</a></span><span class="op">(</span>
-          tabName <span class="op">=</span> <span class="st">"Tab 1"</span>,
-          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"folder"</span><span class="op">)</span>,
-          active <span class="op">=</span> <span class="cn">TRUE</span>,
-
-          <span class="fu"><a href="../reference/f7Flex.html">f7Flex</a></span><span class="op">(</span>
-            <span class="fu"><a href="https://rdrr.io/pkg/shinyWidgets/man/prettyRadioButtons.html">prettyRadioButtons</a></span><span class="op">(</span>
-              inputId <span class="op">=</span> <span class="st">"theme"</span>,
-              label <span class="op">=</span> <span class="st">"Select a theme:"</span>,
-              thick <span class="op">=</span> <span class="cn">TRUE</span>,
-              inline <span class="op">=</span> <span class="cn">TRUE</span>,
-              selected <span class="op">=</span> <span class="st">"md"</span>,
-              choices <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"ios"</span>, <span class="st">"md"</span><span class="op">)</span>,
-              animation <span class="op">=</span> <span class="st">"pulse"</span>,
-              status <span class="op">=</span> <span class="st">"info"</span>
-            <span class="op">)</span>,
-
-            <span class="fu"><a href="https://rdrr.io/pkg/shinyWidgets/man/prettyRadioButtons.html">prettyRadioButtons</a></span><span class="op">(</span>
-              inputId <span class="op">=</span> <span class="st">"color"</span>,
-              label <span class="op">=</span> <span class="st">"Select a color:"</span>,
-              thick <span class="op">=</span> <span class="cn">TRUE</span>,
-              inline <span class="op">=</span> <span class="cn">TRUE</span>,
-              selected <span class="op">=</span> <span class="st">"dark"</span>,
-              choices <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"light"</span>, <span class="st">"dark"</span><span class="op">)</span>,
-              animation <span class="op">=</span> <span class="st">"pulse"</span>,
-              status <span class="op">=</span> <span class="st">"info"</span>
-            <span class="op">)</span>
-          <span class="op">)</span>,
-
-          <span class="va">tags</span><span class="op">$</span><span class="fu">head</span><span class="op">(</span>
-            <span class="va">tags</span><span class="op">$</span><span class="fu">script</span><span class="op">(</span>
-              <span class="st">'Shiny.addCustomMessageHandler("ui-tweak", function(message) {
-                var os = message.os;
-                var skin = message.skin;
-                if (os === "md") {
-                  $("html").addClass("md");
-                  $("html").removeClass("ios");
-                  $(".tab-link-highlight").show();
-                } else if (os === "ios") {
-                  $("html").addClass("ios");
-                  $("html").removeClass("md");
-                  $(".tab-link-highlight").hide();
-                }
-
-                if (skin === "dark") {
-                 $("html").addClass("theme-dark");
-                } else {
-                  $("html").removeClass("theme-dark");
-                }
-
-               });
-              '</span>
-            <span class="op">)</span>
-          <span class="op">)</span>,
-
-          <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span>
-            intensity <span class="op">=</span> <span class="fl">10</span>,
-            hover <span class="op">=</span> <span class="cn">TRUE</span>,
-            <span class="fu"><a href="../reference/f7Card.html">f7Card</a></span><span class="op">(</span>
-              title <span class="op">=</span> <span class="st">"Card header"</span>,
-              <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html">apexchartOutput</a></span><span class="op">(</span><span class="st">"pie"</span><span class="op">)</span>
-            <span class="op">)</span>
-          <span class="op">)</span>
-        <span class="op">)</span>,
-        <span class="fu"><a href="../reference/f7Tab.html">f7Tab</a></span><span class="op">(</span>
-          tabName <span class="op">=</span> <span class="st">"Tab 2"</span>,
-          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"keyboard"</span><span class="op">)</span>,
-          active <span class="op">=</span> <span class="cn">FALSE</span>,
-          <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span>
-            intensity <span class="op">=</span> <span class="fl">10</span>,
-            hover <span class="op">=</span> <span class="cn">TRUE</span>,
-            <span class="fu"><a href="../reference/f7Card.html">f7Card</a></span><span class="op">(</span>
-              title <span class="op">=</span> <span class="st">"Card header"</span>,
-              <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html">apexchartOutput</a></span><span class="op">(</span><span class="st">"scatter"</span><span class="op">)</span>
-            <span class="op">)</span>
-          <span class="op">)</span>
-        <span class="op">)</span>,
-        <span class="fu"><a href="../reference/f7Tab.html">f7Tab</a></span><span class="op">(</span>
-          tabName <span class="op">=</span> <span class="st">"Tab 3"</span>,
-          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"layers_alt"</span><span class="op">)</span>,
-          active <span class="op">=</span> <span class="cn">FALSE</span>,
-          <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span>
-            intensity <span class="op">=</span> <span class="fl">10</span>,
-            hover <span class="op">=</span> <span class="cn">TRUE</span>,
-            <span class="fu"><a href="../reference/f7Card.html">f7Card</a></span><span class="op">(</span>
-              title <span class="op">=</span> <span class="st">"Card header"</span>,
-              <span class="fu"><a href="../reference/f7SmartSelect.html">f7SmartSelect</a></span><span class="op">(</span>
-                <span class="st">"variable"</span>,
-                <span class="st">"Variables to show:"</span>,
-                <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"Cylinders"</span> <span class="op">=</span> <span class="st">"cyl"</span>,
-                  <span class="st">"Transmission"</span> <span class="op">=</span> <span class="st">"am"</span>,
-                  <span class="st">"Gears"</span> <span class="op">=</span> <span class="st">"gear"</span><span class="op">)</span>,
-                openIn <span class="op">=</span> <span class="st">"sheet"</span>,
-                multiple <span class="op">=</span> <span class="cn">TRUE</span>
-              <span class="op">)</span>,
-              <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/tableOutput.html">tableOutput</a></span><span class="op">(</span><span class="st">"data"</span><span class="op">)</span>
-            <span class="op">)</span>
-          <span class="op">)</span>
-        <span class="op">)</span>
-      <span class="op">)</span>
-    <span class="op">)</span>
-  <span class="op">)</span>,
-  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span>
-
-    <span class="co"># river plot</span>
-    <span class="va">dates</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/reactive.html">reactive</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/seq.Date.html">seq.Date</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html">Sys.Date</a></span><span class="op">(</span><span class="op">)</span> <span class="op">-</span> <span class="fl">30</span>, <span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html">Sys.Date</a></span><span class="op">(</span><span class="op">)</span>, by <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">by</span><span class="op">)</span><span class="op">)</span>
-
-    <span class="va">output</span><span class="op">$</span><span class="va">pie</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html">renderApexchart</a></span><span class="op">(</span><span class="op">{</span>
-      <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html">apex</a></span><span class="op">(</span>
-        data <span class="op">=</span> <span class="va">poll</span>,
-        type <span class="op">=</span> <span class="st">"pie"</span>,
-        mapping <span class="op">=</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">answer</span>, y <span class="op">=</span> <span class="va">n</span><span class="op">)</span>
-      <span class="op">)</span>
-    <span class="op">}</span><span class="op">)</span>
-
-    <span class="va">output</span><span class="op">$</span><span class="va">scatter</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html">renderApexchart</a></span><span class="op">(</span><span class="op">{</span>
-      <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html">apex</a></span><span class="op">(</span>
-        data <span class="op">=</span> <span class="va">mtcars</span>,
-        type <span class="op">=</span> <span class="st">"scatter"</span>,
-        mapping <span class="op">=</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-exports.html">aes</a></span><span class="op">(</span>
-          x <span class="op">=</span> <span class="va">wt</span>,
-          y <span class="op">=</span> <span class="va">mpg</span>,
-          fill <span class="op">=</span> <span class="va">cyl</span>
-        <span class="op">)</span>
-      <span class="op">)</span>
-    <span class="op">}</span><span class="op">)</span>
-
-    <span class="co"># datatable</span>
-    <span class="va">output</span><span class="op">$</span><span class="va">data</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderTable.html">renderTable</a></span><span class="op">(</span><span class="op">{</span>
-      <span class="va">mtcars</span><span class="op">[</span>, <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"mpg"</span>, <span class="va">input</span><span class="op">$</span><span class="va">variable</span><span class="op">)</span>, drop <span class="op">=</span> <span class="cn">FALSE</span><span class="op">]</span>
-    <span class="op">}</span>, rownames <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>
-
-    <span class="co"># send the theme to javascript</span>
-    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observe.html">observe</a></span><span class="op">(</span><span class="op">{</span>
-      <span class="va">session</span><span class="op">$</span><span class="fu">sendCustomMessage</span><span class="op">(</span>
-        type <span class="op">=</span> <span class="st">"ui-tweak"</span>,
-        message <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>os <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">theme</span>, skin <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">color</span><span class="op">)</span>
-      <span class="op">)</span>
-    <span class="op">}</span><span class="op">)</span>
-
-  <span class="op">}</span>
-<span class="op">)</span></code></pre></div>
-  </div>
-
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-
-      </div>
-
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
+<span></span>
+<span><span class="va">poll</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html" class="external-link">data.frame</a></span><span class="op">(</span></span>
+<span>  answer <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"Yes"</span>, <span class="st">"No"</span><span class="op">)</span>,</span>
+<span>  n <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">254</span>, <span class="fl">238</span><span class="op">)</span></span>
+<span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
+<span>    <span class="fu"><a href="../reference/f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span>
+<span>      panels <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span>
+<span>        <span class="fu"><a href="../reference/panel.html">f7Panel</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Left Panel"</span>, side <span class="op">=</span> <span class="st">"left"</span>, theme <span class="op">=</span> <span class="st">"light"</span>, <span class="st">"Blabla"</span>, effect <span class="op">=</span> <span class="st">"cover"</span><span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/panel.html">f7Panel</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Right Panel"</span>, side <span class="op">=</span> <span class="st">"right"</span>, theme <span class="op">=</span> <span class="st">"dark"</span>, <span class="st">"Blabla"</span>, effect <span class="op">=</span> <span class="st">"cover"</span><span class="op">)</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
+<span>        title <span class="op">=</span> <span class="st">"Tabs"</span>,</span>
+<span>        hairline <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        shadow <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        leftPanel <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        rightPanel <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      <span class="fu"><a href="../reference/f7Tabs.html">f7Tabs</a></span><span class="op">(</span></span>
+<span>        animated <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        <span class="co">#swipeable = TRUE,</span></span>
+<span>        <span class="fu"><a href="../reference/f7Tab.html">f7Tab</a></span><span class="op">(</span></span>
+<span>          tabName <span class="op">=</span> <span class="st">"Tab 1"</span>,</span>
+<span>          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"folder"</span><span class="op">)</span>,</span>
+<span>          active <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span></span>
+<span>          <span class="fu"><a href="../reference/f7Flex.html">f7Flex</a></span><span class="op">(</span></span>
+<span>            <span class="fu"><a href="https://dreamrs.github.io/shinyWidgets/reference/prettyRadioButtons.html" class="external-link">prettyRadioButtons</a></span><span class="op">(</span></span>
+<span>              inputId <span class="op">=</span> <span class="st">"theme"</span>,</span>
+<span>              label <span class="op">=</span> <span class="st">"Select a theme:"</span>,</span>
+<span>              thick <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>              inline <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>              selected <span class="op">=</span> <span class="st">"md"</span>,</span>
+<span>              choices <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"ios"</span>, <span class="st">"md"</span><span class="op">)</span>,</span>
+<span>              animation <span class="op">=</span> <span class="st">"pulse"</span>,</span>
+<span>              status <span class="op">=</span> <span class="st">"info"</span></span>
+<span>            <span class="op">)</span>,</span>
+<span></span>
+<span>            <span class="fu"><a href="https://dreamrs.github.io/shinyWidgets/reference/prettyRadioButtons.html" class="external-link">prettyRadioButtons</a></span><span class="op">(</span></span>
+<span>              inputId <span class="op">=</span> <span class="st">"color"</span>,</span>
+<span>              label <span class="op">=</span> <span class="st">"Select a color:"</span>,</span>
+<span>              thick <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>              inline <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>              selected <span class="op">=</span> <span class="st">"dark"</span>,</span>
+<span>              choices <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"light"</span>, <span class="st">"dark"</span><span class="op">)</span>,</span>
+<span>              animation <span class="op">=</span> <span class="st">"pulse"</span>,</span>
+<span>              status <span class="op">=</span> <span class="st">"info"</span></span>
+<span>            <span class="op">)</span></span>
+<span>          <span class="op">)</span>,</span>
+<span></span>
+<span>          <span class="va">tags</span><span class="op">$</span><span class="fu">head</span><span class="op">(</span></span>
+<span>            <span class="va">tags</span><span class="op">$</span><span class="fu">script</span><span class="op">(</span></span>
+<span>              <span class="st">'Shiny.addCustomMessageHandler("ui-tweak", function(message) {</span></span>
+<span><span class="st">                var os = message.os;</span></span>
+<span><span class="st">                var skin = message.skin;</span></span>
+<span><span class="st">                if (os === "md") {</span></span>
+<span><span class="st">                  $("html").addClass("md");</span></span>
+<span><span class="st">                  $("html").removeClass("ios");</span></span>
+<span><span class="st">                  $(".tab-link-highlight").show();</span></span>
+<span><span class="st">                } else if (os === "ios") {</span></span>
+<span><span class="st">                  $("html").addClass("ios");</span></span>
+<span><span class="st">                  $("html").removeClass("md");</span></span>
+<span><span class="st">                  $(".tab-link-highlight").hide();</span></span>
+<span><span class="st">                }</span></span>
+<span><span class="st"></span></span>
+<span><span class="st">                if (skin === "dark") {</span></span>
+<span><span class="st">                 $("html").addClass("theme-dark");</span></span>
+<span><span class="st">                } else {</span></span>
+<span><span class="st">                  $("html").removeClass("theme-dark");</span></span>
+<span><span class="st">                }</span></span>
+<span><span class="st"></span></span>
+<span><span class="st">               });</span></span>
+<span><span class="st">              '</span></span>
+<span>            <span class="op">)</span></span>
+<span>          <span class="op">)</span>,</span>
+<span></span>
+<span>          <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span>
+<span>            intensity <span class="op">=</span> <span class="fl">10</span>,</span>
+<span>            hover <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>            <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span></span>
+<span>              title <span class="op">=</span> <span class="st">"Card header"</span>,</span>
+<span>              <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">apexchartOutput</a></span><span class="op">(</span><span class="st">"pie"</span><span class="op">)</span></span>
+<span>            <span class="op">)</span></span>
+<span>          <span class="op">)</span></span>
+<span>        <span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Tab.html">f7Tab</a></span><span class="op">(</span></span>
+<span>          tabName <span class="op">=</span> <span class="st">"Tab 2"</span>,</span>
+<span>          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"keyboard"</span><span class="op">)</span>,</span>
+<span>          active <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>          <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span>
+<span>            intensity <span class="op">=</span> <span class="fl">10</span>,</span>
+<span>            hover <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>            <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span></span>
+<span>              title <span class="op">=</span> <span class="st">"Card header"</span>,</span>
+<span>              <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">apexchartOutput</a></span><span class="op">(</span><span class="st">"scatter"</span><span class="op">)</span></span>
+<span>            <span class="op">)</span></span>
+<span>          <span class="op">)</span></span>
+<span>        <span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Tab.html">f7Tab</a></span><span class="op">(</span></span>
+<span>          tabName <span class="op">=</span> <span class="st">"Tab 3"</span>,</span>
+<span>          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"layers_alt"</span><span class="op">)</span>,</span>
+<span>          active <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>          <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span>
+<span>            intensity <span class="op">=</span> <span class="fl">10</span>,</span>
+<span>            hover <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>            <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span></span>
+<span>              title <span class="op">=</span> <span class="st">"Card header"</span>,</span>
+<span>              <span class="fu"><a href="../reference/smartselect.html">f7SmartSelect</a></span><span class="op">(</span></span>
+<span>                <span class="st">"variable"</span>,</span>
+<span>                <span class="st">"Variables to show:"</span>,</span>
+<span>                <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"Cylinders"</span> <span class="op">=</span> <span class="st">"cyl"</span>,</span>
+<span>                  <span class="st">"Transmission"</span> <span class="op">=</span> <span class="st">"am"</span>,</span>
+<span>                  <span class="st">"Gears"</span> <span class="op">=</span> <span class="st">"gear"</span><span class="op">)</span>,</span>
+<span>                openIn <span class="op">=</span> <span class="st">"sheet"</span>,</span>
+<span>                multiple <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>              <span class="op">)</span>,</span>
+<span>              <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderTable.html" class="external-link">tableOutput</a></span><span class="op">(</span><span class="st">"data"</span><span class="op">)</span></span>
+<span>            <span class="op">)</span></span>
+<span>          <span class="op">)</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">)</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span>
+<span></span>
+<span>    <span class="co"># river plot</span></span>
+<span>    <span class="va">dates</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/reactive.html" class="external-link">reactive</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/seq.Date.html" class="external-link">seq.Date</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html" class="external-link">Sys.Date</a></span><span class="op">(</span><span class="op">)</span> <span class="op">-</span> <span class="fl">30</span>, <span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html" class="external-link">Sys.Date</a></span><span class="op">(</span><span class="op">)</span>, by <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">by</span><span class="op">)</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">pie</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">renderApexchart</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html" class="external-link">apex</a></span><span class="op">(</span></span>
+<span>        data <span class="op">=</span> <span class="va">poll</span>,</span>
+<span>        type <span class="op">=</span> <span class="st">"pie"</span>,</span>
+<span>        mapping <span class="op">=</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">answer</span>, y <span class="op">=</span> <span class="va">n</span><span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">scatter</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">renderApexchart</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html" class="external-link">apex</a></span><span class="op">(</span></span>
+<span>        data <span class="op">=</span> <span class="va">mtcars</span>,</span>
+<span>        type <span class="op">=</span> <span class="st">"scatter"</span>,</span>
+<span>        mapping <span class="op">=</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span></span>
+<span>          x <span class="op">=</span> <span class="va">wt</span>,</span>
+<span>          y <span class="op">=</span> <span class="va">mpg</span>,</span>
+<span>          fill <span class="op">=</span> <span class="va">cyl</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="co"># datatable</span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">data</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderTable.html" class="external-link">renderTable</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="va">mtcars</span><span class="op">[</span>, <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"mpg"</span>, <span class="va">input</span><span class="op">$</span><span class="va">variable</span><span class="op">)</span>, drop <span class="op">=</span> <span class="cn">FALSE</span><span class="op">]</span></span>
+<span>    <span class="op">}</span>, rownames <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="co"># send the theme to javascript</span></span>
+<span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observe.html" class="external-link">observe</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="va">session</span><span class="op">$</span><span class="fu">sendCustomMessage</span><span class="op">(</span></span>
+<span>        type <span class="op">=</span> <span class="st">"ui-tweak"</span>,</span>
+<span>        message <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>os <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">theme</span>, skin <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">color</span><span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>  <span class="op">}</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside>
 </div>
 
 
 
-      <footer><div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p>
+<p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p>
+<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
+    </footer>
 </div>
 
   
 
+  
 
   </body>
 </html>
diff --git a/docs/articles/index.html b/docs/articles/index.html
index b644eb95..93e16298 100644
--- a/docs/articles/index.html
+++ b/docs/articles/index.html
@@ -1,210 +1,106 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Articles • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Articles" />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Articles • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Articles"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-article-index">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-article-index">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-      <h1>Articles</h1>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Articles</h1>
     </div>
 
     <div class="section ">
       <h3>All vignettes</h3>
       <p class="section-desc"></p>
 
-      <dl>
-        <dt><a href="Gadgets.html">Gadgets</a></dt>
-        <dd></dt>
-        <dt><a href="Single-Layout.html">Single-Layout</a></dt>
-        <dd></dt>
-        <dt><a href="Split-Layout.html">Split-Layout</a></dt>
-        <dd></dt>
-        <dt><a href="Tabs-Layout.html">Tabs-Layout</a></dt>
-        <dd></dt>
-        <dt><a href="shinyMobile.html">Getting Started</a></dt>
-        <dd></dt>
-        <dt><a href="shinyMobile_tools.html">shinyMobile Tools</a></dt>
-        <dd></dt>
-      </dl>
-    </div>
-  </div>
-</div>
-
-
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+      <dl><dt><a href="Gadgets.html">Gadgets</a></dt>
+        <dd>
+        </dd><dt><a href="Single-Layout.html">Single-Layout</a></dt>
+        <dd>
+        </dd><dt><a href="Split-Layout.html">Split-Layout</a></dt>
+        <dd>
+        </dd><dt><a href="Tabs-Layout.html">Tabs-Layout</a></dt>
+        <dd>
+        </dd><dt><a href="shinyMobile.html">Getting Started</a></dt>
+        <dd>
+        </dd><dt><a href="shinyMobile_tools.html">shinyMobile Tools</a></dt>
+        <dd>
+      </dd></dl></div>
+  </main></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/articles/shinyMobile.html b/docs/articles/shinyMobile.html
index 99aeafb4..e741c55f 100644
--- a/docs/articles/shinyMobile.html
+++ b/docs/articles/shinyMobile.html
@@ -4,7 +4,8 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="description" content="shinyMobile">
 <title>Getting Started • shinyMobile</title>
 <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
 <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
@@ -12,437 +13,485 @@
 <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png">
 <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png">
 <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png">
-<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
+<script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet">
+<script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
-<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
+<!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
 <meta property="og:title" content="Getting Started">
 <meta property="og:description" content="shinyMobile">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
 </head>
-<body data-spy="scroll" data-target="#toc">
-    <div class="container template-article">
-      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-<li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
+
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
+
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto">
+<li class="active nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider">
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
       </ul>
-<ul class="nav navbar-nav navbar-right">
-<li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+<form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off">
+</form>
+
+      <ul class="navbar-nav">
+<li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
       </ul>
 </div>
-<!--/.nav-collapse -->
+
+    
   </div>
-<!--/.container -->
-</div>
-<!--/.navbar -->
+</nav><div class="container template-article">
+
 
-      
 
-      </header><script src="shinyMobile_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header toc-ignore">
-      <h1 data-toc-skip>Getting Started</h1>
-                        <h4 class="author">David Granjon</h4>
+
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Getting Started</h1>
+                        <h4 data-toc-skip class="author">David
+Granjon</h4>
             
-            <h4 class="date">2021-09-15</h4>
+            <h4 data-toc-skip class="date">2024-01-20</h4>
       
-      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/master/vignettes/shinyMobile.Rmd"><code>vignettes/shinyMobile.Rmd</code></a></small>
-      <div class="hidden name"><code>shinyMobile.Rmd</code></div>
-
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/vignettes/shinyMobile.Rmd" class="external-link"><code>vignettes/shinyMobile.Rmd</code></a></small>
+      <div class="d-none name"><code>shinyMobile.Rmd</code></div>
     </div>
 
     
     
-<iframe src="https://rinterface.com/shiny/talks/rencontresR2021/slides.html" width="700" height="400px">
+<iframe src="https://rencontresr2021.rinterface.com/" width="700" height="400px" data-external="1">
 </iframe>
-<div id="introduction" class="section level2">
-<h2 class="hasAnchor">
-<a href="#introduction" class="anchor"></a>Introduction</h2>
-<p><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> is built on top of the latest <a href="https://framework7.io">framework7</a> template (V5.7.14). It may be used for different purposes:</p>
+<div class="section level2">
+<h2 id="introduction">Introduction<a class="anchor" aria-label="anchor" href="#introduction"></a>
+</h2>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> is built on top of the latest <a href="https://framework7.io" class="external-link">framework7</a> template (V5.7.14). It may
+be used for different purposes:</p>
 <ul>
 <li>develop mobile-ready shinyapps</li>
 <li>develop progressive web shinyapps (PWA, similar to native apps)</li>
 <li>develop desktop shinyapps</li>
 </ul>
 </div>
-<div id="custom-skins" class="section level2">
-<h2 class="hasAnchor">
-<a href="#custom-skins" class="anchor"></a>Custom skins</h2>
-<p><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> has 3 skins:</p>
+<div class="section level2">
+<h2 id="custom-skins">Custom skins<a class="anchor" aria-label="anchor" href="#custom-skins"></a>
+</h2>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> has 3 skins:</p>
 <ul>
 <li>
 <strong>aurora</strong> for desktop apps</li>
 <li>
 <strong>ios</strong> and <strong>md</strong> for mobile apps</li>
 </ul>
-<p>It automatically detects if the app is running with android or iOS and accordingly adapt the layout. It is of course possible to apply the iOS skin on android and inversely, even though not recommended.</p>
-<p><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> also provides 2 themes, namely light and dark. While framework7 allows to apply dark or light theme not only at the global level but at the “widget level”, <a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> does not support that feature, to improve the overall consistency. Only panels can have a color independent of the global theme.</p>
+<p>It automatically detects if the app is running with android or iOS
+and accordingly adapt the layout. It is of course possible to apply the
+iOS skin on android and inversely, even though not recommended.</p>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> also provides 2 themes, namely light and
+dark. While framework7 allows to apply dark or light theme not only at
+the global level but at the “widget level”, <a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a>
+does not support that feature, to improve the overall consistency. Only
+panels can have a color independent of the global theme.</p>
 </div>
-<div id="layouts" class="section level2">
-<h2 class="hasAnchor">
-<a href="#layouts" class="anchor"></a>Layouts</h2>
-<p><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> brings 3 out of the box layouts:</p>
+<div class="section level2">
+<h2 id="layouts">Layouts<a class="anchor" aria-label="anchor" href="#layouts"></a>
+</h2>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> brings 3 out of the box layouts:</p>
 <ul>
 <li>
-<code>f7SingleLayout</code>: develop simple apps (best choice for iOS/android Apps)</li>
+<code>f7SingleLayout</code>: develop simple apps (best choice for
+iOS/android Apps)</li>
 <li>
-<code>f7TabLayout</code>: develop complex multi-tabbed Apps (best choice for iOS/android Apps)</li>
+<code>f7TabLayout</code>: develop complex multi-tabbed Apps (best
+choice for iOS/android Apps)</li>
 <li>
-<code>f7SplitLayout</code>: for tablets and desktop with a sidebar, navbar and a main panel</li>
-<li>Coming soon: a multi-pages layout with animations between pages!</li>
+<code>f7SplitLayout</code>: for tablets and desktop with a sidebar,
+navbar and a main panel</li>
+<li>Coming soon: a multi-pages layout with animations between
+pages!</li>
 </ul>
 </div>
-<div id="new-inputs" class="section level2">
-<h2 class="hasAnchor">
-<a href="#new-inputs" class="anchor"></a>New Inputs</h2>
-<p><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> has its own custom input widgets with unique design for each skin (iOS/android/aurora):</p>
+<div class="section level2">
+<h2 id="new-inputs">New Inputs<a class="anchor" aria-label="anchor" href="#new-inputs"></a>
+</h2>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> has its own custom input widgets with
+unique design for each skin (iOS/android/aurora):</p>
 <ul>
-<li><code><a href="../reference/f7Slider.html">f7Slider()</a></code></li>
-<li><code><a href="../reference/f7Text.html">f7Text()</a></code></li>
-<li><code><a href="../reference/f7checkBox.html">f7checkBox()</a></code></li>
-<li><code><a href="../reference/f7checkBox.html">f7checkBoxGroup()</a></code></li>
-<li><code><a href="../reference/f7Radio.html">f7Radio()</a></code></li>
-<li><code><a href="../reference/f7Toggle.html">f7Toggle()</a></code></li>
+<li><code><a href="../reference/slider.html">f7Slider()</a></code></li>
+<li><code><a href="../reference/text.html">f7Text()</a></code></li>
+<li><code><a href="../reference/f7-deprecated.html">f7checkBox()</a></code></li>
+<li><code><a href="../reference/f7-deprecated.html">f7checkBoxGroup()</a></code></li>
+<li><code><a href="../reference/radio.html">f7Radio()</a></code></li>
+<li><code><a href="../reference/toggle.html">f7Toggle()</a></code></li>
 <li>
-<code><a href="../reference/f7Stepper.html">f7Stepper()</a></code>: equivalent to <code><a href="https://rdrr.io/pkg/shiny/man/numericInput.html">numericInput()</a></code> from {shiny}</li>
-<li><code><a href="../reference/f7Picker.html">f7Picker()</a></code></li>
-<li><code><a href="../reference/f7DatePicker.html">f7DatePicker()</a></code></li>
+<code><a href="../reference/stepper.html">f7Stepper()</a></code>: equivalent to <code><a href="https://rdrr.io/pkg/shiny/man/numericInput.html" class="external-link">numericInput()</a></code>
+from {shiny}</li>
+<li><code><a href="../reference/picker.html">f7Picker()</a></code></li>
+<li><code><a href="../reference/datepicker.html">f7DatePicker()</a></code></li>
 <li><code><a href="../reference/f7ColorPicker.html">f7ColorPicker()</a></code></li>
 <li><code><a href="../reference/f7Password.html">f7Password()</a></code></li>
-<li><code><a href="../reference/f7SmartSelect.html">f7SmartSelect()</a></code></li>
-<li><code><a href="../reference/f7Select.html">f7Select()</a></code></li>
-<li><code><a href="../reference/f7AutoComplete.html">f7AutoComplete()</a></code></li>
+<li><code><a href="../reference/smartselect.html">f7SmartSelect()</a></code></li>
+<li><code><a href="../reference/select.html">f7Select()</a></code></li>
+<li><code><a href="../reference/autocomplete.html">f7AutoComplete()</a></code></li>
 <li>
-<code><a href="../reference/f7Button.html">f7Button()</a></code>: similar to <code><a href="https://rdrr.io/pkg/shiny/man/actionButton.html">actionButton()</a></code> from {shiny}</li>
+<code><a href="../reference/button.html">f7Button()</a></code>: similar to <code><a href="https://rdrr.io/pkg/shiny/man/actionButton.html" class="external-link">actionButton()</a></code> from
+{shiny}</li>
 <li>
-<code><a href="../reference/f7Fab.html">f7Fab()</a></code>: enhanced <code><a href="../reference/f7Button.html">f7Button()</a></code> with ability to be gathered in a <code><a href="../reference/f7Fabs.html">f7Fabs()</a></code> container</li>
+<code><a href="../reference/fab.html">f7Fab()</a></code>: enhanced <code><a href="../reference/button.html">f7Button()</a></code> with ability
+to be gathered in a <code><a href="../reference/fabs.html">f7Fabs()</a></code> container</li>
 <li>and more</li>
 </ul>
 <p>It also has custom update functions to act on the server side:</p>
 <ul>
-<li><code><a href="../reference/f7AutoComplete.html">updateF7AutoComplete()</a></code></li>
-<li><code><a href="../reference/f7Picker.html">updateF7Picker()</a></code></li>
-<li><code><a href="../reference/f7Stepper.html">updateF7Stepper()</a></code></li>
-<li><code><a href="../reference/f7Toggle.html">updateF7Toggle()</a></code></li>
-<li><code><a href="../reference/f7Slider.html">updateF7Slider()</a></code></li>
-<li><code><a href="../reference/f7Fab.html">updateF7Fab()</a></code></li>
-<li><code><a href="../reference/f7Text.html">updateF7Text()</a></code></li>
-<li><code><a href="../reference/f7Checkbox.html">updateF7Checkbox()</a></code></li>
+<li><code><a href="../reference/autocomplete.html">updateF7AutoComplete()</a></code></li>
+<li><code><a href="../reference/picker.html">updateF7Picker()</a></code></li>
+<li><code><a href="../reference/stepper.html">updateF7Stepper()</a></code></li>
+<li><code><a href="../reference/toggle.html">updateF7Toggle()</a></code></li>
+<li><code><a href="../reference/slider.html">updateF7Slider()</a></code></li>
+<li><code><a href="../reference/fab.html">updateF7Fab()</a></code></li>
+<li><code><a href="../reference/text.html">updateF7Text()</a></code></li>
+<li><code><a href="../reference/checkbox.html">updateF7Checkbox()</a></code></li>
 <li>and many more</li>
 </ul>
-<p>Finally, it also provides tools to dynamically update widgets on the server side like cards, accordions, tabs, panels and more:</p>
+<p>Finally, it also provides tools to dynamically update widgets on the
+server side like cards, accordions, tabs, panels and more:</p>
 <ul>
-<li><code><a href="../reference/f7Accordion.html">updateF7Accordion()</a></code></li>
-<li><code><a href="../reference/f7Card.html">updateF7Card()</a></code></li>
-<li><code><a href="../reference/f7Gauge.html">updateF7Gauge()</a></code></li>
-<li><code><a href="../reference/f7Progress.html">updateF7Progress()</a></code></li>
-<li><code><a href="../reference/f7Sheet.html">updateF7Sheet()</a></code></li>
+<li><code><a href="../reference/accordion.html">updateF7Accordion()</a></code></li>
+<li><code><a href="../reference/card.html">updateF7Card()</a></code></li>
+<li><code><a href="../reference/gauge.html">updateF7Gauge()</a></code></li>
+<li><code><a href="../reference/progress.html">updateF7Progress()</a></code></li>
+<li><code><a href="../reference/sheet.html">updateF7Sheet()</a></code></li>
 <li>many more</li>
 </ul>
 </div>
-<div id="create-your-first-app" class="section level2">
-<h2 class="hasAnchor">
-<a href="#create-your-first-app" class="anchor"></a>Create your first App</h2>
-<div id="select-a-template" class="section level4">
-<h4 class="hasAnchor">
-<a href="#select-a-template" class="anchor"></a>Select a template</h4>
-<p>This choice is crucial when you are developing an App. It depends on the complexity of your visualizations and content. If your plan is to develop a simple graph or table, you should go for the <code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code> option. For more complex design, the best is <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>. <code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code> is specific for tablets and desktop apps.</p>
+<div class="section level2">
+<h2 id="create-your-first-app">Create your first App<a class="anchor" aria-label="anchor" href="#create-your-first-app"></a>
+</h2>
+<div class="section level4">
+<h4 id="select-a-template">Select a template<a class="anchor" aria-label="anchor" href="#select-a-template"></a>
+</h4>
+<p>This choice is crucial when you are developing an App. It depends on
+the complexity of your visualizations and content. If your plan is to
+develop a simple graph or table, you should go for the
+<code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code> option. For more complex design, the best
+is <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>. <code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code> is specific
+for tablets and desktop apps.</p>
 </div>
-<div id="simple-layout" class="section level4">
-<h4 class="hasAnchor">
-<a href="#simple-layout" class="anchor"></a>Simple Layout</h4>
+<div class="section level4">
+<h4 id="simple-layout">Simple Layout<a class="anchor" aria-label="anchor" href="#simple-layout"></a>
+</h4>
 <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span>
-  <span class="va">...</span>, 
-  <span class="va">navbar</span>, 
-  toolbar <span class="op">=</span> <span class="cn">NULL</span>, 
-  panels <span class="op">=</span> <span class="cn">NULL</span>,
-  appbar <span class="op">=</span> <span class="cn">NULL</span>
-<span class="op">)</span></code></pre></div>
-<p>While only the navbar is mandatory, other components such as the toolbar are optionnal for the <code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code>.</p>
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span>
+<span>  <span class="va">...</span>, </span>
+<span>  <span class="va">navbar</span>, </span>
+<span>  toolbar <span class="op">=</span> <span class="cn">NULL</span>, </span>
+<span>  panels <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  appbar <span class="op">=</span> <span class="cn">NULL</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p>While only the navbar is mandatory, other components such as the
+toolbar are optionnal for the <code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code>.</p>
 </div>
-<div id="tabs-layout" class="section level4">
-<h4 class="hasAnchor">
-<a href="#tabs-layout" class="anchor"></a>Tabs Layout</h4>
+<div class="section level4">
+<h4 id="tabs-layout">Tabs Layout<a class="anchor" aria-label="anchor" href="#tabs-layout"></a>
+</h4>
 <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu"><a href="../reference/f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span>
-  <span class="va">...</span>, 
-  <span class="va">navbar</span>, 
-  panels <span class="op">=</span> <span class="cn">NULL</span>, 
-  appbar <span class="op">=</span> <span class="cn">NULL</span>
-<span class="op">)</span></code></pre></div>
-<p>The … argument requires <code><a href="../reference/f7Tabs.html">f7Tabs(..., id = NULL, swipeable = FALSE, animated = TRUE)</a></code>. The id argument is mandatory if you want to exploit the <code><a href="../reference/updateF7Tabs.html">updateF7Tabs()</a></code> function. <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> expect to have <code><a href="../reference/f7Tab.html">f7Tab(..., tabName, icon = NULL, active = FALSE)</a></code> passed inside.</p>
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span>
+<span>  <span class="va">...</span>, </span>
+<span>  <span class="va">navbar</span>, </span>
+<span>  panels <span class="op">=</span> <span class="cn">NULL</span>, </span>
+<span>  appbar <span class="op">=</span> <span class="cn">NULL</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p>The … argument requires
+<code>f7Tabs(..., id = NULL, swipeable = FALSE, animated = TRUE)</code>.
+The id argument is mandatory if you want to exploit the
+<code><a href="../reference/updateF7Tabs.html">updateF7Tabs()</a></code> function. <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> expect to
+have <code>f7Tab(..., tabName, icon = NULL, active = FALSE)</code>
+passed inside.</p>
 </div>
-<div id="split-layout-similar-to-sidebarlayout-in-shiny" class="section level4">
-<h4 class="hasAnchor">
-<a href="#split-layout-similar-to-sidebarlayout-in-shiny" class="anchor"></a>Split Layout (similar to sidebarLayout in {shiny})</h4>
-<div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><span id="cb3-1"><a href="#cb3-1"></a><span class="kw">f7SplitLayout</span>(.</span>
-<span id="cb3-2"><a href="#cb3-2"></a>  ..., </span>
-<span id="cb3-3"><a href="#cb3-3"></a>  navbar, </span>
-<span id="cb3-4"><a href="#cb3-4"></a>  sidebar, </span>
-<span id="cb3-5"><a href="#cb3-5"></a>  <span class="dt">toolbar =</span> <span class="ot">NULL</span>, </span>
-<span id="cb3-6"><a href="#cb3-6"></a>  <span class="dt">panels =</span> <span class="ot">NULL</span>,</span>
-<span id="cb3-7"><a href="#cb3-7"></a>  <span class="dt">appbar =</span> <span class="ot">NULL</span></span>
-<span id="cb3-8"><a href="#cb3-8"></a>)</span></code></pre></div>
-<p>The main content goes in the … parameter. Navigation items are gathered in the sidebar slot. The sidebar expect a <code>f7Panel</code>. Importantly, the side parameter must be set to “left” and the style to “reveal”. The navigation menu is organized as follows:</p>
+<div class="section level4">
+<h4 id="split-layout-similar-to-sidebarlayout-in-shiny">Split Layout (similar to sidebarLayout in {shiny})<a class="anchor" aria-label="anchor" href="#split-layout-similar-to-sidebarlayout-in-shiny"></a>
+</h4>
+<div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><span id="cb3-1"><a href="#cb3-1" tabindex="-1"></a><span class="fu">f7SplitLayout</span>(.</span>
+<span id="cb3-2"><a href="#cb3-2" tabindex="-1"></a>  ..., </span>
+<span id="cb3-3"><a href="#cb3-3" tabindex="-1"></a>  navbar, </span>
+<span id="cb3-4"><a href="#cb3-4" tabindex="-1"></a>  sidebar, </span>
+<span id="cb3-5"><a href="#cb3-5" tabindex="-1"></a>  <span class="at">toolbar =</span> <span class="cn">NULL</span>, </span>
+<span id="cb3-6"><a href="#cb3-6" tabindex="-1"></a>  <span class="at">panels =</span> <span class="cn">NULL</span>,</span>
+<span id="cb3-7"><a href="#cb3-7" tabindex="-1"></a>  <span class="at">appbar =</span> <span class="cn">NULL</span></span>
+<span id="cb3-8"><a href="#cb3-8" tabindex="-1"></a>)</span></code></pre></div>
+<p>The main content goes in the … parameter. Navigation items are
+gathered in the sidebar slot. The sidebar expect a <code>f7Panel</code>.
+Importantly, the side parameter must be set to “left” and the style to
+“reveal”. The navigation menu is organized as follows:</p>
 <div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu"><a href="../reference/f7PanelMenu.html">f7PanelMenu</a></span><span class="op">(</span>
-  id <span class="op">=</span> <span class="st">"menu"</span>,
-  <span class="fu"><a href="../reference/f7PanelMenu.html">f7PanelItem</a></span><span class="op">(</span>
-    tabName <span class="op">=</span> <span class="st">"tab1"</span>, 
-    title <span class="op">=</span> <span class="st">"Tab 1"</span>, 
-    icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"email"</span><span class="op">)</span>, 
-    active <span class="op">=</span> <span class="cn">TRUE</span>
-  <span class="op">)</span>,
-  <span class="fu"><a href="../reference/f7PanelMenu.html">f7PanelItem</a></span><span class="op">(</span>
-    tabName <span class="op">=</span> <span class="st">"tab2"</span>, 
-    title <span class="op">=</span> <span class="st">"Tab 2"</span>, 
-    icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"home"</span><span class="op">)</span>
-  <span class="op">)</span>
-<span class="op">)</span></code></pre></div>
-<p>The <strong>id</strong> argument is important if you want to get the currently selected item or update the select tab. Each <code>f7PanelItem</code> has a mandatory <strong>tabName</strong>. The associated input will be <code>input$menu</code> in that example, with “tab1” for value since the first tab was set to an active state. To adequately link the body and the sidebar, you must wrap the body content in <code><a href="../reference/f7Items.html">f7Items()</a></code> containing as many <code><a href="../reference/f7Item.html">f7Item()</a></code> as sidebar items. The <strong>tabName</strong> must correspond!</p>
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/panelmenu.html">f7PanelMenu</a></span><span class="op">(</span></span>
+<span>  id <span class="op">=</span> <span class="st">"menu"</span>,</span>
+<span>  <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span></span>
+<span>    tabName <span class="op">=</span> <span class="st">"tab1"</span>, </span>
+<span>    title <span class="op">=</span> <span class="st">"Tab 1"</span>, </span>
+<span>    icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"email"</span><span class="op">)</span>, </span>
+<span>    active <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span></span>
+<span>    tabName <span class="op">=</span> <span class="st">"tab2"</span>, </span>
+<span>    title <span class="op">=</span> <span class="st">"Tab 2"</span>, </span>
+<span>    icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"home"</span><span class="op">)</span></span>
+<span>  <span class="op">)</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p>The <strong>id</strong> argument is important if you want to get the
+currently selected item or update the select tab. Each
+<code>f7PanelItem</code> has a mandatory <strong>tabName</strong>. The
+associated input will be <code>input$menu</code> in that example, with
+“tab1” for value since the first tab was set to an active state. To
+adequately link the body and the sidebar, you must wrap the body content
+in <code><a href="../reference/f7Items.html">f7Items()</a></code> containing as many <code><a href="../reference/f7Item.html">f7Item()</a></code> as
+sidebar items. The <strong>tabName</strong> must correspond!</p>
 </div>
-<div id="core-layout-components" class="section level4">
-<h4 class="hasAnchor">
-<a href="#core-layout-components" class="anchor"></a>Core Layout Components</h4>
+<div class="section level4">
+<h4 id="core-layout-components">Core Layout Components<a class="anchor" aria-label="anchor" href="#core-layout-components"></a>
+</h4>
 </div>
-<div id="page" class="section level4">
-<h4 class="hasAnchor">
-<a href="#page" class="anchor"></a>Page</h4>
+<div class="section level4">
+<h4 id="page">Page<a class="anchor" aria-label="anchor" href="#page"></a>
+</h4>
 <p>It is the main skeleton of the template.</p>
 <div class="sourceCode" id="cb5"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span>
-  <span class="va">...</span>, 
-  options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
-    theme <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"ios"</span>, <span class="st">"md"</span>, <span class="st">"auto"</span>, <span class="st">"aurora"</span><span class="op">)</span>,
-    dark <span class="op">=</span> <span class="cn">TRUE</span>,
-    filled <span class="op">=</span> <span class="cn">FALSE</span>,
-    color <span class="op">=</span> <span class="st">"#007aff"</span>,
-    touch <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
-      tapHold <span class="op">=</span> <span class="cn">TRUE</span>,
-      tapHoldDelay <span class="op">=</span> <span class="fl">750</span>,
-      iosTouchRipple <span class="op">=</span> <span class="cn">FALSE</span>
-    <span class="op">)</span>,
-    iosTranslucentBars <span class="op">=</span> <span class="cn">FALSE</span>,
-    navbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
-      iosCenterTitle <span class="op">=</span> <span class="cn">TRUE</span>,
-      hideNavOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span>
-    <span class="op">)</span>,
-    toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
-      hideNavOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span>
-    <span class="op">)</span>,
-    pullToRefresh <span class="op">=</span> <span class="cn">FALSE</span>
-  <span class="op">)</span>,
-  title <span class="op">=</span> <span class="cn">NULL</span>, 
-  preloader <span class="op">=</span> <span class="cn">FALSE</span>, 
-  loading_duration <span class="op">=</span> <span class="fl">3</span>,
-  allowPWA <span class="op">=</span> <span class="cn">FALSE</span>
-<span class="op">)</span></code></pre></div>
-<p><strong>options</strong> sets up the app look and feel. <strong>preloader</strong> is useful in case you want to display a loading screen. <code><a href="../reference/f7Page.html">f7Page()</a></code> accepts any <a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> layout.</p>
-<div id="navbar" class="section level5">
-<h5 class="hasAnchor">
-<a href="#navbar" class="anchor"></a>Navbar</h5>
-<p>The <strong>navbar</strong> is a mandatory element of any <a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> layout. It contains a title, a subtitle, triggers for both right and left panels (<code><a href="../reference/f7Panel.html">f7Panel()</a></code>) as well as a subnavbar (<code><a href="../reference/f7SubNavbar.html">f7SubNavbar()</a></code>).</p>
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>  <span class="va">...</span>, </span>
+<span>  options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>    theme <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"ios"</span>, <span class="st">"md"</span>, <span class="st">"auto"</span>, <span class="st">"aurora"</span><span class="op">)</span>,</span>
+<span>    dark <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>    filled <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>    color <span class="op">=</span> <span class="st">"#007aff"</span>,</span>
+<span>    touch <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>      tapHold <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>      tapHoldDelay <span class="op">=</span> <span class="fl">750</span>,</span>
+<span>      iosTouchRipple <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>    <span class="op">)</span>,</span>
+<span>    iosTranslucentBars <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>    navbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>      iosCenterTitle <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>      hideNavOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>    <span class="op">)</span>,</span>
+<span>    toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>      hideNavOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>    <span class="op">)</span>,</span>
+<span>    pullToRefresh <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>, </span>
+<span>  preloader <span class="op">=</span> <span class="cn">FALSE</span>, </span>
+<span>  loading_duration <span class="op">=</span> <span class="fl">3</span>,</span>
+<span>  allowPWA <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p><strong>options</strong> sets up the app look and feel.
+<strong>preloader</strong> is useful in case you want to display a
+loading screen. <code><a href="../reference/f7Page.html">f7Page()</a></code> accepts any
+<a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> layout.</p>
+<div class="section level5">
+<h5 id="navbar">Navbar<a class="anchor" aria-label="anchor" href="#navbar"></a>
+</h5>
+<p>The <strong>navbar</strong> is a mandatory element of any
+<a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> layout. It contains a title, a subtitle,
+triggers for both right and left panels (<code><a href="../reference/panel.html">f7Panel()</a></code>) as well
+as a subnavbar (<code><a href="../reference/f7SubNavbar.html">f7SubNavbar()</a></code>).</p>
 <div class="sourceCode" id="cb6"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu"><a href="../reference/f7Navbar.html">f7Navbar</a></span><span class="op">(</span>
-  <span class="va">...</span>, 
-  subNavbar <span class="op">=</span> <span class="cn">NULL</span>, 
-  title <span class="op">=</span> <span class="cn">NULL</span>, 
-  subtitle <span class="op">=</span> <span class="cn">NULL</span>,
-  hairline <span class="op">=</span> <span class="cn">TRUE</span>, 
-  shadow <span class="op">=</span> <span class="cn">TRUE</span>, 
-  bigger <span class="op">=</span> <span class="cn">FALSE</span>,
-  leftPanel <span class="op">=</span> <span class="cn">FALSE</span>, 
-  rightPanel <span class="op">=</span> <span class="cn">FALSE</span>
-<span class="op">)</span></code></pre></div>
-<p>For complex apps, it might be interesting to add a <code><a href="../reference/f7SubNavbar.html">f7SubNavbar(...)</a></code>. It may contain any element like <code><a href="../reference/f7Button.html">f7Button()</a></code> or text. <code><a href="../reference/f7Navbar.html">f7Navbar()</a></code> has also styling parameters such as shadow and hairline.</p>
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
+<span>  <span class="va">...</span>, </span>
+<span>  subNavbar <span class="op">=</span> <span class="cn">NULL</span>, </span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>, </span>
+<span>  subtitle <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  hairline <span class="op">=</span> <span class="cn">TRUE</span>, </span>
+<span>  shadow <span class="op">=</span> <span class="cn">TRUE</span>, </span>
+<span>  bigger <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  leftPanel <span class="op">=</span> <span class="cn">FALSE</span>, </span>
+<span>  rightPanel <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p>For complex apps, it might be interesting to add a
+<code>f7SubNavbar(...)</code>. It may contain any element like
+<code><a href="../reference/button.html">f7Button()</a></code> or text. <code><a href="../reference/navbar.html">f7Navbar()</a></code> has also
+styling parameters such as shadow and hairline.</p>
 </div>
-<div id="the-toolbar" class="section level5">
-<h5 class="hasAnchor">
-<a href="#the-toolbar" class="anchor"></a>The Toolbar</h5>
-<p>This is an option if you decide not to embed a <code><a href="../reference/f7SubNavbar.html">f7SubNavbar()</a></code>. The toolbar is the rigth place to add <code><a href="../reference/f7Button.html">f7Button()</a></code>, <code><a href="../reference/f7Link.html">f7Link()</a></code>, <code><a href="../reference/f7Badge.html">f7Badge()</a></code>… Its position is controlled with the position parameter (either top or bottom).</p>
+<div class="section level5">
+<h5 id="the-toolbar">The Toolbar<a class="anchor" aria-label="anchor" href="#the-toolbar"></a>
+</h5>
+<p>This is an option if you decide not to embed a
+<code><a href="../reference/f7SubNavbar.html">f7SubNavbar()</a></code>. The toolbar is the rigth place to add
+<code><a href="../reference/button.html">f7Button()</a></code>, <code><a href="../reference/f7Link.html">f7Link()</a></code>, <code><a href="../reference/f7Badge.html">f7Badge()</a></code>…
+Its position is controlled with the position parameter (either top or
+bottom).</p>
 <div class="sourceCode" id="cb7"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span>
-  <span class="va">...</span>, 
-  position <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"top"</span>, <span class="st">"bottom"</span><span class="op">)</span>, 
-  hairline <span class="op">=</span> <span class="cn">TRUE</span>,
-  shadow <span class="op">=</span> <span class="cn">TRUE</span>, 
-  icons <span class="op">=</span> <span class="cn">FALSE</span>, 
-  scrollable <span class="op">=</span> <span class="cn">FALSE</span>
-<span class="op">)</span></code></pre></div>
-<p>Under the hood, <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> is a custom <code><a href="../reference/f7Toolbar.html">f7Toolbar()</a></code>!</p>
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span></span>
+<span>  <span class="va">...</span>, </span>
+<span>  position <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"top"</span>, <span class="st">"bottom"</span><span class="op">)</span>, </span>
+<span>  hairline <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  shadow <span class="op">=</span> <span class="cn">TRUE</span>, </span>
+<span>  icons <span class="op">=</span> <span class="cn">FALSE</span>, </span>
+<span>  scrollable <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p>Under the hood, <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> is a custom
+<code><a href="../reference/f7Toolbar.html">f7Toolbar()</a></code>!</p>
 </div>
-<div id="panels" class="section level5">
-<h5 class="hasAnchor">
-<a href="#panels" class="anchor"></a>Panels</h5>
-<p>Panels are also called sidebars. <code><a href="../reference/f7Panel.html">f7Panel()</a></code> is the corresponding function.</p>
+<div class="section level5">
+<h5 id="panels">Panels<a class="anchor" aria-label="anchor" href="#panels"></a>
+</h5>
+<p>Panels are also called sidebars. <code><a href="../reference/panel.html">f7Panel()</a></code> is the
+corresponding function.</p>
 <div class="sourceCode" id="cb8"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu"><a href="../reference/f7Panel.html">f7Panel</a></span><span class="op">(</span>
-  <span class="va">...</span>, 
-  id <span class="op">=</span> <span class="cn">NULL</span>,
-  title <span class="op">=</span> <span class="cn">NULL</span>, 
-  side <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"left"</span>, <span class="st">"right"</span><span class="op">)</span>,
-  theme <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"dark"</span>, <span class="st">"light"</span><span class="op">)</span>, 
-  effect <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"reveal"</span>, <span class="st">"cover"</span><span class="op">)</span>,
-  resizable <span class="op">=</span> <span class="cn">FALSE</span>
-<span class="op">)</span></code></pre></div>
-<p>Although the App has a <strong>theme</strong> option, <code><a href="../reference/f7Panel.html">f7Panel()</a></code> has an independent <strong>theme</strong> option. For instance, it is definitely possible to create a dark <code><a href="../reference/f7Panel.html">f7Panel()</a></code> while the page theme is light, and conversely. Its behaviour is controlled via the effect argument:</p>
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/panel.html">f7Panel</a></span><span class="op">(</span></span>
+<span>  <span class="va">...</span>, </span>
+<span>  id <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>, </span>
+<span>  side <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"left"</span>, <span class="st">"right"</span><span class="op">)</span>,</span>
+<span>  theme <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"dark"</span>, <span class="st">"light"</span><span class="op">)</span>, </span>
+<span>  effect <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"reveal"</span>, <span class="st">"cover"</span><span class="op">)</span>,</span>
+<span>  resizable <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p>Although the App has a <strong>theme</strong> option,
+<code><a href="../reference/panel.html">f7Panel()</a></code> has an independent <strong>theme</strong> option.
+For instance, it is definitely possible to create a dark
+<code><a href="../reference/panel.html">f7Panel()</a></code> while the page theme is light, and conversely.
+Its behaviour is controlled via the effect argument:</p>
 <ul>
 <li>
-<strong>reveal</strong> will make the body content move and resize</li>
+<strong>reveal</strong> will make the body content move and
+resize</li>
 <li>
 <strong>cover</strong> will cover the body content</li>
 </ul>
-<p>The <strong>resizable</strong> argument allows to dynamically resize the panel.</p>
-<p>Note that for the moment, there is no option to control the width of each panel.</p>
-<p>As stated previously for the <code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code>, the <code><a href="../reference/f7Panel.html">f7Panel()</a></code> may also be considered as a sidebar. In that case, we may include <code><a href="../reference/f7PanelMenu.html">f7PanelMenu()</a></code>. Finally do not forget to set up the <code><a href="../reference/f7Navbar.html">f7Navbar()</a></code> so that panels are allowed!</p>
+<p>The <strong>resizable</strong> argument allows to dynamically resize
+the panel.</p>
+<p>Note that for the moment, there is no option to control the width of
+each panel.</p>
+<p>As stated previously for the <code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code>, the
+<code><a href="../reference/panel.html">f7Panel()</a></code> may also be considered as a sidebar. In that
+case, we may include <code><a href="../reference/panelmenu.html">f7PanelMenu()</a></code>. Finally do not forget
+to set up the <code><a href="../reference/navbar.html">f7Navbar()</a></code> so that panels are allowed!</p>
 </div>
-<div id="the-appbar" class="section level5">
-<h5 class="hasAnchor">
-<a href="#the-appbar" class="anchor"></a>The appbar</h5>
-<p><code><a href="../reference/f7Appbar.html">f7Appbar()</a></code> is displayed on top of the <code><a href="../reference/f7Navbar.html">f7Navbar()</a></code>. It is a best choice to embed <code><a href="../reference/f7Searchbar.html">f7Searchbar()</a></code>. <code><a href="../reference/f7Appbar.html">f7Appbar()</a></code> may also trigger <code><a href="../reference/f7Panel.html">f7Panel()</a></code>.</p>
+<div class="section level5">
+<h5 id="the-appbar">The appbar<a class="anchor" aria-label="anchor" href="#the-appbar"></a>
+</h5>
+<p><code><a href="../reference/appbar.html">f7Appbar()</a></code> is displayed on top of the
+<code><a href="../reference/navbar.html">f7Navbar()</a></code>. It is a best choice to embed
+<code><a href="../reference/f7Searchbar.html">f7Searchbar()</a></code>. <code><a href="../reference/appbar.html">f7Appbar()</a></code> may also trigger
+<code><a href="../reference/panel.html">f7Panel()</a></code>.</p>
 <div class="sourceCode" id="cb9"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu"><a href="../reference/f7Appbar.html">f7Appbar</a></span><span class="op">(</span>
-  <span class="va">...</span>, 
-  leftPanel <span class="op">=</span> <span class="cn">FALSE</span>, 
-  rightPanel <span class="op">=</span> <span class="cn">FALSE</span>,
-  maximizable <span class="op">=</span> <span class="cn">FALSE</span>
-<span class="op">)</span></code></pre></div>
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/appbar.html">f7Appbar</a></span><span class="op">(</span></span>
+<span>  <span class="va">...</span>, </span>
+<span>  leftPanel <span class="op">=</span> <span class="cn">FALSE</span>, </span>
+<span>  rightPanel <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  maximizable <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
 </div>
 </div>
-<div id="options" class="section level4">
-<h4 class="hasAnchor">
-<a href="#options" class="anchor"></a>Options</h4>
+<div class="section level4">
+<h4 id="options">Options<a class="anchor" aria-label="anchor" href="#options"></a>
+</h4>
 <p>This is probably the most important element of the template:</p>
 <div class="sourceCode" id="cb10"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="va">options</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
-    theme <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html">c</a></span><span class="op">(</span><span class="st">"ios"</span>, <span class="st">"md"</span>, <span class="st">"auto"</span>, <span class="st">"aurora"</span><span class="op">)</span>,
-    dark <span class="op">=</span> <span class="cn">TRUE</span>,
-    filled <span class="op">=</span> <span class="cn">FALSE</span>,
-    color <span class="op">=</span> <span class="st">"#007aff"</span>,
-    touch <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
-      tapHold <span class="op">=</span> <span class="cn">TRUE</span>,
-      tapHoldDelay <span class="op">=</span> <span class="fl">750</span>,
-      iosTouchRipple <span class="op">=</span> <span class="cn">FALSE</span>
-    <span class="op">)</span>,
-    iosTranslucentBars <span class="op">=</span> <span class="cn">FALSE</span>,
-    navbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
-      iosCenterTitle <span class="op">=</span> <span class="cn">TRUE</span>,
-      hideNavOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span>
-    <span class="op">)</span>,
-    toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>
-      hideNavOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span>
-    <span class="op">)</span>,
-    pullToRefresh <span class="op">=</span> <span class="cn">FALSE</span>
-  <span class="op">)</span></code></pre></div>
-<p>As stated above, you may choose between 3 skins and 2 color themes. There is a third option called <strong>filled</strong> that allows to fill the navbar and toolbar if enabled. The <strong>color</strong> options simply changes the color of elements such as buttons, panel triggers, tabs triggers, … <a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> brings a lot of different colors. <strong>hideOnPageScroll</strong> allow to hide/show the navbar and toolbar which is useful to focus on the content. The <strong>tapHold</strong> parameter ensure that the “long-press” feature is activated. Framework7 has many more options which can be passed through this <strong>options</strong> parameter</p>
+<code class="sourceCode R"><span><span class="va">options</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>    theme <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"ios"</span>, <span class="st">"md"</span>, <span class="st">"auto"</span>, <span class="st">"aurora"</span><span class="op">)</span>,</span>
+<span>    dark <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>    filled <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>    color <span class="op">=</span> <span class="st">"#007aff"</span>,</span>
+<span>    touch <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>      tapHold <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>      tapHoldDelay <span class="op">=</span> <span class="fl">750</span>,</span>
+<span>      iosTouchRipple <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>    <span class="op">)</span>,</span>
+<span>    iosTranslucentBars <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>    navbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>      iosCenterTitle <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>      hideNavOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>    <span class="op">)</span>,</span>
+<span>    toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>      hideNavOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>    <span class="op">)</span>,</span>
+<span>    pullToRefresh <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>  <span class="op">)</span></span></code></pre></div>
+<p>As stated above, you may choose between 3 skins and 2 color themes.
+There is a third option called <strong>filled</strong> that allows to
+fill the navbar and toolbar if enabled. The <strong>color</strong>
+options simply changes the color of elements such as buttons, panel
+triggers, tabs triggers, … <a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> brings a lot of
+different colors. <strong>hideOnPageScroll</strong> allow to hide/show
+the navbar and toolbar which is useful to focus on the content. The
+<strong>tapHold</strong> parameter ensure that the “long-press” feature
+is activated. Framework7 has many more options which can be passed
+through this <strong>options</strong> parameter</p>
 </div>
 </div>
-  </div>
-
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-
-        <nav id="toc" data-toggle="toc"><h2 data-toc-skip>Contents</h2>
-    </nav>
-</div>
-
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside>
 </div>
 
 
 
-      <footer><div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p>
+<p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p>
+<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
+    </footer>
 </div>
 
   
 
+  
 
   </body>
 </html>
diff --git a/docs/articles/shinyMobile_tools.html b/docs/articles/shinyMobile_tools.html
index 47cef800..13ea15da 100644
--- a/docs/articles/shinyMobile_tools.html
+++ b/docs/articles/shinyMobile_tools.html
@@ -4,7 +4,8 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="description" content="shinyMobile">
 <title>shinyMobile Tools • shinyMobile</title>
 <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
 <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
@@ -12,369 +13,380 @@
 <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png">
 <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png">
 <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png">
-<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
+<script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet">
+<script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
-<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
+<!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
 <meta property="og:title" content="shinyMobile Tools">
 <meta property="og:description" content="shinyMobile">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
 </head>
-<body data-spy="scroll" data-target="#toc">
-    <div class="container template-article">
-      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-<li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
+
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
+
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto">
+<li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="active nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider">
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
       </ul>
-<ul class="nav navbar-nav navbar-right">
-<li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+<form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off">
+</form>
+
+      <ul class="navbar-nav">
+<li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
       </ul>
 </div>
-<!--/.nav-collapse -->
+
+    
   </div>
-<!--/.container -->
-</div>
-<!--/.navbar -->
+</nav><div class="container template-article">
+
 
-      
 
-      </header><script src="shinyMobile_tools_files/accessible-code-block-0.0.1/empty-anchor.js"></script><div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header toc-ignore">
-      <h1 data-toc-skip>shinyMobile Tools</h1>
+
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>shinyMobile Tools</h1>
             
       
-      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/master/vignettes/shinyMobile_tools.Rmd"><code>vignettes/shinyMobile_tools.Rmd</code></a></small>
-      <div class="hidden name"><code>shinyMobile_tools.Rmd</code></div>
-
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/vignettes/shinyMobile_tools.Rmd" class="external-link"><code>vignettes/shinyMobile_tools.Rmd</code></a></small>
+      <div class="d-none name"><code>shinyMobile_tools.Rmd</code></div>
     </div>
 
     
     
-<div id="mobile-preview" class="section level2">
-<h2 class="hasAnchor">
-<a href="#mobile-preview" class="anchor"></a>Mobile preview</h2>
-<p>Since V0.2.0, <a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> has a function to preview your app in a large range of mobile devices: iphone X, iphone 8+, iphone8, iphone 5s, iphone 4s, ipad, Samsung galaxy S5, Samsung galaxy Note 8, … either locally on online:</p>
+<div class="section level2">
+<h2 id="mobile-preview">Mobile preview<a class="anchor" aria-label="anchor" href="#mobile-preview"></a>
+</h2>
+<p>Since V0.2.0, <a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> has a function to preview
+your app in a large range of mobile devices: iphone X, iphone 8+,
+iphone8, iphone 5s, iphone 4s, ipad, Samsung galaxy S5, Samsung galaxy
+Note 8, … either locally on online:</p>
 <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.rstudio.com/">shiny</a></span><span class="op">)</span>
-<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a></span><span class="op">)</span>
-<span class="fu"><a href="../reference/preview_mobile.html">preview_mobile</a></span><span class="op">(</span>appPath <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/system.file.html">system.file</a></span><span class="op">(</span><span class="st">"examples/gallery/app.R"</span>, package <span class="op">=</span> <span class="st">"shinyMobile"</span><span class="op">)</span>, device <span class="op">=</span> <span class="st">"iphoneX"</span><span class="op">)</span>
-<span class="fu"><a href="../reference/preview_mobile.html">preview_mobile</a></span><span class="op">(</span>url <span class="op">=</span> <span class="st">"https://dgranjon.shinyapps.io/miniUI2DemoMd"</span>, device <span class="op">=</span> <span class="st">"ipadMini"</span><span class="op">)</span></code></pre></div>
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span><span class="fu"><a href="../reference/preview_mobile.html">preview_mobile</a></span><span class="op">(</span>appPath <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/system.file.html" class="external-link">system.file</a></span><span class="op">(</span><span class="st">"examples/gallery/app.R"</span>, package <span class="op">=</span> <span class="st">"shinyMobile"</span><span class="op">)</span>, device <span class="op">=</span> <span class="st">"iphoneX"</span><span class="op">)</span></span>
+<span><span class="fu"><a href="../reference/preview_mobile.html">preview_mobile</a></span><span class="op">(</span>url <span class="op">=</span> <span class="st">"https://dgranjon.shinyapps.io/miniUI2DemoMd"</span>, device <span class="op">=</span> <span class="st">"ipadMini"</span><span class="op">)</span></span></code></pre></div>
 <p>The local preview is a 4 steps process:</p>
 <ul>
 <li>run <code>preview_mobile</code> with appPath</li>
-<li>Copy the returned code <code>R -e "shiny::runApp('appPath', port = 3838)"</code> in a terminal to launch the app</li>
+<li>Copy the returned code
+<code>R -e "shiny::runApp('appPath', port = 3838)"</code> in a terminal
+to launch the app</li>
 <li>Press enter to run the wrapper app</li>
 <li>Have fun!</li>
 </ul>
-<p><code>preview_mobile</code> has other options such as color and landscape (to preview in landscape mode).</p>
+<p><code>preview_mobile</code> has other options such as color and
+landscape (to preview in landscape mode).</p>
 </div>
-<div id="pull-to-refresh" class="section level2">
-<h2 class="hasAnchor">
-<a href="#pull-to-refresh" class="anchor"></a>Pull to Refresh</h2>
-<p><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> introduces the pull to refresh feature. It may be used to refresh the page content by pulling from top to bottom. This feature is disabled by default but passing <code>pullToRefresh = TRUE</code> in <code>f7Page</code> options will activate it. On the server side, an input, namely input$ptr is TRUE when ptr is refreshed and becomes NULL at the end of the animation. This allows to trigger updates/computations on the server side, for instance:</p>
+<div class="section level2">
+<h2 id="pull-to-refresh">Pull to Refresh<a class="anchor" aria-label="anchor" href="#pull-to-refresh"></a>
+</h2>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> introduces the pull to refresh feature. It
+may be used to refresh the page content by pulling from top to bottom.
+This feature is disabled by default but passing
+<code>pullToRefresh = TRUE</code> in <code>f7Page</code> options will
+activate it. On the server side, an input, namely input$ptr is TRUE when
+ptr is refreshed and becomes NULL at the end of the animation. This
+allows to trigger updates/computations on the server side, for
+instance:</p>
 <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html">shinyApp</a></span><span class="op">(</span>
-  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span>
-    title <span class="op">=</span> <span class="st">"My app"</span>,
-    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>pullToRefresh <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,
-    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span>
-      navbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Navbar.html">f7Navbar</a></span><span class="op">(</span>
-        title <span class="op">=</span> <span class="st">"Single Layout"</span>,
-        hairline <span class="op">=</span> <span class="cn">FALSE</span>,
-        shadow <span class="op">=</span> <span class="cn">TRUE</span>
-      <span class="op">)</span>,
-      toolbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span>
-        position <span class="op">=</span> <span class="st">"bottom"</span>,
-        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,
-        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>
-      <span class="op">)</span>,
-      <span class="co"># main content</span>
-      <span class="fu"><a href="../reference/f7List.html">f7List</a></span><span class="op">(</span>
-        <span class="fu"><a href="https://rdrr.io/r/base/lapply.html">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">3</span>, <span class="kw">function</span><span class="op">(</span><span class="va">j</span><span class="op">)</span> <span class="op">{</span>
-          <span class="fu"><a href="../reference/f7ListItem.html">f7ListItem</a></span><span class="op">(</span>
-            <span class="va">letters</span><span class="op">[</span><span class="va">j</span><span class="op">]</span>,
-            media <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"alarm_fill"</span><span class="op">)</span>,
-            right <span class="op">=</span> <span class="st">"Right Text"</span>,
-            header <span class="op">=</span> <span class="st">"Header"</span>,
-            footer <span class="op">=</span> <span class="st">"Footer"</span>
-          <span class="op">)</span>
-        <span class="op">}</span><span class="op">)</span>
-      <span class="op">)</span>
-    <span class="op">)</span>
-  <span class="op">)</span>,
-  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span>
-    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observe.html">observe</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/print.html">print</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">ptr</span><span class="op">)</span><span class="op">)</span>
-
-    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">ptr</span>, <span class="op">{</span>
-      <span class="va">ptrStatus</span> <span class="op">&lt;-</span> <span class="kw">if</span> <span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">ptr</span><span class="op">)</span> <span class="st">"on"</span>
-      <span class="fu"><a href="../reference/f7Dialog.html">f7Dialog</a></span><span class="op">(</span>
-        text <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html">paste</a></span><span class="op">(</span><span class="st">'ptr is'</span>, <span class="va">ptrStatus</span><span class="op">)</span>,
-        type <span class="op">=</span> <span class="st">"alert"</span>
-      <span class="op">)</span>
-    <span class="op">}</span><span class="op">)</span>
-  <span class="op">}</span>
-<span class="op">)</span></code></pre></div>
+<code class="sourceCode R"><span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
+<span>    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>pullToRefresh <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span>
+<span>    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span>
+<span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
+<span>        title <span class="op">=</span> <span class="st">"Single Layout"</span>,</span>
+<span>        hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      toolbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span></span>
+<span>        position <span class="op">=</span> <span class="st">"bottom"</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      <span class="co"># main content</span></span>
+<span>      <span class="fu"><a href="../reference/f7List.html">f7List</a></span><span class="op">(</span></span>
+<span>        <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">3</span>, <span class="kw">function</span><span class="op">(</span><span class="va">j</span><span class="op">)</span> <span class="op">{</span></span>
+<span>          <span class="fu"><a href="../reference/f7ListItem.html">f7ListItem</a></span><span class="op">(</span></span>
+<span>            <span class="va">letters</span><span class="op">[</span><span class="va">j</span><span class="op">]</span>,</span>
+<span>            media <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"alarm_fill"</span><span class="op">)</span>,</span>
+<span>            right <span class="op">=</span> <span class="st">"Right Text"</span>,</span>
+<span>            header <span class="op">=</span> <span class="st">"Header"</span>,</span>
+<span>            footer <span class="op">=</span> <span class="st">"Footer"</span></span>
+<span>          <span class="op">)</span></span>
+<span>        <span class="op">}</span><span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">)</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span>
+<span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observe.html" class="external-link">observe</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">ptr</span><span class="op">)</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">ptr</span>, <span class="op">{</span></span>
+<span>      <span class="va">ptrStatus</span> <span class="op">&lt;-</span> <span class="kw">if</span> <span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">ptr</span><span class="op">)</span> <span class="st">"on"</span></span>
+<span>      <span class="fu"><a href="../reference/f7Dialog.html">f7Dialog</a></span><span class="op">(</span></span>
+<span>        text <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">'ptr is'</span>, <span class="va">ptrStatus</span><span class="op">)</span>,</span>
+<span>        type <span class="op">=</span> <span class="st">"alert"</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span>  <span class="op">}</span></span>
+<span><span class="op">)</span></span></code></pre></div>
 </div>
-<div id="predefined-input-values" class="section level2">
-<h2 class="hasAnchor">
-<a href="#predefined-input-values" class="anchor"></a>Predefined input values</h2>
-<p><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> contains a set of useful functions to help you setting the layout as best as possible.</p>
-<div id="informations-about-your-current-device" class="section level3">
-<h3 class="hasAnchor">
-<a href="#informations-about-your-current-device" class="anchor"></a>Informations about your current device</h3>
-<div id="description" class="section level4">
-<h4 class="hasAnchor">
-<a href="#description" class="anchor"></a>Description</h4>
-<p><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> has a predefined input, namely <strong>input$deviceInfo</strong>:</p>
+<div class="section level2">
+<h2 id="predefined-input-values">Predefined input values<a class="anchor" aria-label="anchor" href="#predefined-input-values"></a>
+</h2>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> contains a set of useful functions to help
+you setting the layout as best as possible.</p>
+<div class="section level3">
+<h3 id="informations-about-your-current-device">Informations about your current device<a class="anchor" aria-label="anchor" href="#informations-about-your-current-device"></a>
+</h3>
+<div class="section level4">
+<h4 id="description">Description<a class="anchor" aria-label="anchor" href="#description"></a>
+</h4>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> has a predefined input, namely
+<strong>input$deviceInfo</strong>:</p>
 <div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html">shinyApp</a></span><span class="op">(</span>
-  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span>
-    title <span class="op">=</span> <span class="st">"My app"</span>,
-    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span>
-      navbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Navbar.html">f7Navbar</a></span><span class="op">(</span>
-        title <span class="op">=</span> <span class="st">"Access device info"</span>,
-        hairline <span class="op">=</span> <span class="cn">FALSE</span>,
-        shadow <span class="op">=</span> <span class="cn">TRUE</span>
-      <span class="op">)</span>,
-      <span class="co"># main content</span>
-      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html">verbatimTextOutput</a></span><span class="op">(</span><span class="st">"info"</span><span class="op">)</span>
-    <span class="op">)</span>
-  <span class="op">)</span>,
-  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span>
-    <span class="va">output</span><span class="op">$</span><span class="va">info</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html">renderPrint</a></span><span class="op">(</span><span class="op">{</span>
-      <span class="va">input</span><span class="op">$</span><span class="va">deviceInfo</span>
-    <span class="op">}</span><span class="op">)</span>
-  <span class="op">}</span>
-<span class="op">)</span></code></pre></div>
+<code class="sourceCode R"><span><span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
+<span>    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span>
+<span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
+<span>        title <span class="op">=</span> <span class="st">"Access device info"</span>,</span>
+<span>        hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      <span class="co"># main content</span></span>
+<span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">verbatimTextOutput</a></span><span class="op">(</span><span class="st">"info"</span><span class="op">)</span></span>
+<span>    <span class="op">)</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">info</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderPrint</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="va">input</span><span class="op">$</span><span class="va">deviceInfo</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span>  <span class="op">}</span></span>
+<span><span class="op">)</span></span></code></pre></div>
 <p>The following fields are returned:</p>
 <ul>
 <li>
-<code>input$deviceInfo$os</code>, returns a string containing your OS</li>
+<code>input$deviceInfo$os</code>, returns a string containing your
+OS</li>
 <li>
-<code>input$deviceInfo$desktop</code>, TRUE or FALSE (if you are running the app on your laptop or desktop)</li>
+<code>input$deviceInfo$desktop</code>, TRUE or FALSE (if you are
+running the app on your laptop or desktop)</li>
 <li>
-<code>input$deviceInfo$standalone</code>, TRUE or FALSE (standalone, namely whether you access the app like a native app)</li>
+<code>input$deviceInfo$standalone</code>, TRUE or FALSE (standalone,
+namely whether you access the app like a native app)</li>
 <li>
 <code>input$deviceInfo$webview</code>, TRUE or FALSE (webview)</li>
 <li>
-<code>input$deviceInfo$electron</code>, TRUE or FALSE (electron)</li>
+<code>input$deviceInfo$electron</code>, TRUE or FALSE
+(electron)</li>
 </ul>
 <p>There are other fields, with less inportance:</p>
 <ul>
 <li>
-<code>input$deviceInfo$ios</code>, TRUE or FALSE (if you are running under iOS)</li>
+<code>input$deviceInfo$ios</code>, TRUE or FALSE (if you are running
+under iOS)</li>
 <li>
-<code>input$deviceInfo$android</code>, TRUE or FALSE (if you are running under android)</li>
+<code>input$deviceInfo$android</code>, TRUE or FALSE (if you are
+running under android)</li>
 <li>
-<code>input$deviceInfo$androidChrome</code>, TRUE or FALSE (if you are running under android with Chrome)</li>
+<code>input$deviceInfo$androidChrome</code>, TRUE or FALSE (if you
+are running under android with Chrome)</li>
 <li>
-<code>input$deviceInfo$iphone</code>, TRUE or FALSE (if you have an iphone)</li>
+<code>input$deviceInfo$iphone</code>, TRUE or FALSE (if you have an
+iphone)</li>
 <li>
-<code>input$deviceInfo$ipod</code>, TRUE or FALSE (if you have an ipod)</li>
+<code>input$deviceInfo$ipod</code>, TRUE or FALSE (if you have an
+ipod)</li>
 <li>
-<code>input$deviceInfo$ipad</code>, TRUE or FALSE (if you have an ipad)</li>
+<code>input$deviceInfo$ipad</code>, TRUE or FALSE (if you have an
+ipad)</li>
 <li>
-<code>input$deviceInfo$edge</code>, TRUE or FALSE (if you are using edge)</li>
+<code>input$deviceInfo$edge</code>, TRUE or FALSE (if you are using
+edge)</li>
 <li>
-<code>input$deviceInfo$ie</code>, TRUE or FALSE (if you are using Internet Explorer)</li>
+<code>input$deviceInfo$ie</code>, TRUE or FALSE (if you are using
+Internet Explorer)</li>
 <li>
-<code>input$deviceInfo$firefox</code>, TRUE or FALSE (if you are using Firefox)</li>
+<code>input$deviceInfo$firefox</code>, TRUE or FALSE (if you are
+using Firefox)</li>
 <li>
-<code>input$deviceInfo$macos</code>, TRUE or FALSE (if you have macOS)</li>
+<code>input$deviceInfo$macos</code>, TRUE or FALSE (if you have
+macOS)</li>
 <li>
-<code>input$deviceInfo$windows</code>, TRUE or FALSE (if you have Windows)</li>
+<code>input$deviceInfo$windows</code>, TRUE or FALSE (if you have
+Windows)</li>
 <li>
 <code>input$deviceInfo$cordova</code>, TRUE or FALSE (cordova)</li>
 <li>
-<code>input$deviceInfo$phonegap</code>, TRUE or FALSE (phonegap)</li>
+<code>input$deviceInfo$phonegap</code>, TRUE or FALSE
+(phonegap)</li>
 </ul>
 </div>
-<div id="usecase" class="section level4">
-<h4 class="hasAnchor">
-<a href="#usecase" class="anchor"></a>Usecase</h4>
-<p>Below the example displays a card only when the app is on desktop.</p>
+<div class="section level4">
+<h4 id="usecase">Usecase<a class="anchor" aria-label="anchor" href="#usecase"></a>
+</h4>
+<p>Below the example displays a card only when the app is on
+desktop.</p>
 <div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html">shinyApp</a></span><span class="op">(</span>
-  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span>
-    title <span class="op">=</span> <span class="st">"My app"</span>,
-    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span>
-      navbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Navbar.html">f7Navbar</a></span><span class="op">(</span>
-        title <span class="op">=</span> <span class="st">"Access device info"</span>,
-        hairline <span class="op">=</span> <span class="cn">FALSE</span>,
-        shadow <span class="op">=</span> <span class="cn">TRUE</span>
-      <span class="op">)</span>,
-      <span class="co"># main content</span>
-      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html">uiOutput</a></span><span class="op">(</span><span class="st">"card"</span><span class="op">)</span>,
-      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html">textOutput</a></span><span class="op">(</span><span class="st">"userAgent"</span><span class="op">)</span>,
-    <span class="op">)</span>
-  <span class="op">)</span>,
-  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span>
-    
-    <span class="va">output</span><span class="op">$</span><span class="va">userAgent</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html">renderText</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">deviceInfo</span><span class="op">$</span><span class="va">desktop</span><span class="op">)</span>
-    
-    <span class="co"># generate a card only for desktop</span>
-    <span class="va">output</span><span class="op">$</span><span class="va">card</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html">renderUI</a></span><span class="op">(</span><span class="op">{</span>
-      <span class="kw">if</span> <span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">deviceInfo</span><span class="op">$</span><span class="va">desktop</span><span class="op">)</span> <span class="op">{</span>
-        <span class="fu"><a href="../reference/f7Card.html">f7Card</a></span><span class="op">(</span>
-          <span class="st">"This is a simple card with plain text,
-          but cards can also contain their own header,
-          footer, list view, image, or any other element."</span>
-        <span class="op">)</span>
-      <span class="op">}</span>
-    <span class="op">}</span><span class="op">)</span>
-  <span class="op">}</span>
-<span class="op">)</span></code></pre></div>
+<code class="sourceCode R"><span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
+<span>    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span>
+<span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
+<span>        title <span class="op">=</span> <span class="st">"Access device info"</span>,</span>
+<span>        hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      <span class="co"># main content</span></span>
+<span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html" class="external-link">uiOutput</a></span><span class="op">(</span><span class="st">"card"</span><span class="op">)</span>,</span>
+<span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">textOutput</a></span><span class="op">(</span><span class="st">"userAgent"</span><span class="op">)</span>,</span>
+<span>    <span class="op">)</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span>
+<span>    </span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">userAgent</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderText</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">deviceInfo</span><span class="op">$</span><span class="va">desktop</span><span class="op">)</span></span>
+<span>    </span>
+<span>    <span class="co"># generate a card only for desktop</span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">card</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html" class="external-link">renderUI</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="kw">if</span> <span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">deviceInfo</span><span class="op">$</span><span class="va">desktop</span><span class="op">)</span> <span class="op">{</span></span>
+<span>        <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span></span>
+<span>          <span class="st">"This is a simple card with plain text,</span></span>
+<span><span class="st">          but cards can also contain their own header,</span></span>
+<span><span class="st">          footer, list view, image, or any other element."</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">}</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span>  <span class="op">}</span></span>
+<span><span class="op">)</span></span></code></pre></div>
 </div>
 </div>
-<div id="informations-about-shiny-inputs" class="section level3">
-<h3 class="hasAnchor">
-<a href="#informations-about-shiny-inputs" class="anchor"></a>Informations about Shiny inputs</h3>
-<p><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> has <code>input$lastInputChanged</code> which returns the name, value and type of the last changed input, see below:</p>
+<div class="section level3">
+<h3 id="informations-about-shiny-inputs">Informations about Shiny inputs<a class="anchor" aria-label="anchor" href="#informations-about-shiny-inputs"></a>
+</h3>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> has <code>input$lastInputChanged</code>
+which returns the name, value and type of the last changed input, see
+below:</p>
 <div class="sourceCode" id="cb5"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html">shinyApp</a></span><span class="op">(</span>
-  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span>
-    title <span class="op">=</span> <span class="st">"My app"</span>,
-    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span>
-      navbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Navbar.html">f7Navbar</a></span><span class="op">(</span>
-        title <span class="op">=</span> <span class="st">"Single Layout"</span>,
-        hairline <span class="op">=</span> <span class="cn">FALSE</span>,
-        shadow <span class="op">=</span> <span class="cn">TRUE</span>
-      <span class="op">)</span>,
-      toolbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span>
-        position <span class="op">=</span> <span class="st">"bottom"</span>,
-        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,
-        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>
-      <span class="op">)</span>,
-      <span class="co"># main content</span>
-      <span class="fu"><a href="../reference/f7Card.html">f7Card</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html">verbatimTextOutput</a></span><span class="op">(</span><span class="st">"infos"</span><span class="op">)</span><span class="op">)</span>,
-      <span class="fu"><a href="../reference/f7Card.html">f7Card</a></span><span class="op">(</span>
-        <span class="fu"><a href="../reference/f7Text.html">f7Text</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"text"</span>, label <span class="op">=</span> <span class="st">"Text"</span><span class="op">)</span>,
-        <span class="fu"><a href="../reference/f7Slider.html">f7Slider</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"range1"</span>, label <span class="op">=</span> <span class="st">"Range"</span>, min <span class="op">=</span> <span class="fl">0</span>, max <span class="op">=</span> <span class="fl">2</span>, value <span class="op">=</span> <span class="fl">1</span>, step <span class="op">=</span> <span class="fl">0.1</span><span class="op">)</span>,
-        <span class="fu"><a href="../reference/f7Stepper.html">f7Stepper</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"stepper1"</span>, label <span class="op">=</span> <span class="st">"Stepper"</span>, min <span class="op">=</span> <span class="fl">0</span>, max <span class="op">=</span> <span class="fl">10</span>, value <span class="op">=</span> <span class="fl">5</span><span class="op">)</span>,
-        <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html">verbatimTextOutput</a></span><span class="op">(</span><span class="st">"lastChanged"</span><span class="op">)</span>
-      <span class="op">)</span>
-    <span class="op">)</span>
-  <span class="op">)</span>,
-  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span>
-    <span class="va">output</span><span class="op">$</span><span class="va">infos</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html">renderPrint</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">shinyInfo</span><span class="op">)</span>
-    <span class="va">output</span><span class="op">$</span><span class="va">lastChanged</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html">renderPrint</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">lastInputChanged</span><span class="op">)</span>
-  <span class="op">}</span>
-<span class="op">)</span></code></pre></div>
-<p>This is convenient since usually, there is no shortcut to get the last changed value and this needs to be done server side in shiny.</p>
-<p>Soon there will be a way to compare initial input values (frozen) to current input values and get a diff.</p>
+<code class="sourceCode R"><span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
+<span>    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span>
+<span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
+<span>        title <span class="op">=</span> <span class="st">"Single Layout"</span>,</span>
+<span>        hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      toolbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span></span>
+<span>        position <span class="op">=</span> <span class="st">"bottom"</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      <span class="co"># main content</span></span>
+<span>      <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">verbatimTextOutput</a></span><span class="op">(</span><span class="st">"infos"</span><span class="op">)</span><span class="op">)</span>,</span>
+<span>      <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span></span>
+<span>        <span class="fu"><a href="../reference/text.html">f7Text</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"text"</span>, label <span class="op">=</span> <span class="st">"Text"</span><span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/slider.html">f7Slider</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"range1"</span>, label <span class="op">=</span> <span class="st">"Range"</span>, min <span class="op">=</span> <span class="fl">0</span>, max <span class="op">=</span> <span class="fl">2</span>, value <span class="op">=</span> <span class="fl">1</span>, step <span class="op">=</span> <span class="fl">0.1</span><span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/stepper.html">f7Stepper</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"stepper1"</span>, label <span class="op">=</span> <span class="st">"Stepper"</span>, min <span class="op">=</span> <span class="fl">0</span>, max <span class="op">=</span> <span class="fl">10</span>, value <span class="op">=</span> <span class="fl">5</span><span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">verbatimTextOutput</a></span><span class="op">(</span><span class="st">"lastChanged"</span><span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">)</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">infos</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderPrint</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">shinyInfo</span><span class="op">)</span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">lastChanged</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderPrint</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">lastInputChanged</span><span class="op">)</span></span>
+<span>  <span class="op">}</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p>This is convenient since usually, there is no shortcut to get the
+last changed value and this needs to be done server side in shiny.</p>
+<p>Soon there will be a way to compare initial input values (frozen) to
+current input values and get a diff.</p>
 </div>
-<div id="other-information" class="section level3">
-<h3 class="hasAnchor">
-<a href="#other-information" class="anchor"></a>Other information</h3>
-<p><code>input$shinyInfo</code> gives the current workerId (for shinyapps.io, shiny server pro, rstudio connect), the unique sessionId (equal to session$token on the server side).</p>
+<div class="section level3">
+<h3 id="other-information">Other information<a class="anchor" aria-label="anchor" href="#other-information"></a>
+</h3>
+<p><code>input$shinyInfo</code> gives the current workerId (for
+shinyapps.io, shiny server pro, rstudio connect), the unique sessionId
+(equal to session$token on the server side).</p>
 </div>
 </div>
-  </div>
-
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-
-        <nav id="toc" data-toggle="toc"><h2 data-toc-skip>Contents</h2>
-    </nav>
-</div>
-
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside>
 </div>
 
 
 
-      <footer><div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p>
+<p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p>
+<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
+    </footer>
 </div>
 
   
 
+  
 
   </body>
 </html>
diff --git a/docs/authors.html b/docs/authors.html
index 4c137754..d2b0e175 100644
--- a/docs/authors.html
+++ b/docs/authors.html
@@ -1,224 +1,138 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Authors • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="bootstrap-toc.css">
-<script src="bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="pkgdown.css" rel="stylesheet">
-<script src="pkgdown.js"></script>
-
-
-
-  <link href="extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Authors" />
-<meta property="og:image" content="/logo.png" />
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Authors and Citation • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png"><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><meta property="og:title" content="Authors and Citation"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-authors">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="reference/index.html">Reference</a>
+<li class="nav-item">
+  <a class="nav-link" href="reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-citation-authors">
 <div class="row">
-  <div class="contents col-md-9">
-    <div class="page-header">
-      <h1>Authors</h1>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="logo.png" class="logo" alt=""><h1>Authors and Citation</h1>
     </div>
 
-    <ul class="list-unstyled">
-      <li>
-        <p><strong>David Granjon</strong>. Author, maintainer. 
-        </p>
-      </li>
-      <li>
-        <p><strong>Victor Perrier</strong>. Author. 
-        </p>
-      </li>
-      <li>
-        <p><strong>John Coene</strong>. Contributor. 
-        </p>
-      </li>
-      <li>
-        <p><strong>Isabelle Rudolf</strong>. Author. 
-        </p>
-      </li>
-      <li>
-        <p><strong>Dieter Menne</strong>. Contributor. 
-        </p>
-      </li>
-      <li>
-        <p><strong> Marvelapp</strong>. Contributor, copyright holder. 
-        <br /><small>device.css wrappers</small></p>
-      </li>
-      <li>
-        <p><strong>Vladimir Kharlampidi</strong>. Contributor, copyright holder. 
-        <br /><small>Framework7 HTML template</small></p>
-      </li>
-    </ul>
-
-  </div>
-
-</div>
-
+    <div class="section level2 citation">
+      <h2>Authors</h2>
+      
+      <ul class="list-unstyled"><li>
+          <p><strong>David Granjon</strong>. Author, maintainer. 
+          </p>
+        </li>
+        <li>
+          <p><strong>Victor Perrier</strong>. Author. 
+          </p>
+        </li>
+        <li>
+          <p><strong>John Coene</strong>. Contributor. 
+          </p>
+        </li>
+        <li>
+          <p><strong>Isabelle Rudolf</strong>. Author. 
+          </p>
+        </li>
+        <li>
+          <p><strong>Dieter Menne</strong>. Contributor. 
+          </p>
+        </li>
+        <li>
+          <p><strong> Marvelapp</strong>. Contributor, copyright holder. 
+          <br><small>device.css wrappers</small></p>
+        </li>
+        <li>
+          <p><strong>Vladimir Kharlampidi</strong>. Contributor, copyright holder. 
+          <br><small>Framework7 HTML template</small></p>
+        </li>
+      </ul></div>
+
+    <div class="section level2 citation">
+      <h2 id="citation">Citation</h2>
+      <p><small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/DESCRIPTION" class="external-link"><code>DESCRIPTION</code></a></small></p>
+
+      <p>Granjon D, Perrier V, Rudolf I (2024).
+<em>shinyMobile: Mobile Ready 'shiny' Apps with Standalone Capabilities</em>.
+https://github.com/RinteRface/shinyMobile, https://rinterface.github.io/shinyMobile/. 
+</p>
+      <pre>@Manual{,
+  title = {shinyMobile: Mobile Ready 'shiny' Apps with Standalone Capabilities},
+  author = {David Granjon and Victor Perrier and Isabelle Rudolf},
+  year = {2024},
+  note = {https://github.com/RinteRface/shinyMobile, https://rinterface.github.io/shinyMobile/},
+}</pre>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/extra.css b/docs/extra.css
index 467d386c..88b94ad7 100644
--- a/docs/extra.css
+++ b/docs/extra.css
@@ -1 +1,25 @@
 .marvel-device{display:inline-block;position:relative;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}.marvel-device .screen{width:100%;position:relative;height:100%;z-index:3;background:white;overflow:hidden;display:block;border-radius:1px;-webkit-box-shadow:0 0 0 3px #111;box-shadow:0 0 0 3px #111}.marvel-device .top-bar,.marvel-device .bottom-bar{height:3px;background:black;width:100%;display:block}.marvel-device .middle-bar{width:3px;height:4px;top:0px;left:90px;background:black;position:absolute}.marvel-device.iphone8{width:375px;height:667px;padding:105px 24px;background:#d9dbdc;border-radius:56px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.2);box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.2)}.marvel-device.iphone8:before{width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;content:'';left:6px;border-radius:50px;background:#f8f8f8;z-index:1}.marvel-device.iphone8:after{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;content:'';left:8px;border-radius:48px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;z-index:2}.marvel-device.iphone8 .home{border-radius:100%;width:68px;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:22px;z-index:3;background:#303233;background:linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%)}.marvel-device.iphone8 .home:before{background:#f8f8f8;position:absolute;content:'';border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px}.marvel-device.iphone8 .top-bar{height:14px;background:#bfbfc0;position:absolute;top:68px;left:0}.marvel-device.iphone8 .bottom-bar{height:14px;background:#bfbfc0;position:absolute;bottom:68px;left:0}.marvel-device.iphone8 .sleep{position:absolute;top:190px;right:-4px;width:4px;height:66px;border-radius:0px 2px 2px 0px;background:#d9dbdc}.marvel-device.iphone8 .volume{position:absolute;left:-4px;top:188px;z-index:0;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:#d9dbdc}.marvel-device.iphone8 .volume:before{position:absolute;left:2px;top:-78px;height:40px;width:2px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone8 .volume:after{position:absolute;left:0px;top:82px;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone8 .camera{background:#3c3d3d;width:12px;height:12px;position:absolute;top:24px;left:50%;margin-left:-6px;border-radius:100%;z-index:3}.marvel-device.iphone8 .sensor{background:#3c3d3d;width:16px;height:16px;position:absolute;top:49px;left:134px;z-index:3;border-radius:100%}.marvel-device.iphone8 .speaker{background:#292728;width:70px;height:6px;position:absolute;top:54px;left:50%;margin-left:-35px;border-radius:6px;z-index:3}.marvel-device.iphone8.gold{background:#f9e7d3}.marvel-device.iphone8.gold .top-bar,.marvel-device.iphone8.gold .bottom-bar{background:white}.marvel-device.iphone8.gold .sleep,.marvel-device.iphone8.gold .volume{background:#f9e7d3}.marvel-device.iphone8.gold .home{background:#cebba9;background:linear-gradient(135deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%)}.marvel-device.iphone8.black{background:#464646;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.7);box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.7)}.marvel-device.iphone8.black:before{background:#080808}.marvel-device.iphone8.black:after{-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121;box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121}.marvel-device.iphone8.black .top-bar,.marvel-device.iphone8.black .bottom-bar{background:#212121}.marvel-device.iphone8.black .volume,.marvel-device.iphone8.black .sleep{background:#464646}.marvel-device.iphone8.black .camera{background:#080808}.marvel-device.iphone8.black .home{background:#080808;background:linear-gradient(135deg, #080808 0%, #464646 50%, #080808 100%)}.marvel-device.iphone8.black .home:before{background:#080808}.marvel-device.iphone8.landscape{padding:24px 105px;height:375px;width:667px}.marvel-device.iphone8.landscape .sleep{top:100%;border-radius:0px 0px 2px 2px;right:190px;height:4px;width:66px}.marvel-device.iphone8.landscape .volume{width:66px;height:4px;top:-4px;left:calc(100% - 188px - 66px);border-radius:2px 2px 0px 0px}.marvel-device.iphone8.landscape .volume:before{width:40px;height:2px;top:2px;right:-78px;left:auto;border-radius:2px 2px 0px 0px}.marvel-device.iphone8.landscape .volume:after{left:-82px;width:66px;height:4px;top:0;border-radius:2px 2px 0px 0px}.marvel-device.iphone8.landscape .top-bar{width:14px;height:100%;left:calc(100% - 68px -  14px);top:0}.marvel-device.iphone8.landscape .bottom-bar{width:14px;height:100%;left:68px;top:0}.marvel-device.iphone8.landscape .home{top:50%;margin-top:-34px;margin-left:0;left:22px}.marvel-device.iphone8.landscape .sensor{top:134px;left:calc(100% - 49px - 16px)}.marvel-device.iphone8.landscape .speaker{height:70px;width:6px;left:calc(100% - 54px - 6px);top:50%;margin-left:0px;margin-top:-35px}.marvel-device.iphone8.landscape .camera{left:calc(100% - 32px);top:50%;margin-left:0px;margin-top:-5px}.marvel-device.iphone8plus{width:414px;height:736px;padding:112px 26px;background:#d9dbdc;border-radius:56px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.2);box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.2)}.marvel-device.iphone8plus:before{width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;content:'';left:6px;border-radius:50px;background:#f8f8f8;z-index:1}.marvel-device.iphone8plus:after{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;content:'';left:8px;border-radius:48px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;z-index:2}.marvel-device.iphone8plus .home{border-radius:100%;width:68px;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:24px;z-index:3;background:#303233;background:linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%)}.marvel-device.iphone8plus .home:before{background:#f8f8f8;position:absolute;content:'';border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px}.marvel-device.iphone8plus .top-bar{height:14px;background:#bfbfc0;position:absolute;top:68px;left:0}.marvel-device.iphone8plus .bottom-bar{height:14px;background:#bfbfc0;position:absolute;bottom:68px;left:0}.marvel-device.iphone8plus .sleep{position:absolute;top:190px;right:-4px;width:4px;height:66px;border-radius:0px 2px 2px 0px;background:#d9dbdc}.marvel-device.iphone8plus .volume{position:absolute;left:-4px;top:188px;z-index:0;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:#d9dbdc}.marvel-device.iphone8plus .volume:before{position:absolute;left:2px;top:-78px;height:40px;width:2px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone8plus .volume:after{position:absolute;left:0px;top:82px;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone8plus .camera{background:#3c3d3d;width:12px;height:12px;position:absolute;top:29px;left:50%;margin-left:-6px;border-radius:100%;z-index:3}.marvel-device.iphone8plus .sensor{background:#3c3d3d;width:16px;height:16px;position:absolute;top:54px;left:154px;z-index:3;border-radius:100%}.marvel-device.iphone8plus .speaker{background:#292728;width:70px;height:6px;position:absolute;top:59px;left:50%;margin-left:-35px;border-radius:6px;z-index:3}.marvel-device.iphone8plus.gold{background:#f9e7d3}.marvel-device.iphone8plus.gold .top-bar,.marvel-device.iphone8plus.gold .bottom-bar{background:white}.marvel-device.iphone8plus.gold .sleep,.marvel-device.iphone8plus.gold .volume{background:#f9e7d3}.marvel-device.iphone8plus.gold .home{background:#cebba9;background:linear-gradient(135deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%)}.marvel-device.iphone8plus.black{background:#464646;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.7);box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.7)}.marvel-device.iphone8plus.black:before{background:#080808}.marvel-device.iphone8plus.black:after{-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121;box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121}.marvel-device.iphone8plus.black .top-bar,.marvel-device.iphone8plus.black .bottom-bar{background:#212121}.marvel-device.iphone8plus.black .volume,.marvel-device.iphone8plus.black .sleep{background:#464646}.marvel-device.iphone8plus.black .camera{background:#080808}.marvel-device.iphone8plus.black .home{background:#080808;background:linear-gradient(135deg, #080808 0%, #464646 50%, #080808 100%)}.marvel-device.iphone8plus.black .home:before{background:#080808}.marvel-device.iphone8plus.landscape{padding:26px 112px;height:414px;width:736px}.marvel-device.iphone8plus.landscape .sleep{top:100%;border-radius:0px 0px 2px 2px;right:190px;height:4px;width:66px}.marvel-device.iphone8plus.landscape .volume{width:66px;height:4px;top:-4px;left:calc(100% - 188px - 66px);border-radius:2px 2px 0px 0px}.marvel-device.iphone8plus.landscape .volume:before{width:40px;height:2px;top:2px;right:-78px;left:auto;border-radius:2px 2px 0px 0px}.marvel-device.iphone8plus.landscape .volume:after{left:-82px;width:66px;height:4px;top:0;border-radius:2px 2px 0px 0px}.marvel-device.iphone8plus.landscape .top-bar{width:14px;height:100%;left:calc(100% - 68px -  14px);top:0}.marvel-device.iphone8plus.landscape .bottom-bar{width:14px;height:100%;left:68px;top:0}.marvel-device.iphone8plus.landscape .home{top:50%;margin-top:-34px;margin-left:0;left:24px}.marvel-device.iphone8plus.landscape .sensor{top:154px;left:calc(100% - 54px - 16px)}.marvel-device.iphone8plus.landscape .speaker{height:70px;width:6px;left:calc(100% - 59px - 6px);top:50%;margin-left:0px;margin-top:-35px}.marvel-device.iphone8plus.landscape .camera{left:calc(100% - 29px);top:50%;margin-left:0px;margin-top:-5px}.marvel-device.iphone5s,.marvel-device.iphone5c{padding:105px 22px;background:#2c2b2c;width:320px;height:568px;border-radius:50px}.marvel-device.iphone5s:before,.marvel-device.iphone5c:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;content:'';left:4px;border-radius:46px;background:#1e1e1e;z-index:1}.marvel-device.iphone5s .sleep,.marvel-device.iphone5c .sleep{position:absolute;top:-4px;right:60px;width:60px;height:4px;border-radius:2px 2px 0px 0px;background:#282727}.marvel-device.iphone5s .volume,.marvel-device.iphone5c .volume{position:absolute;left:-4px;top:180px;z-index:0;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:#282727}.marvel-device.iphone5s .volume:before,.marvel-device.iphone5c .volume:before{position:absolute;left:0px;top:-75px;height:35px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone5s .volume:after,.marvel-device.iphone5c .volume:after{position:absolute;left:0px;bottom:-64px;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone5s .camera,.marvel-device.iphone5c .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:32px;left:50%;margin-left:-5px;border-radius:5px;z-index:3}.marvel-device.iphone5s .sensor,.marvel-device.iphone5c .sensor{background:#3c3d3d;width:10px;height:10px;position:absolute;top:60px;left:160px;z-index:3;margin-left:-32px;border-radius:5px}.marvel-device.iphone5s .speaker,.marvel-device.iphone5c .speaker{background:#292728;width:64px;height:10px;position:absolute;top:60px;left:50%;margin-left:-32px;border-radius:5px;z-index:3}.marvel-device.iphone5s.landscape,.marvel-device.iphone5c.landscape{padding:22px 105px;height:320px;width:568px}.marvel-device.iphone5s.landscape .sleep,.marvel-device.iphone5c.landscape .sleep{right:-4px;top:calc(100% - 120px);height:60px;width:4px;border-radius:0px 2px 2px 0px}.marvel-device.iphone5s.landscape .volume,.marvel-device.iphone5c.landscape .volume{width:27px;height:4px;top:-4px;left:calc(100% - 180px);border-radius:2px 2px 0px 0px}.marvel-device.iphone5s.landscape .volume:before,.marvel-device.iphone5c.landscape .volume:before{width:35px;height:4px;top:0px;right:-75px;left:auto;border-radius:2px 2px 0px 0px}.marvel-device.iphone5s.landscape .volume:after,.marvel-device.iphone5c.landscape .volume:after{bottom:0px;left:-64px;z-index:999;height:4px;width:27px;border-radius:2px 2px 0px 0px}.marvel-device.iphone5s.landscape .sensor,.marvel-device.iphone5c.landscape .sensor{top:160px;left:calc(100% - 60px);margin-left:0px;margin-top:-32px}.marvel-device.iphone5s.landscape .speaker,.marvel-device.iphone5c.landscape .speaker{height:64px;width:10px;left:calc(100% - 60px);top:50%;margin-left:0px;margin-top:-32px}.marvel-device.iphone5s.landscape .camera,.marvel-device.iphone5c.landscape .camera{left:calc(100% - 32px);top:50%;margin-left:0px;margin-top:-5px}.marvel-device.iphone5s .home{border-radius:36px;width:68px;-webkit-box-shadow:inset 0 0 0 4px #2c2b2c;box-shadow:inset 0 0 0 4px #2c2b2c;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:19px;z-index:3}.marvel-device.iphone5s .top-bar{top:70px;position:absolute;left:0}.marvel-device.iphone5s .bottom-bar{bottom:70px;position:absolute;left:0}.marvel-device.iphone5s.landscape .home{left:19px;bottom:50%;margin-bottom:-34px;margin-left:0px}.marvel-device.iphone5s.landscape .top-bar{left:70px;top:0px;width:3px;height:100%}.marvel-device.iphone5s.landscape .bottom-bar{right:70px;left:auto;bottom:0px;width:3px;height:100%}.marvel-device.iphone5s.silver{background:#bcbcbc}.marvel-device.iphone5s.silver:before{background:#fcfcfc}.marvel-device.iphone5s.silver .volume,.marvel-device.iphone5s.silver .sleep{background:#d6d6d6}.marvel-device.iphone5s.silver .top-bar,.marvel-device.iphone5s.silver .bottom-bar{background:#eaebec}.marvel-device.iphone5s.silver .home{-webkit-box-shadow:inset 0 0 0 4px #bcbcbc;box-shadow:inset 0 0 0 4px #bcbcbc}.marvel-device.iphone5s.gold{background:#f9e7d3}.marvel-device.iphone5s.gold:before{background:#fcfcfc}.marvel-device.iphone5s.gold .volume,.marvel-device.iphone5s.gold .sleep{background:#f9e7d3}.marvel-device.iphone5s.gold .top-bar,.marvel-device.iphone5s.gold .bottom-bar{background:white}.marvel-device.iphone5s.gold .home{-webkit-box-shadow:inset 0 0 0 4px #f9e7d3;box-shadow:inset 0 0 0 4px #f9e7d3}.marvel-device.iphone5c{background:white;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);box-shadow:0 1px 2px 0 rgba(0,0,0,0.2)}.marvel-device.iphone5c .top-bar,.marvel-device.iphone5c .bottom-bar{display:none}.marvel-device.iphone5c .home{background:#242324;border-radius:36px;width:68px;height:68px;z-index:3;position:absolute;left:50%;margin-left:-34px;bottom:19px}.marvel-device.iphone5c .home:after{width:20px;height:20px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;position:absolute;display:block;content:'';top:50%;left:50%;margin-top:-11px;margin-left:-11px}.marvel-device.iphone5c.landscape .home{left:19px;bottom:50%;margin-bottom:-34px;margin-left:0px}.marvel-device.iphone5c .volume,.marvel-device.iphone5c .sleep{background:#dddddd}.marvel-device.iphone5c.red{background:#f96b6c}.marvel-device.iphone5c.red .volume,.marvel-device.iphone5c.red .sleep{background:#ed5758}.marvel-device.iphone5c.yellow{background:#f2dc60}.marvel-device.iphone5c.yellow .volume,.marvel-device.iphone5c.yellow .sleep{background:#e5ce4c}.marvel-device.iphone5c.green{background:#97e563}.marvel-device.iphone5c.green .volume,.marvel-device.iphone5c.green .sleep{background:#85d94d}.marvel-device.iphone5c.blue{background:#33a2db}.marvel-device.iphone5c.blue .volume,.marvel-device.iphone5c.blue .sleep{background:#2694cd}.marvel-device.iphone4s{padding:129px 27px;width:320px;height:480px;background:#686868;border-radius:54px}.marvel-device.iphone4s:before{content:'';width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;z-index:1;border-radius:50px;background:#1e1e1e}.marvel-device.iphone4s .top-bar{top:60px;position:absolute;left:0}.marvel-device.iphone4s .bottom-bar{bottom:90px;position:absolute;left:0}.marvel-device.iphone4s .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:72px;left:134px;z-index:3;margin-left:-5px;border-radius:100%}.marvel-device.iphone4s .speaker{background:#292728;width:64px;height:10px;position:absolute;top:72px;left:50%;z-index:3;margin-left:-32px;border-radius:5px}.marvel-device.iphone4s .sensor{background:#292728;width:40px;height:10px;position:absolute;top:36px;left:50%;z-index:3;margin-left:-20px;border-radius:5px}.marvel-device.iphone4s .home{background:#242324;border-radius:100%;width:72px;height:72px;z-index:3;position:absolute;left:50%;margin-left:-36px;bottom:30px}.marvel-device.iphone4s .home:after{width:20px;height:20px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;position:absolute;display:block;content:'';top:50%;left:50%;margin-top:-11px;margin-left:-11px}.marvel-device.iphone4s .sleep{position:absolute;top:-4px;right:60px;width:60px;height:4px;border-radius:2px 2px 0px 0px;background:#4D4D4D}.marvel-device.iphone4s .volume{position:absolute;left:-4px;top:160px;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:#4D4D4D}.marvel-device.iphone4s .volume:before{position:absolute;left:0px;top:-70px;height:35px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone4s .volume:after{position:absolute;left:0px;bottom:-64px;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone4s.landscape{padding:27px 129px;height:320px;width:480px}.marvel-device.iphone4s.landscape .bottom-bar{left:90px;bottom:0px;height:100%;width:3px}.marvel-device.iphone4s.landscape .top-bar{left:calc(100% - 60px);top:0px;height:100%;width:3px}.marvel-device.iphone4s.landscape .camera{top:134px;left:calc(100% - 72px);margin-left:0}.marvel-device.iphone4s.landscape .speaker{top:50%;margin-left:0;margin-top:-32px;left:calc(100% - 72px);width:10px;height:64px}.marvel-device.iphone4s.landscape .sensor{height:40px;width:10px;left:calc(100% - 36px);top:50%;margin-left:0;margin-top:-20px}.marvel-device.iphone4s.landscape .home{left:30px;bottom:50%;margin-left:0;margin-bottom:-36px}.marvel-device.iphone4s.landscape .sleep{height:60px;width:4px;right:-4px;top:calc(100% - 120px);border-radius:0px 2px 2px 0px}.marvel-device.iphone4s.landscape .volume{top:-4px;left:calc(100% - 187px);height:4px;width:27px;border-radius:2px 2px 0px 0px}.marvel-device.iphone4s.landscape .volume:before{right:-70px;left:auto;top:0px;width:35px;height:4px;border-radius:2px 2px 0px 0px}.marvel-device.iphone4s.landscape .volume:after{width:27px;height:4px;bottom:0px;left:-64px;border-radius:2px 2px 0px 0px}.marvel-device.iphone4s.silver{background:#bcbcbc}.marvel-device.iphone4s.silver:before{background:#fcfcfc}.marvel-device.iphone4s.silver .home{background:#fcfcfc;-webkit-box-shadow:inset 0 0 0 1px #bcbcbc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.iphone4s.silver .home:after{border:1px solid rgba(0,0,0,0.2)}.marvel-device.iphone4s.silver .volume,.marvel-device.iphone4s.silver .sleep{background:#d6d6d6}.marvel-device.nexus5{padding:50px 15px 50px 15px;width:320px;height:568px;background:#1e1e1e;border-radius:20px}.marvel-device.nexus5:before{border-radius:600px / 50px;background:inherit;content:'';top:0;position:absolute;height:103.1%;width:calc(100% - 26px);top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.marvel-device.nexus5 .top-bar{width:calc(100% - 8px);height:calc(100% - 6px);position:absolute;top:3px;left:4px;border-radius:20px;background:#181818}.marvel-device.nexus5 .top-bar:before{border-radius:600px / 50px;background:inherit;content:'';top:0;position:absolute;height:103.0%;width:calc(100% - 26px);top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.marvel-device.nexus5 .bottom-bar{display:none}.marvel-device.nexus5 .sleep{width:3px;position:absolute;left:-3px;top:110px;height:100px;background:inherit;border-radius:2px 0px 0px 2px}.marvel-device.nexus5 .volume{width:3px;position:absolute;right:-3px;top:70px;height:45px;background:inherit;border-radius:0px 2px 2px 0px}.marvel-device.nexus5 .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:18px;left:50%;z-index:3;margin-left:-5px;border-radius:100%}.marvel-device.nexus5 .camera:before{background:#3c3d3d;width:6px;height:6px;content:'';display:block;position:absolute;top:2px;left:-100px;z-index:3;border-radius:100%}.marvel-device.nexus5.landscape{padding:15px 50px 15px 50px;height:320px;width:568px}.marvel-device.nexus5.landscape:before{width:103.1%;height:calc(100% - 26px);border-radius:50px / 600px}.marvel-device.nexus5.landscape .top-bar{left:3px;top:4px;height:calc(100% - 8px);width:calc(100% - 6px)}.marvel-device.nexus5.landscape .top-bar:before{width:103%;height:calc(100% - 26px);border-radius:50px / 600px}.marvel-device.nexus5.landscape .sleep{height:3px;width:100px;left:calc(100% - 210px);top:-3px;border-radius:2px 2px 0px 0px}.marvel-device.nexus5.landscape .volume{height:3px;width:45px;right:70px;top:100%;border-radius:0px 0px 2px 2px}.marvel-device.nexus5.landscape .camera{top:50%;left:calc(100% - 18px);margin-left:0;margin-top:-5px}.marvel-device.nexus5.landscape .camera:before{top:-100px;left:2px}.marvel-device.s5{padding:60px 18px;border-radius:42px;width:320px;height:568px;background:#bcbcbc}.marvel-device.s5:before,.marvel-device.s5:after{width:calc(100% - 52px);content:'';display:block;height:26px;background:inherit;position:absolute;border-radius:500px / 40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.marvel-device.s5:before{top:-7px}.marvel-device.s5:after{bottom:-7px}.marvel-device.s5 .bottom-bar{display:none}.marvel-device.s5 .top-bar{border-radius:37px;width:calc(100% - 10px);height:calc(100% - 10px);top:5px;left:5px;background:radial-gradient(rgba(0,0,0,0.02) 20%, transparent 60%) 0 0,radial-gradient(rgba(0,0,0,0.02) 20%, transparent 60%) 3px 3px;background-color:white;background-size:4px 4px;background-position:center;z-index:2;position:absolute}.marvel-device.s5 .top-bar:before,.marvel-device.s5 .top-bar:after{width:calc(100% - 48px);content:'';display:block;height:26px;background:inherit;position:absolute;border-radius:500px / 40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.marvel-device.s5 .top-bar:before{top:-7px}.marvel-device.s5 .top-bar:after{bottom:-7px}.marvel-device.s5 .sleep{width:3px;position:absolute;left:-3px;top:100px;height:100px;background:#cecece;border-radius:2px 0px 0px 2px}.marvel-device.s5 .speaker{width:68px;height:8px;position:absolute;top:20px;display:block;z-index:3;left:50%;margin-left:-34px;background-color:#bcbcbc;background-position:top left;border-radius:4px}.marvel-device.s5 .sensor{display:block;position:absolute;top:20px;right:110px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.s5 .sensor:after{display:block;content:'';position:absolute;top:0px;right:12px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.s5 .camera{display:block;position:absolute;top:24px;right:42px;background:black;border-radius:100%;width:10px;height:10px;z-index:3}.marvel-device.s5 .camera:before{width:4px;height:4px;background:#3c3d3d;border-radius:100%;position:absolute;content:'';top:50%;left:50%;margin-top:-2px;margin-left:-2px}.marvel-device.s5 .home{position:absolute;z-index:3;bottom:17px;left:50%;width:70px;height:20px;background:white;border-radius:18px;display:block;margin-left:-35px;border:2px solid black}.marvel-device.s5.landscape{padding:18px 60px;height:320px;width:568px}.marvel-device.s5.landscape:before,.marvel-device.s5.landscape:after{height:calc(100% - 52px);width:26px;border-radius:40px / 500px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.marvel-device.s5.landscape:before{top:50%;left:-7px}.marvel-device.s5.landscape:after{top:50%;left:auto;right:-7px}.marvel-device.s5.landscape .top-bar:before,.marvel-device.s5.landscape .top-bar:after{width:26px;height:calc(100% - 48px);border-radius:40px / 500px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.marvel-device.s5.landscape .top-bar:before{right:-7px;top:50%;left:auto}.marvel-device.s5.landscape .top-bar:after{left:-7px;top:50%;right:auto}.marvel-device.s5.landscape .sleep{height:3px;width:100px;left:calc(100% - 200px);top:-3px;border-radius:2px 2px 0px 0px}.marvel-device.s5.landscape .speaker{height:68px;width:8px;left:calc(100% - 20px);top:50%;margin-left:0;margin-top:-34px}.marvel-device.s5.landscape .sensor{right:20px;top:calc(100% - 110px)}.marvel-device.s5.landscape .sensor:after{left:-12px;right:0px}.marvel-device.s5.landscape .camera{top:calc(100% - 42px);right:24px}.marvel-device.s5.landscape .home{width:20px;height:70px;bottom:50%;margin-bottom:-35px;margin-left:0;left:17px}.marvel-device.s5.black{background:#1e1e1e}.marvel-device.s5.black .speaker{background:black}.marvel-device.s5.black .sleep{background:#1e1e1e}.marvel-device.s5.black .top-bar{background:radial-gradient(rgba(0,0,0,0.05) 20%, transparent 60%) 0 0,radial-gradient(rgba(0,0,0,0.05) 20%, transparent 60%) 3px 3px;background-color:#2c2b2c;background-size:4px 4px}.marvel-device.s5.black .home{background:#2c2b2c}.marvel-device.lumia920{padding:80px 35px 125px 35px;background:#ffdd00;width:320px;height:533px;border-radius:40px / 3px}.marvel-device.lumia920 .bottom-bar{display:none}.marvel-device.lumia920 .top-bar{width:calc(100% - 24px);height:calc(100% - 32px);position:absolute;top:16px;left:12px;border-radius:24px;background:black;z-index:1}.marvel-device.lumia920 .top-bar:before{background:#1e1e1e;display:block;content:'';width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px;position:absolute;border-radius:22px}.marvel-device.lumia920 .volume{width:3px;position:absolute;top:130px;height:100px;background:#1e1e1e;right:-3px;border-radius:0px 2px 2px 0px}.marvel-device.lumia920 .volume:before{width:3px;position:absolute;top:190px;content:'';display:block;height:50px;background:inherit;right:0px;border-radius:0px 2px 2px 0px}.marvel-device.lumia920 .volume:after{width:3px;position:absolute;top:460px;content:'';display:block;height:50px;background:inherit;right:0px;border-radius:0px 2px 2px 0px}.marvel-device.lumia920 .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:34px;right:130px;z-index:5;border-radius:5px}.marvel-device.lumia920 .speaker{background:#292728;width:64px;height:10px;position:absolute;top:38px;left:50%;margin-left:-32px;border-radius:5px;z-index:3}.marvel-device.lumia920.landscape{padding:35px 80px 35px 125px;height:320px;width:568px;border-radius:2px / 100px}.marvel-device.lumia920.landscape .top-bar{height:calc(100% - 24px);width:calc(100% - 32px);left:16px;top:12px}.marvel-device.lumia920.landscape .volume{height:3px;right:130px;width:100px;top:100%;border-radius:0px 0px 2px 2px}.marvel-device.lumia920.landscape .volume:before{height:3px;right:190px;top:0px;width:50px;border-radius:0px 0px 2px 2px}.marvel-device.lumia920.landscape .volume:after{height:3px;right:430px;top:0px;width:50px;border-radius:0px 0px 2px 2px}.marvel-device.lumia920.landscape .camera{right:30px;top:calc(100% - 140px)}.marvel-device.lumia920.landscape .speaker{width:10px;height:64px;top:50%;margin-left:0;margin-top:-32px;left:calc(100% - 48px)}.marvel-device.lumia920.black{background:black}.marvel-device.lumia920.white{background:white;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);box-shadow:0 1px 2px 0 rgba(0,0,0,0.2)}.marvel-device.lumia920.blue{background:#00acdd}.marvel-device.lumia920.red{background:#CC3E32}.marvel-device.htc-one{padding:72px 25px 100px 25px;width:320px;height:568px;background:#bebebe;border-radius:34px}.marvel-device.htc-one:before{content:'';display:block;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px;background:#adadad;border-radius:32px}.marvel-device.htc-one:after{content:'';display:block;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;background:#eeeeee;border-radius:30px}.marvel-device.htc-one .top-bar{width:calc(100% - 4px);height:635px;position:absolute;background:#424242;top:50px;z-index:1;left:2px}.marvel-device.htc-one .top-bar:before{content:'';position:absolute;width:calc(100% - 4px);height:100%;position:absolute;background:black;top:0px;z-index:1;left:2px}.marvel-device.htc-one .bottom-bar{display:none}.marvel-device.htc-one .speaker{height:16px;width:216px;display:block;position:absolute;top:22px;z-index:2;left:50%;margin-left:-108px;background:radial-gradient(#343434 25%, transparent 50%) 0 0,radial-gradient(#343434 25%, transparent 50%) 4px 4px;background-size:4px 4px;background-position:top left}.marvel-device.htc-one .speaker:after{content:'';height:16px;width:216px;display:block;position:absolute;top:676px;z-index:2;left:50%;margin-left:-108px;background:inherit}.marvel-device.htc-one .camera{display:block;position:absolute;top:18px;right:38px;background:#3c3d3d;border-radius:100%;width:24px;height:24px;z-index:3}.marvel-device.htc-one .camera:before{width:8px;height:8px;background:black;border-radius:100%;position:absolute;content:'';top:50%;left:50%;margin-top:-4px;margin-left:-4px}.marvel-device.htc-one .sensor{display:block;position:absolute;top:29px;left:60px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.htc-one .sensor:after{display:block;content:'';position:absolute;top:0px;right:12px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.htc-one.landscape{padding:25px 72px 25px 100px;height:320px;width:568px}.marvel-device.htc-one.landscape .top-bar{height:calc(100% - 4px);width:635px;left:calc(100% - 685px);top:2px}.marvel-device.htc-one.landscape .speaker{width:16px;height:216px;left:calc(100% - 38px);top:50%;margin-left:0px;margin-top:-108px}.marvel-device.htc-one.landscape .speaker:after{width:16px;height:216px;left:calc(100% - 692px);top:50%;margin-left:0;margin-top:-108px}.marvel-device.htc-one.landscape .camera{right:18px;top:calc(100% - 38px)}.marvel-device.htc-one.landscape .sensor{left:calc(100% - 29px);top:60px}.marvel-device.htc-one.landscape .sensor :after{right:0;top:-12px}.marvel-device.ipad{width:576px;height:768px;padding:90px 25px;background:#242324;border-radius:44px}.marvel-device.ipad:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;content:'';display:block;top:4px;left:4px;border-radius:40px;background:#1e1e1e}.marvel-device.ipad .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:44px;left:50%;margin-left:-5px;border-radius:100%}.marvel-device.ipad .top-bar,.marvel-device.ipad .bottom-bar{display:none}.marvel-device.ipad .home{background:#242324;border-radius:36px;width:50px;height:50px;position:absolute;left:50%;margin-left:-25px;bottom:22px}.marvel-device.ipad .home:after{width:15px;height:15px;margin-top:-8px;margin-left:-8px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;position:absolute;display:block;content:'';top:50%;left:50%}.marvel-device.ipad.landscape{height:576px;width:768px;padding:25px 90px}.marvel-device.ipad.landscape .camera{left:calc(100% - 44px);top:50%;margin-left:0;margin-top:-5px}.marvel-device.ipad.landscape .home{top:50%;left:22px;margin-left:0;margin-top:-25px}.marvel-device.ipad.silver{background:#bcbcbc}.marvel-device.ipad.silver:before{background:#fcfcfc}.marvel-device.ipad.silver .home{background:#fcfcfc;-webkit-box-shadow:inset 0 0 0 1px #bcbcbc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.ipad.silver .home:after{border:1px solid rgba(0,0,0,0.2)}.marvel-device.macbook{width:960px;height:600px;padding:44px 44px 76px;margin:0 auto;background:#bebebe;border-radius:34px}.marvel-device.macbook:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;content:'';display:block;top:4px;left:4px;border-radius:30px;background:#1e1e1e}.marvel-device.macbook .top-bar{width:calc(100% + 2 * 70px);height:40px;position:absolute;content:'';display:block;top:680px;left:-70px;border-bottom-left-radius:90px 18px;border-bottom-right-radius:90px 18px;background:#bebebe;-webkit-box-shadow:inset 0px -4px 13px 3px rgba(34,34,34,0.6);box-shadow:inset 0px -4px 13px 3px rgba(34,34,34,0.6)}.marvel-device.macbook .top-bar:before{width:100%;height:24px;content:'';display:block;top:0;left:0;background:#f0f0f0;border-bottom:2px solid #aaa;border-radius:5px;position:relative}.marvel-device.macbook .top-bar:after{width:16%;height:14px;content:'';display:block;top:0;background:#ddd;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;border-radius:0 0 20px 20px;-webkit-box-shadow:inset 0px -3px 10px #999;box-shadow:inset 0px -3px 10px #999}.marvel-device.macbook .bottom-bar{background:transparent;width:calc(100% + 2 * 70px);height:26px;position:absolute;content:'';display:block;top:680px;left:-70px}.marvel-device.macbook .bottom-bar:before,.marvel-device.macbook .bottom-bar:after{height:calc(100% - 2px);width:80px;content:'';display:block;top:0;position:absolute}.marvel-device.macbook .bottom-bar:before{left:0;background:#f0f0f0;background:-webkit-gradient(linear, left top, right top, from(#747474), color-stop(5%, #c3c3c3), color-stop(14%, #ebebeb), color-stop(41%, #979797), color-stop(80%, #f0f0f0), color-stop(100%, #f0f0f0), to(#f0f0f0));background:linear-gradient(to right, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%)}.marvel-device.macbook .bottom-bar:after{right:0;background:#f0f0f0;background:-webkit-gradient(linear, left top, right top, from(#f0f0f0), color-stop(0%, #f0f0f0), color-stop(20%, #f0f0f0), color-stop(59%, #979797), color-stop(86%, #ebebeb), color-stop(95%, #c3c3c3), to(#747474));background:linear-gradient(to right, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%)}.marvel-device.macbook .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:20px;left:50%;margin-left:-5px;border-radius:100%}.marvel-device.macbook .home{display:none}.marvel-device.iphone-x{width:329px;height:712px;padding:26px;background:#fdfdfd;-webkit-box-shadow:inset 0 0 11px 0 black;box-shadow:inset 0 0 11px 0 black;border-radius:66px}.marvel-device.iphone-x .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:66px;overflow:hidden}.marvel-device.iphone-x .shadow{border-radius:100%;width:90px;height:90px;position:absolute;background:radial-gradient(ellipse at center, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 60%)}.marvel-device.iphone-x .shadow--tl{top:-20px;left:-20px}.marvel-device.iphone-x .shadow--tr{top:-20px;right:-20px}.marvel-device.iphone-x .shadow--bl{bottom:-20px;left:-20px}.marvel-device.iphone-x .shadow--br{bottom:-20px;right:-20px}.marvel-device.iphone-x:before{width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;content:'';left:5px;border-radius:61px;background:black;z-index:1}.marvel-device.iphone-x .inner-shadow{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;overflow:hidden;left:10px;border-radius:56px;-webkit-box-shadow:inset 0 0 15px 0 rgba(255,255,255,0.66);box-shadow:inset 0 0 15px 0 rgba(255,255,255,0.66);z-index:1}.marvel-device.iphone-x .inner-shadow:before{-webkit-box-shadow:inset 0 0 20px 0 #FFFFFF;box-shadow:inset 0 0 20px 0 #FFFFFF;width:100%;height:116%;position:absolute;top:-8%;content:'';left:0;border-radius:200px / 112px;z-index:2}.marvel-device.iphone-x .screen{border-radius:40px;-webkit-box-shadow:none;box-shadow:none}.marvel-device.iphone-x .top-bar,.marvel-device.iphone-x .bottom-bar{width:100%;position:absolute;height:8px;background:rgba(0,0,0,0.1);left:0}.marvel-device.iphone-x .top-bar{top:80px}.marvel-device.iphone-x .bottom-bar{bottom:80px}.marvel-device.iphone-x .volume,.marvel-device.iphone-x .volume:before,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .sleep{width:3px;background:#b5b5b5;position:absolute}.marvel-device.iphone-x .volume{left:-3px;top:116px;height:32px}.marvel-device.iphone-x .volume:before{height:62px;top:62px;content:'';left:0}.marvel-device.iphone-x .volume:after{height:62px;top:140px;content:'';left:0}.marvel-device.iphone-x .sleep{height:96px;top:200px;right:-3px}.marvel-device.iphone-x .camera{width:6px;height:6px;top:9px;border-radius:100%;position:absolute;left:154px;background:#0d4d71}.marvel-device.iphone-x .speaker{height:6px;width:60px;left:50%;position:absolute;top:9px;margin-left:-30px;background:#171818;border-radius:6px}.marvel-device.iphone-x .notch{position:absolute;width:184px;height:26px;top:23px;left:94.738px;z-index:4;background:black;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.marvel-device.iphone-x .notch:before,.marvel-device.iphone-x .notch:after{content:'';height:8px;position:absolute;top:0;width:8px}.marvel-device.iphone-x .notch:after{background:radial-gradient(circle at bottom left, transparent 0, transparent 70%, black 70%, black 100%);left:-8px}.marvel-device.iphone-x .notch:before{background:radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);right:-8px}.marvel-device.iphone-x.landscape{height:375px;width:812px}.marvel-device.iphone-x.landscape .top-bar,.marvel-device.iphone-x.landscape .bottom-bar{width:8px;height:100%;top:0}.marvel-device.iphone-x.landscape .top-bar{left:80px}.marvel-device.iphone-x.landscape .bottom-bar{right:80px;bottom:auto;left:auto}.marvel-device.iphone-x.landscape .volume,.marvel-device.iphone-x.landscape .volume:before,.marvel-device.iphone-x.landscape .volume:after,.marvel-device.iphone-x.landscape .sleep{height:3px}.marvel-device.iphone-x.landscape .inner-shadow:before{height:100%;width:116%;left:-8%;top:0;border-radius:112px / 200px}.marvel-device.iphone-x.landscape .volume{bottom:-3px;top:auto;left:116px;width:32px}.marvel-device.iphone-x.landscape .volume:before{width:62px;left:62px;top:0}.marvel-device.iphone-x.landscape .volume:after{width:62px;left:140px;top:0}.marvel-device.iphone-x.landscape .sleep{width:96px;left:200px;top:-3px;right:auto}.marvel-device.iphone-x.landscape .camera{left:9px;bottom:154px;top:auto}.marvel-device.iphone-x.landscape .speaker{width:6px;height:60px;left:9px;top:50%;margin-top:-30px;margin-left:0}.marvel-device.iphone-x.landscape .notch{height:210px;width:30px;left:26px;bottom:108px;top:auto;border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0}.marvel-device.iphone-x.landscape .notch:before,.marvel-device.iphone-x.landscape .notch:after{left:0}.marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);bottom:-8px;top:auto}.marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at top right, transparent 0, transparent 70%, black 70%, black 100%);top:-8px}.marvel-device.note8{width:400px;height:822px;background:black;border-radius:34px;padding:45px 10px}.marvel-device.note8 .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:34px;overflow:hidden}.marvel-device.note8 .speaker{height:8px;width:56px;left:50%;position:absolute;top:25px;margin-left:-28px;background:#171818;z-index:1;border-radius:8px}.marvel-device.note8 .camera{height:18px;width:18px;left:86px;position:absolute;top:18px;background:#212b36;z-index:1;border-radius:100%}.marvel-device.note8 .camera:before{content:'';height:8px;width:8px;left:-22px;position:absolute;top:5px;background:#212b36;z-index:1;border-radius:100%}.marvel-device.note8 .sensors{height:10px;width:10px;left:120px;position:absolute;top:22px;background:#1d233b;z-index:1;border-radius:100%}.marvel-device.note8 .sensors:before{content:'';height:10px;width:10px;left:18px;position:absolute;top:0;background:#1d233b;z-index:1;border-radius:100%}.marvel-device.note8 .more-sensors{height:16px;width:16px;left:285px;position:absolute;top:18px;background:#33244a;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.1);box-shadow:0 0 0 2px rgba(255,255,255,0.1);z-index:1;border-radius:100%}.marvel-device.note8 .more-sensors:before{content:'';height:11px;width:11px;left:40px;position:absolute;top:4px;background:#214a61;z-index:1;border-radius:100%}.marvel-device.note8 .sleep{width:2px;height:56px;background:black;position:absolute;top:288px;right:-2px}.marvel-device.note8 .volume{width:2px;height:120px;background:black;position:absolute;top:168px;left:-2px}.marvel-device.note8 .volume:before{content:'';top:168px;width:2px;position:absolute;left:0;background:black;height:56px}.marvel-device.note8 .inner{width:100%;height:calc(100% - 8px);position:absolute;top:2px;content:'';left:0px;border-radius:34px;border-top:2px solid #9fa0a2;border-bottom:2px solid #9fa0a2;background:black;z-index:1;-webkit-box-shadow:inset 0 0 6px 0 rgba(255,255,255,0.5);box-shadow:inset 0 0 6px 0 rgba(255,255,255,0.5)}.marvel-device.note8 .shadow{-webkit-box-shadow:inset 0 0 60px 0 white,inset 0 0 30px 0 rgba(255,255,255,0.5),0 0 20px 0 white,0 0 20px 0 rgba(255,255,255,0.5);box-shadow:inset 0 0 60px 0 white,inset 0 0 30px 0 rgba(255,255,255,0.5),0 0 20px 0 white,0 0 20px 0 rgba(255,255,255,0.5);height:101%;position:absolute;top:-0.5%;content:'';width:calc(100% - 20px);left:10px;border-radius:38px;z-index:5;pointer-events:none}.marvel-device.note8 .screen{border-radius:14px;-webkit-box-shadow:none;box-shadow:none}.marvel-device.note8.landscape{height:400px;width:822px;padding:10px 45px}.marvel-device.note8.landscape .speaker{height:56px;width:8px;top:50%;margin-top:-28px;margin-left:0;right:25px;left:auto}.marvel-device.note8.landscape .camera{top:86px;right:18px;left:auto}.marvel-device.note8.landscape .camera:before{top:-22px;left:5px}.marvel-device.note8.landscape .sensors{top:120px;right:22px;left:auto}.marvel-device.note8.landscape .sensors:before{top:18px;left:0}.marvel-device.note8.landscape .more-sensors{top:285px;right:18px;left:auto}.marvel-device.note8.landscape .more-sensors:before{top:40px;left:4px}.marvel-device.note8.landscape .sleep{bottom:-2px;top:auto;right:288px;width:56px;height:2px}.marvel-device.note8.landscape .volume{width:120px;height:2px;top:-2px;right:168px;left:auto}.marvel-device.note8.landscape .volume:before{right:168px;left:auto;top:0;width:56px;height:2px}.marvel-device.note8.landscape .inner{height:100%;width:calc(100% - 8px);left:2px;top:0;border-top:0;border-bottom:0;border-left:2px solid #9fa0a2;border-right:2px solid #9fa0a2}.marvel-device.note8.landscape .shadow{width:101%;height:calc(100% - 20px);left:-0.5%;top:10px}
+
+/* bslib cards */
+  .bslib-card{overflow:auto}.bslib-card .card-body+.card-body{padding-top:0}.bslib-card .card-body{overflow:auto}.bslib-card .card-body p{margin-top:0}.bslib-card .card-body p:last-child{margin-bottom:0}.bslib-card .card-body{max-height:var(--bslib-card-body-max-height, none)}.bslib-card[data-full-screen="true"]>.card-body{max-height:var(--bslib-card-body-max-height-full-screen, none)}.bslib-card .card-header .form-group{margin-bottom:0}.bslib-card .card-header .selectize-control{margin-bottom:0}.bslib-card .card-header .selectize-control .item{margin-right:1.15rem}.bslib-card .card-footer{margin-top:auto}.bslib-card .bslib-navs-card-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.bslib-card .bslib-navs-card-title .nav{margin-left:auto}.bslib-card .bslib-sidebar-layout:not([data-bslib-sidebar-border="true"]){border:none}.bslib-card .bslib-sidebar-layout:not([data-bslib-sidebar-border-radius="true"]){border-top-left-radius:0;border-top-right-radius:0}[data-full-screen="true"]{position:fixed;inset:3.5rem 1rem 1rem;height:auto !important;max-height:none !important;width:auto !important;z-index:1070}.bslib-full-screen-enter{display:none;position:absolute;bottom:var(--bslib-full-screen-enter-bottom, 0.2rem);right:var(--bslib-full-screen-enter-right, 0);top:var(--bslib-full-screen-enter-top);left:var(--bslib-full-screen-enter-left);color:var(--bslib-color-fg, var(--bs-card-color));background-color:var(--bslib-color-bg, var(--bs-card-bg, var(--bs-body-bg)));border:var(--bs-card-border-width) solid var(--bslib-color-fg, var(--bs-card-border-color));box-shadow:0 2px 4px rgba(0,0,0,0.15);margin:0.2rem 0.4rem;padding:0.55rem !important;font-size:.8rem;cursor:pointer;opacity:0.7;z-index:1070}.bslib-full-screen-enter:hover{opacity:1}.card[data-full-screen="false"]:hover>*>.bslib-full-screen-enter{display:block}.bslib-has-full-screen .card:hover>*>.bslib-full-screen-enter{display:none}@media (max-width: 575.98px){.bslib-full-screen-enter{display:none !important}}.bslib-full-screen-exit{position:relative;top:1.35rem;font-size:0.9rem;cursor:pointer;text-decoration:none;display:flex;float:right;margin-right:2.15rem;align-items:center;color:rgba(var(--bs-body-bg-rgb), 0.8)}.bslib-full-screen-exit:hover{color:rgba(var(--bs-body-bg-rgb), 1)}.bslib-full-screen-exit svg{margin-left:0.5rem;font-size:1.5rem}#bslib-full-screen-overlay{position:fixed;inset:0;background-color:rgba(var(--bs-body-color-rgb), 0.6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1069;animation:bslib-full-screen-overlay-enter 400ms cubic-bezier(0.6, 0.02, 0.65, 1) forwards}@keyframes bslib-full-screen-overlay-enter{0%{opacity:0}100%{opacity:1}}
+
+/* fill css for fullscreen cards */
+.html-fill-container {
+  display: flex;
+  flex-direction: column;
+  /* Prevent the container from expanding vertically or horizontally beyond its
+     parent's constraints. */
+  min-height: 0;
+  min-width: 0;
+}
+.html-fill-container > .html-fill-item {
+  /* Fill items can grow and shrink freely within
+     available vertical space in fillable container */
+  flex: 1 1 auto;
+  min-height: 0;
+  min-width: 0;
+}
+.html-fill-container > :not(.html-fill-item) {
+  /* Prevent shrinking or growing of non-fill items */
+  flex: 0 0 auto;
+}
diff --git a/docs/index.html b/docs/index.html
index aa0414a2..4d930073 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -4,7 +4,14 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="description" content="Develop outstanding shiny apps for iOS, Android, desktop as well as beautiful shiny gadgets.
+    shinyMobile is built on top of the latest Framework7 template &lt;https://framework7.io&gt;.
+    Discover 14 new input widgets (sliders, vertical sliders, stepper, 
+    grouped action buttons, toggles, picker, smart select, ...), 2 themes (light and dark), 
+    12 new widgets (expandable cards, badges, chips, timelines, gauges, progress bars, ...) 
+    combined with the power of server-side notifications such as alerts, modals, toasts,
+    action sheets, sheets (and more) as well as 3 layouts (single, tabs and split).">
 <title>Mobile Ready shiny Apps with Standalone Capabilities • shinyMobile</title>
 <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
 <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
@@ -12,12 +19,11 @@
 <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png">
 <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png">
 <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png">
-<!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script><!-- bootstrap-toc --><link rel="stylesheet" href="bootstrap-toc.css">
-<script src="bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
+<script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<link href="deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet">
+<script src="deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
-<!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="pkgdown.css" rel="stylesheet">
-<script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet">
+<!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet">
 <meta property="og:title" content="Mobile Ready shiny Apps with Standalone Capabilities">
 <meta property="og:description" content="Develop outstanding shiny apps for iOS, Android, desktop as well as beautiful shiny gadgets.
     shinyMobile is built on top of the latest Framework7 template &lt;https://framework7.io&gt;.
@@ -30,147 +36,130 @@
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
 </head>
-<body data-spy="scroll" data-target="#toc">
-    <div class="container template-home">
-      <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-<li>
-  <a href="index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="articles/shinyMobile.html">Get started</a>
+<body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
+
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="index.html">shinyMobile</a>
+
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
+
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto">
+<li class="nav-item">
+  <a class="nav-link" href="articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="reference/index.html">Reference</a>
+<li class="nav-item">
+  <a class="nav-link" href="reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li>
-      <a href="articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-<li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider">
-    <li>
-      <a href="news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="news/index.html">Changelog</a>
+  </div>
 </li>
       </ul>
-<ul class="nav navbar-nav navbar-right">
-<li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+<form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="search.json" id="search-input" placeholder="Search for" autocomplete="off">
+</form>
+
+      <ul class="navbar-nav">
+<li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
       </ul>
 </div>
-<!--/.nav-collapse -->
+
+    
   </div>
-<!--/.container -->
+</nav><div class="container template-home">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="section level1">
+<div class="page-header">
+<img src="logo.png" class="logo" alt=""><h1 id="shinymobile-">shinyMobile <a class="anchor" aria-label="anchor" href="#shinymobile-"></a>
+</h1>
 </div>
-<!--/.navbar -->
-
-      
-
-      </header><div class="row">
-  <div class="contents col-md-9">
-<div id="shinymobile-" class="section level1">
-<div class="page-header"><h1 class="hasAnchor">
-<a href="#shinymobile-" class="anchor"></a>shinyMobile <img src="reference/figures/logo.png" width="200px" align="right">
-</h1></div>
 <blockquote>
-<p>Develop outstanding {shiny} apps for iOS, Android, desktop as well as beautiful {shiny} gadgets. {shinyMobile} is built on top of the latest <a href="https://framework7.io">Framework7</a> template.</p>
+<p>Develop outstanding {shiny} apps for iOS, Android, desktop as well as beautiful {shiny} gadgets. {shinyMobile} is built on top of the latest <a href="https://framework7.io" class="external-link">Framework7</a> template.</p>
 </blockquote>
-<p><a href="https://github.com/RinteRface/shinyMobile/actions"><img src="https://github.com/RinteRface/shinyMobile/workflows/R-CMD-check/badge.svg" alt="R build status"></a> <a href="https://lifecycle.r-lib.org/articles/stages.html"><img src="https://img.shields.io/badge/lifecycle-maturing-ff69b4.svg" alt="lifecycle"></a> <a href="https://www.repostatus.org/#wip"><img src="https://www.repostatus.org/badges/latest/wip.svg" alt="Project Status"></a> <a href="https://cran.r-project.org/package=shinyMobile"><img src="https://www.r-pkg.org/badges/version/shinyMobile" alt="CRAN status"></a></p>
-<div id="installation" class="section level2">
-<h2 class="hasAnchor">
-<a href="#installation" class="anchor"></a>Installation</h2>
+<p><a href="https://github.com/RinteRface/shinyMobile/actions" class="external-link"><img src="https://github.com/RinteRface/shinyMobile/workflows/R-CMD-check/badge.svg" alt="R build status"></a> <a href="https://lifecycle.r-lib.org/articles/stages.html" class="external-link"><img src="https://img.shields.io/badge/lifecycle-maturing-ff69b4.svg" alt="lifecycle"></a> <a href="https://www.repostatus.org/#wip" class="external-link"><img src="https://www.repostatus.org/badges/latest/wip.svg" alt="Project Status"></a> <a href="https://cran.r-project.org/package=shinyMobile" class="external-link"><img src="https://www.r-pkg.org/badges/version/shinyMobile" alt="CRAN status"></a></p>
+<div class="section level2">
+<h2 id="installation">Installation<a class="anchor" aria-label="anchor" href="#installation"></a>
+</h2>
 <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="co"># from CRAN</span>
-<span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html">install.packages</a></span><span class="op">(</span><span class="st">"shinyMobile"</span><span class="op">)</span>
-<span class="co"># for the latest version</span>
-<span class="fu">devtools</span><span class="fu">::</span><span class="fu"><a href="https://devtools.r-lib.org//reference/remote-reexports.html">install_github</a></span><span class="op">(</span><span class="st">"RinteRface/shinyMobile"</span><span class="op">)</span></code></pre></div>
-</div>
-<div id="cheatsheet" class="section level2">
-<h2 class="hasAnchor">
-<a href="#cheatsheet" class="anchor"></a>Cheatsheet</h2>
-<p><a href="https://github.com/RinteRface/cheatsheets/tree/master/shinyMobile"><img src="https://raw.githubusercontent.com/rinterface/cheatsheets/master/shinyMobile/png/shinyMobile1.png" width="630" height="487" style="max-width:100%;"></a></p>
-</div>
-<div id="demo" class="section level2">
-<h2 class="hasAnchor">
-<a href="#demo" class="anchor"></a>Demo</h2>
-<p>A running demo is on <a href="https://dgranjon.shinyapps.io/miniUI2Demo/">shinyapps.io</a>. Left side: android demo, right side: iOS demo</p>
+<code class="sourceCode R"><span><span class="co"># from CRAN</span></span>
+<span><span class="fu"><a href="https://rdrr.io/r/utils/install.packages.html" class="external-link">install.packages</a></span><span class="op">(</span><span class="st">"shinyMobile"</span><span class="op">)</span></span>
+<span><span class="co"># for the latest version</span></span>
+<span><span class="fu">devtools</span><span class="fu">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html" class="external-link">install_github</a></span><span class="op">(</span><span class="st">"RinteRface/shinyMobile"</span><span class="op">)</span></span></code></pre></div>
+</div>
+<div class="section level2">
+<h2 id="cheatsheet">Cheatsheet<a class="anchor" aria-label="anchor" href="#cheatsheet"></a>
+</h2>
+<p><a href="https://github.com/RinteRface/cheatsheets/tree/master/shinyMobile" class="external-link"><img src="https://raw.githubusercontent.com/rinterface/cheatsheets/master/shinyMobile/png/shinyMobile1.png" width="630" height="487" style="max-width:100%;"></a></p>
+</div>
+<div class="section level2">
+<h2 id="demo">Demo<a class="anchor" aria-label="anchor" href="#demo"></a>
+</h2>
+<p>A running demo is on <a href="https://dgranjon.shinyapps.io/miniUI2Demo/" class="external-link">shinyapps.io</a>. Left side: android demo, right side: iOS demo</p>
 <link rel="stylesheet" href="/Library/Frameworks/R.framework/Versions/3.6/Resources/library/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
 <div class="marvel-device note8">
 <div class="inner">
+
 </div>
 <div class="overflow">
 <div class="shadow">
+
 </div>
 </div>
 <div class="speaker">
+
 </div>
 <div class="sensors">
+
 </div>
 <div class="more-sensors">
+
 </div>
 <div class="sleep">
+
 </div>
 <div class="volume">
+
 </div>
 <div class="camera">
+
 </div>
 <div class="screen">
 <iframe width="100%" src="https://dgranjon.shinyapps.io/miniUI2DemoMd" allowfullscreen frameborder="0" scrolling="yes" height="822">
@@ -180,52 +169,60 @@ <h2 class="hasAnchor">
 <link rel="stylesheet" href="/Library/Frameworks/R.framework/Versions/3.6/Resources/library/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
 <div class="marvel-device black iphone8">
 <div class="top-bar">
+
 </div>
 <div class="sleep">
+
 </div>
 <div class="volume">
+
 </div>
 <div class="camera">
+
 </div>
 <div class="sensor">
+
 </div>
 <div class="speaker">
+
 </div>
 <div class="screen">
 <iframe width="100%" src="https://dgranjon.shinyapps.io/miniUI2Demo" allowfullscreen frameborder="0" scrolling="yes" height="670">
 </iframe>
 </div>
 <div class="home">
+
 </div>
 <div class="bottom-bar">
+
 </div>
 </div>
 </div>
-<div id="progressive-web-app-pwa" class="section level2">
-<h2 class="hasAnchor">
-<a href="#progressive-web-app-pwa" class="anchor"></a>Progressive Web App (PWA)</h2>
-<div id="configuration" class="section level3">
-<h3 class="hasAnchor">
-<a href="#configuration" class="anchor"></a>Configuration</h3>
-<p><a href="https://github.com/RinteRface/shinyMobile">shinyMobile</a> is PWA capable, meaning that it can be displayed full screen on many mobile devices. This feature is automatically handled by <code><a href="reference/f7Page.html">f7Page()</a></code> if <code>allowPWA</code> is <code>TRUE</code> (it leverages the Google PWA compatibility <a href="https://github.com/GoogleChromeLabs/pwacompat">script</a>).</p>
+<div class="section level2">
+<h2 id="progressive-web-app-pwa">Progressive Web App (PWA)<a class="anchor" aria-label="anchor" href="#progressive-web-app-pwa"></a>
+</h2>
+<div class="section level3">
+<h3 id="configuration">Configuration<a class="anchor" aria-label="anchor" href="#configuration"></a>
+</h3>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> is PWA capable, meaning that it can be displayed full screen on many mobile devices. This feature is automatically handled by <code><a href="reference/f7Page.html">f7Page()</a></code> if <code>allowPWA</code> is <code>TRUE</code> (it leverages the Google PWA compatibility <a href="https://github.com/GoogleChromeLabs/pwacompat" class="external-link">script</a>).</p>
 <p>To setup the necessary assets for your PWA, you may run:</p>
 <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span class="fu">remotes</span><span class="fu">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html">install_github</a></span><span class="op">(</span><span class="st">"RinteRface/charpente"</span><span class="op">)</span>
-<span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/charpente">charpente</a></span><span class="op">)</span>
-<span class="fu"><a href="https://rdrr.io/pkg/charpente/man/set_pwa.html">set_pwa</a></span><span class="op">(</span><span class="va">APP_PATH</span>, <span class="va">...</span><span class="op">)</span></code></pre></div>
-<p>where <code>APP_PATH</code> is the app location. It only works if the app is inside a package like with {golem}. Alternatively, you may copy the <code>www</code> folder of the gallery <a href="https://github.com/RinteRface/shinyMobile/tree/master/inst/examples/gallery/www">app</a>, which provides:</p>
+<code class="sourceCode R"><span><span class="fu">remotes</span><span class="fu">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html" class="external-link">install_github</a></span><span class="op">(</span><span class="st">"RinteRface/charpente"</span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/charpente" class="external-link">charpente</a></span><span class="op">)</span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/charpente/man/set_pwa.html" class="external-link">set_pwa</a></span><span class="op">(</span><span class="va">APP_PATH</span>, <span class="va">...</span><span class="op">)</span></span></code></pre></div>
+<p>where <code>APP_PATH</code> is the app location. It only works if the app is inside a package like with {golem}. Alternatively, you may copy the <code>www</code> folder of the gallery <a href="https://github.com/RinteRface/shinyMobile/tree/master/inst/examples/gallery/www" class="external-link">app</a>, which provides:</p>
 <ul>
 <li>A valid service worker.</li>
 <li>A valid <code>offline.html</code> fallback.</li>
-<li>A valid web manifest. Don’t forget to change the <code>start_url</code> property to the path of your app. For instance, the following app hosted at <a href="https://dgranjon.shinyapps.io/rstudio-global-2021-calendar/" class="uri">https://dgranjon.shinyapps.io/rstudio-global-2021-calendar/</a>, has the <code>/rstudio-global-2021-calendar/</code> path.</li>
-<li>A valid set of icons. There are tools such as <a href="https://appsco.pe/developer/splash-screens">appsco</a> and <a href="https://app-manifest.firebaseapp.com">app-manifest</a>, to create those custom icons and splash screens, if you need to.</li>
+<li>A valid web manifest. Don’t forget to change the <code>start_url</code> property to the path of your app. For instance, the following app hosted at <a href="https://dgranjon.shinyapps.io/rstudio-global-2021-calendar/" class="external-link uri">https://dgranjon.shinyapps.io/rstudio-global-2021-calendar/</a>, has the <code>/rstudio-global-2021-calendar/</code> path.</li>
+<li>A valid set of icons. There are tools such as <a href="https://appsco.pe/developer/splash-screens" class="external-link">appsco</a> and <a href="https://app-manifest.firebaseapp.com" class="external-link">app-manifest</a>, to create those custom icons and splash screens, if you need to.</li>
 </ul>
-<p>It is really easier with <a href="https://github.com/RinteRface/charpente">charpente</a>, the reason why we strongly recommend to develop your app inside a package.</p>
+<p>It is really easier with <a href="https://github.com/RinteRface/charpente" class="external-link">charpente</a>, the reason why we strongly recommend to develop your app inside a package.</p>
 </div>
-<div id="add-the-pwa-to-your-desktop-apps" class="section level3">
-<h3 class="hasAnchor">
-<a href="#add-the-pwa-to-your-desktop-apps" class="anchor"></a>Add the PWA to your desktop Apps</h3>
-<p>Copy the url of your app in your mobile web browser (iOS: Safari and Andoid: Chrome). In this example this is: <a href="https://dgranjon.shinyapps.io/miniUI2Demo/" class="uri">https://dgranjon.shinyapps.io/miniUI2Demo/</a>. It opens like a classic web app, with top and bottom ugly navigation bars.</p>
+<div class="section level3">
+<h3 id="add-the-pwa-to-your-desktop-apps">Add the PWA to your desktop Apps<a class="anchor" aria-label="anchor" href="#add-the-pwa-to-your-desktop-apps"></a>
+</h3>
+<p>Copy the url of your app in your mobile web browser (iOS: Safari and Andoid: Chrome). In this example this is: <a href="https://dgranjon.shinyapps.io/miniUI2Demo/" class="external-link uri">https://dgranjon.shinyapps.io/miniUI2Demo/</a>. It opens like a classic web app, with top and bottom ugly navigation bars.</p>
 <ul>
 <li>Select the share button located in the bottom bar of your Iphone/Ipad. For Android, you may do something similar. Importantly, Chrome for iOS does not support this feature, that’s why I recommend using Safari.</li>
 <li>Click on “Add to Home Screen”</li>
@@ -238,76 +235,85 @@ <h3 class="hasAnchor">
 </div>
 </div>
 </div>
-<div id="limitations" class="section level3">
-<h3 class="hasAnchor">
-<a href="#limitations" class="anchor"></a>Limitations</h3>
-<p>It is actually quite complex to guarantee that all mobile platforms are supported. The PWA compatibility script will work in most of the case. If not, please open an issue <a href="https://github.com/GoogleChromeLabs/pwacompat/issues">here</a>, to help improving it!</p>
+<div class="section level3">
+<h3 id="limitations">Limitations<a class="anchor" aria-label="anchor" href="#limitations"></a>
+</h3>
+<p>It is actually quite complex to guarantee that all mobile platforms are supported. The PWA compatibility script will work in most of the case. If not, please open an issue <a href="https://github.com/GoogleChromeLabs/pwacompat/issues" class="external-link">here</a>, to help improving it!</p>
 </div>
 </div>
-<div id="acknowledgement" class="section level2">
-<h2 class="hasAnchor">
-<a href="#acknowledgement" class="anchor"></a>Acknowledgement</h2>
-<p>A special thanks to <a href="https://github.com/nolimits4web">Vladimir Kharlampidi</a> for creating this amazing framework7 HTML template.</p>
+<div class="section level2">
+<h2 id="acknowledgement">Acknowledgement<a class="anchor" aria-label="anchor" href="#acknowledgement"></a>
+</h2>
+<p>A special thanks to <a href="https://github.com/nolimits4web" class="external-link">Vladimir Kharlampidi</a> for creating this amazing framework7 HTML template.</p>
 </div>
-<div id="code-of-conduct" class="section level2">
-<h2 class="hasAnchor">
-<a href="#code-of-conduct" class="anchor"></a>Code of Conduct</h2>
-<p>Please note that the shinyMobile project is released with a <a href="https://contributor-covenant.org/version/2/0/CODE_OF_CONDUCT.html">Contributor Code of Conduct</a>. By contributing to this project, you agree to abide by its terms.</p>
+<div class="section level2">
+<h2 id="code-of-conduct">Code of Conduct<a class="anchor" aria-label="anchor" href="#code-of-conduct"></a>
+</h2>
+<p>Please note that the shinyMobile project is released with a <a href="https://contributor-covenant.org/version/2/0/CODE_OF_CONDUCT.html" class="external-link">Contributor Code of Conduct</a>. By contributing to this project, you agree to abide by its terms.</p>
 </div>
 </div>
-  </div>
-
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <div class="links">
-<h2>Links</h2>
+  </main><aside class="col-md-3"><div class="links">
+<h2 data-toc-skip>Links</h2>
 <ul class="list-unstyled">
-<li>Download from CRAN at <br><a href="https://cloud.r-project.org/package=shinyMobile">https://​cloud.r-project.org/​package=shinyMobile</a>
-</li>
-<li>Browse source code at <br><a href="https://github.com/RinteRface/shinyMobile/">https://​github.com/​RinteRface/​shinyMobile/​</a>
-</li>
-<li>Report a bug at <br><a href="https://github.com/RinteRface/shinyMobile/issues">https://​github.com/​RinteRface/​shinyMobile/​issues</a>
-</li>
+<li><a href="https://cloud.r-project.org/package=shinyMobile" class="external-link">View on CRAN</a></li>
+<li><a href="https://github.com/RinteRface/shinyMobile/" class="external-link">Browse source code</a></li>
+<li><a href="https://github.com/RinteRface/shinyMobile/issues" class="external-link">Report a bug</a></li>
 </ul>
 </div>
+
 <div class="license">
-<h2>License</h2>
+<h2 data-toc-skip>License</h2>
 <ul class="list-unstyled">
-<li><a href="https://www.r-project.org/Licenses/GPL-2">GPL-2</a></li>
+<li><a href="https://www.r-project.org/Licenses/GPL-2" class="external-link">GPL-2</a></li>
 </ul>
 </div>
+
 <div class="community">
-<h2>Community</h2>
+<h2 data-toc-skip>Community</h2>
 <ul class="list-unstyled">
 <li><a href="CODE_OF_CONDUCT.html">Code of conduct</a></li>
 </ul>
 </div>
+
+<div class="citation">
+<h2 data-toc-skip>Citation</h2>
+<ul class="list-unstyled">
+<li><a href="authors.html#citation">Citing shinyMobile</a></li>
+</ul>
+</div>
+
 <div class="developers">
-<h2>Developers</h2>
+<h2 data-toc-skip>Developers</h2>
 <ul class="list-unstyled">
 <li>David Granjon <br><small class="roles"> Author, maintainer </small>  </li>
 <li>Victor Perrier <br><small class="roles"> Author </small>  </li>
 <li>Isabelle Rudolf <br><small class="roles"> Author </small>  </li>
-<li><a href="authors.html">All authors...</a></li>
+<li><a href="authors.html">More about authors...</a></li>
 </ul>
 </div>
 
-  </div>
+
+
+  </aside>
 </div>
 
 
-      <footer><div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p>
+<p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p>
+<p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
+    </footer>
 </div>
 
   
 
+  
 
   </body>
 </html>
diff --git a/docs/news/index.html b/docs/news/index.html
index 510788a7..288514c5 100644
--- a/docs/news/index.html
+++ b/docs/news/index.html
@@ -1,599 +1,474 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Changelog • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Changelog" />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Changelog • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Changelog"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-news">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
+
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
+
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
+
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
+</li>
+<li class="nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-news">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-      <h1 data-toc-skip>Changelog <small></small></h1>
-      <small>Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/NEWS.md'><code>NEWS.md</code></a></small>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Changelog</h1>
+      <small>Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/NEWS.md" class="external-link"><code>NEWS.md</code></a></small>
     </div>
 
-    <div id="shinymobile-091" class="section level1">
-<h1 class="page-header" data-toc-text="0.9.1">
-<a href="#shinymobile-091" class="anchor"></a>shinyMobile 0.9.1<small> Unreleased </small>
-</h1>
-<p>This release only fixes an issue with Shiny 1.7.0 with a failing unit <a href="https://github.com/RinteRface/shinyMobile/pull/211">test</a>. Thanks <a href='https://github.com/schloerke'>@schloerke</a></p>
+    <div class="section level2">
+<h2 class="pkg-version" data-toc-text="1.0.1.9000" id="shinymobile-1019000">shinyMobile 1.0.1.9000<a class="anchor" aria-label="anchor" href="#shinymobile-1019000"></a></h2>
+<div class="section level3">
+<h3 id="minor-change-1-0-1-9000">Minor change<a class="anchor" aria-label="anchor" href="#minor-change-1-0-1-9000"></a></h3>
+<ul><li>Add <code>limit</code> to <code><a href="../reference/autocomplete.html">f7AutoComplete()</a></code>. Thanks <a href="https://github.com/bthieurmel" class="external-link">@bthieurmel</a>.</li>
+</ul></div>
 </div>
-    <div id="shinymobile-090" class="section level1">
-<h1 class="page-header" data-toc-text="0.9.0">
-<a href="#shinymobile-090" class="anchor"></a>shinyMobile 0.9.0<small> 2021-07-22 </small>
-</h1>
-<p>This release also fixes an issue with R CMD check and <a href="https://github.com/RinteRface/shinyMobile/runs/3133178817?check_suite_focus=true#step:10:119">htmltools</a></p>
-<div id="breaking-change" class="section level2">
-<h2 class="hasAnchor">
-<a href="#breaking-change" class="anchor"></a>Breaking change</h2>
-<ul>
-<li>
-<code><a href="../reference/f7Link.html">f7Link()</a></code> <strong>icon</strong> now expects <code><a href="../reference/f7Icon.html">f7Icon()</a></code>. <strong>label</strong> is not mandatory anymore.</li>
-</ul>
+    <div class="section level2">
+<h2 class="pkg-version" data-toc-text="1.0.0" id="shinymobile-100">shinyMobile 1.0.0<a class="anchor" aria-label="anchor" href="#shinymobile-100"></a></h2><p class="text-muted">CRAN release: 2022-11-25</p>
+<div class="section level3">
+<h3 id="new-1-0-0">New<a class="anchor" aria-label="anchor" href="#new-1-0-0"></a></h3>
+<ul><li>Added <code>skeletonsOnLoad</code> to <code><a href="../reference/f7Page.html">f7Page()</a></code> options (not compatible) with <code>preloader</code>.</li>
+</ul></div>
+<div class="section level3">
+<h3 id="breaking-change-1-0-0">Breaking change<a class="anchor" aria-label="anchor" href="#breaking-change-1-0-0"></a></h3>
+<ul><li>
+<code>preloader</code> is moved to <code><a href="../reference/f7Page.html">f7Page()</a></code> options list.</li>
+<li>Removed <code>loading_duration</code> from <code><a href="../reference/f7Page.html">f7Page()</a></code>. Now the preloader will automatically disappear when shiny is idle like in <a href="https://rinterface.github.io/bs4Dash/index.html" class="external-link">bs4Dash</a>.</li>
+<li>
+<strong>panels</strong> becomes <strong>panel</strong> in <code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code> for consistency reasons.</li>
+<li>
+<code><a href="../reference/f7Tab.html">f7Tab()</a></code> uses <code>validate_tabName</code> so that <code>Tab 1</code> is not valid anymore but <code>Tab1</code> yes. Tabs will have to be manually renamed.</li>
+<li>
+<code><a href="../reference/f7Popup.html">f7Popup()</a></code> is now generated on the server side like <code><a href="../reference/f7Notif.html">f7Notif()</a></code>. Remove <code>updateF7Popup()</code>, <code>f7TogglePopup()</code>.</li>
+<li>Reworked <code>f7listIndex()</code>: remove <code>f7ListIndexItem()</code>. <code><a href="../reference/f7ListIndex.html">f7ListIndex()</a></code> is generated from the server side.</li>
+<li>Reworked <code><a href="../reference/f7Skeleton.html">f7Skeleton()</a></code>: triggered from server side. See examples.</li>
+</ul></div>
+<div class="section level3">
+<h3 id="bug-fixes-and-improvements-1-0-0">Bug fixes and improvements<a class="anchor" aria-label="anchor" href="#bug-fixes-and-improvements-1-0-0"></a></h3>
+<ul><li>Improve <code><a href="../reference/swiper.html">f7Swiper()</a></code>: better CSS, pagination, navigation, scrollbar, …</li>
+<li>Fix issue in <code><a href="../reference/f7PhotoBrowser.html">f7PhotoBrowser()</a></code> example: wrong default theme …</li>
+<li>
+<code>f7CheckBox()</code>: better layout.</li>
+<li>Fix issue in <code><a href="../reference/fabs.html">f7FabMorphTarget()</a></code> example.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/226" class="external-link">#226</a>: <code><a href="../reference/f7PhotoBrowser.html">f7PhotoBrowser()</a></code> just works with two or more pictures. Fix issue in JSON conversion.</li>
+<li>Fix issue in <code>updateF7Popup()</code> documentation (showed as deprecated by mistake).</li>
+<li>New skeleton effect on load (automatic): applied grey background on elements loading. Ends when shiny is idle.</li>
+<li>New skeleton effect on output recalculation.</li>
+<li>Fix issue in <code><a href="../reference/navbar.html">f7Navbar()</a></code>: hard-coded css style causing white text on white background.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/151" class="external-link">#151</a>: Issue in navbar/toolbar scroll. See <a href="https://github.com/RinteRface/shinyMobile/issues/151" class="external-link">here</a>.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/165" class="external-link">#165</a>: Setting separate theme for panels does not work.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/181" class="external-link">#181</a>: Adding dynamic tab to an empty panel.</li>
+<li>Related to <a href="https://github.com/RinteRface/shinyMobile/issues/220" class="external-link">#220</a>. A new <strong>title</strong> parameter is available for <code><a href="../reference/f7Tab.html">f7Tab()</a></code> so as to pass any name, as oposed to <strong>tabName</strong>.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/228" class="external-link">#228</a>: Vignette Example doesn’t show graphs. Breaking change in shiny 1.7.2.</li>
+<li>Issue in <code><a href="../reference/smartselect.html">f7SmartSelect()</a></code> with <strong>openIn</strong> param (failed when not provided).</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/219" class="external-link">#219</a>: Avoid using inline CSS so that users can easily override {shinyMobile} defaults.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/220" class="external-link">#220</a>: <code><a href="../reference/f7Tab.html">f7Tab()</a></code> can create duplicate IDs which in turn break the page. Now we use <code>validate_tabName</code> internally to check whether the tab is valid (avoid JS issues with jQuery selectors)…</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/224" class="external-link">#224</a>: <code><a href="../reference/autocomplete.html">updateF7AutoComplete()</a></code> accepts <strong>choices</strong>.</li>
+<li>Fixes <a href="https://github.com/RinteRface/shinyMobile/issues/217" class="external-link">#217</a>: <code><a href="../reference/smartselect.html">f7SmartSelect()</a></code> interfering NS for server-side module.</li>
+<li>Fixes <a href="https://github.com/RinteRface/shinyMobile/issues/215" class="external-link">#215</a>: Icon not displayed in reconnect / reload toaster. Add f7Icon deps anyway.</li>
+<li>Fixes <a href="https://github.com/RinteRface/shinyMobile/issues/204" class="external-link">#204</a>: issue with <code><a href="../reference/datepicker.html">f7DatePicker()</a></code> and DST.</li>
+<li>Update CI/CD setup.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/165#issuecomment-1226581561" class="external-link">issue</a> where <code><a href="../reference/f7Page.html">f7Page()</a></code> does not accept anymore color by its name. Now, and like in earlier versions, <code><a href="../reference/f7Page.html">f7Page()</a></code> accepts either hex code or color name.</li>
+<li>Fixes <a href="https://github.com/RinteRface/shinyMobile/issues/222" class="external-link">#222</a>: <code><a href="../reference/slider.html">f7Slider()</a></code> code updated to work with the fix for <a href="https://github.com/RinteRface/shinyMobile/issues/215" class="external-link">#215</a> above.</li>
+</ul></div>
 </div>
-<div id="major-change" class="section level2">
-<h2 class="hasAnchor">
-<a href="#major-change" class="anchor"></a>Major change</h2>
-<ul>
-<li>New <code><a href="../reference/f7Radio.html">updateF7Radio()</a></code>. Fixes <a href='https://github.com/RinteRface/shinyMobile/issues/135'>#135</a>. Thanks <a href='https://github.com/korterling'>@korterling</a>.</li>
-</ul>
+    <div class="section level2">
+<h2 class="pkg-version" data-toc-text="0.9.1" id="shinymobile-091">shinyMobile 0.9.1<a class="anchor" aria-label="anchor" href="#shinymobile-091"></a></h2><p class="text-muted">CRAN release: 2021-09-16</p>
+<p>This release only fixes an issue with Shiny 1.7.0 with a failing unit <a href="https://github.com/RinteRface/shinyMobile/pull/211" class="external-link">test</a>. Thanks <a href="https://github.com/schloerke" class="external-link">@schloerke</a></p>
 </div>
-<div id="minor-change" class="section level2">
-<h2 class="hasAnchor">
-<a href="#minor-change" class="anchor"></a>Minor change</h2>
-<ul>
-<li>More security for embedded apps.</li>
+    <div class="section level2">
+<h2 class="pkg-version" data-toc-text="0.9.0" id="shinymobile-090">shinyMobile 0.9.0<a class="anchor" aria-label="anchor" href="#shinymobile-090"></a></h2><p class="text-muted">CRAN release: 2021-07-22</p>
+<p>This release also fixes an issue with R CMD check and <a href="https://github.com/RinteRface/shinyMobile/runs/3133178817?check_suite_focus=true#step:10:119" class="external-link">htmltools</a></p>
+<div class="section level3">
+<h3 id="breaking-change-0-9-0">Breaking change<a class="anchor" aria-label="anchor" href="#breaking-change-0-9-0"></a></h3>
+<ul><li>
+<code><a href="../reference/f7Link.html">f7Link()</a></code> <strong>icon</strong> now expects <code><a href="../reference/f7Icon.html">f7Icon()</a></code>. <strong>label</strong> is not mandatory anymore.</li>
+</ul></div>
+<div class="section level3">
+<h3 id="major-change-0-9-0">Major change<a class="anchor" aria-label="anchor" href="#major-change-0-9-0"></a></h3>
+<ul><li>New <code><a href="../reference/radio.html">updateF7Radio()</a></code>. Fixes <a href="https://github.com/RinteRface/shinyMobile/issues/135" class="external-link">#135</a>. Thanks <a href="https://github.com/korterling" class="external-link">@korterling</a>.</li>
+</ul></div>
+<div class="section level3">
+<h3 id="minor-change-0-9-0">Minor change<a class="anchor" aria-label="anchor" href="#minor-change-0-9-0"></a></h3>
+<ul><li>More security for embedded apps.</li>
 <li>Added shinyMobile hands on slides in Getting Started vignette.</li>
 <li>
 <code><a href="../reference/f7Dialog.html">f7Dialog()</a></code> has a fixed height of 300px and vertical overflow to avoid issues.</li>
-<li>Add <code>...</code> to <code><a href="../reference/f7SmartSelect.html">f7SmartSelect()</a></code>.</li>
-<li>Add <code>options</code> to <code>f7SearchBar()</code> to provide more configuration. Fixes <a href='https://github.com/RinteRface/shinyMobile/issues/47'>#47</a>: thanks <a href='https://github.com/rodrigoheck'>@rodrigoheck</a>.</li>
-<li>Add <code>valueText</code> param for <code><a href="../reference/f7Gauge.html">f7Gauge()</a></code>. Fixes <a href='https://github.com/RinteRface/shinyMobile/issues/84'>#84</a>: thanks <a href='https://github.com/tanho63'>@tanho63</a>.</li>
-<li>Reworked <code><a href="../reference/f7Gauge.html">f7Gauge()</a></code> JS code (no user impact).</li>
+<li>Add <code>...</code> to <code><a href="../reference/smartselect.html">f7SmartSelect()</a></code>.</li>
+<li>Add <code>options</code> to <code>f7SearchBar()</code> to provide more configuration. Fixes <a href="https://github.com/RinteRface/shinyMobile/issues/47" class="external-link">#47</a>: thanks <a href="https://github.com/rodrigoheck" class="external-link">@rodrigoheck</a>.</li>
+<li>Add <code>valueText</code> param for <code><a href="../reference/gauge.html">f7Gauge()</a></code>. Fixes <a href="https://github.com/RinteRface/shinyMobile/issues/84" class="external-link">#84</a>: thanks <a href="https://github.com/tanho63" class="external-link">@tanho63</a>.</li>
+<li>Reworked <code><a href="../reference/gauge.html">f7Gauge()</a></code> JS code (no user impact).</li>
 <li>Rework widget JS code base (no user impact).</li>
-</ul>
-</div>
-<div id="bug-fixes" class="section level2">
-<h2 class="hasAnchor">
-<a href="#bug-fixes" class="anchor"></a>Bug fixes</h2>
-<ul>
-<li>Fix <a href='https://github.com/RinteRface/shinyMobile/issues/180'>#180</a>: Tab highlight index issue for android devices when tab remove or add tab.</li>
-<li>Fix <a href='https://github.com/RinteRface/shinyMobile/issues/190'>#190</a>: How to add a longer dialog text for f7Dialog.</li>
-<li>Fix <a href='https://github.com/RinteRface/shinyMobile/issues/154'>#154</a>: How to include link icon in f7Link() function.</li>
-<li>Fix <a href='https://github.com/RinteRface/shinyMobile/issues/127'>#127</a>: Enable groups in <code><a href="../reference/f7SmartSelect.html">f7SmartSelect()</a></code>.</li>
-<li>Fix <a href='https://github.com/RinteRface/shinyMobile/issues/174'>#174</a> and <a href='https://github.com/RinteRface/shinyMobile/issues/134'>#134</a>: Reactive elements created inside <code><a href="../reference/insertF7Tab.html">insertF7Tab()</a></code> are losing reactivity.</li>
-<li>Fix <a href='https://github.com/RinteRface/shinyMobile/issues/98'>#98</a>: <code><a href="../reference/f7DatePicker.html">f7DatePicker()</a></code> visibility issue. Thanks <a href='https://github.com/styvens'>@styvens</a>.</li>
-<li>Fix <a href='https://github.com/RinteRface/shinyMobile/issues/120'>#120</a>: <code><a href="../reference/f7Button.html">f7Button()</a></code> with link not working. Thanks <a href='https://github.com/bwganblack'>@bwganblack</a>.</li>
-<li>Fix <a href='https://github.com/RinteRface/shinyMobile/issues/144'>#144</a>: Close <code><a href="../reference/f7SmartSelect.html">f7SmartSelect()</a></code> on selection. Thanks <a href='https://github.com/dewalex'>@dewalex</a>.</li>
-</ul>
-</div>
+</ul></div>
+<div class="section level3">
+<h3 id="bug-fixes-0-9-0">Bug fixes<a class="anchor" aria-label="anchor" href="#bug-fixes-0-9-0"></a></h3>
+<ul><li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/180" class="external-link">#180</a>: Tab highlight index issue for android devices when tab remove or add tab.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/190" class="external-link">#190</a>: How to add a longer dialog text for f7Dialog.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/154" class="external-link">#154</a>: How to include link icon in f7Link() function.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/127" class="external-link">#127</a>: Enable groups in <code><a href="../reference/smartselect.html">f7SmartSelect()</a></code>.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/174" class="external-link">#174</a> and <a href="https://github.com/RinteRface/shinyMobile/issues/134" class="external-link">#134</a>: Reactive elements created inside <code><a href="../reference/inserttab.html">insertF7Tab()</a></code> are losing reactivity.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/98" class="external-link">#98</a>: <code><a href="../reference/datepicker.html">f7DatePicker()</a></code> visibility issue. Thanks <a href="https://github.com/styvens" class="external-link">@styvens</a>.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/120" class="external-link">#120</a>: <code><a href="../reference/button.html">f7Button()</a></code> with link not working. Thanks <a href="https://github.com/bwganblack" class="external-link">@bwganblack</a>.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/144" class="external-link">#144</a>: Close <code><a href="../reference/smartselect.html">f7SmartSelect()</a></code> on selection. Thanks <a href="https://github.com/dewalex" class="external-link">@dewalex</a>.</li>
+</ul></div>
 </div>
-    <div id="shinymobile-080" class="section level1">
-<h1 class="page-header" data-toc-text="0.8.0">
-<a href="#shinymobile-080" class="anchor"></a>shinyMobile 0.8.0<small> 2021-01-11 </small>
-</h1>
-<p>This release is to addresses the following reverse dependency issue with <a href="https://github.com/rstudio/shiny/pull/3239">shiny</a>. Moreover, it also starts the road to v1.0.0 (later this year).</p>
-<div id="soft-deprecations" class="section level2">
-<h2 class="hasAnchor">
-<a href="#soft-deprecations" class="anchor"></a>Soft Deprecations</h2>
-<ul>
+    <div class="section level2">
+<h2 class="pkg-version" data-toc-text="0.8.0" id="shinymobile-080">shinyMobile 0.8.0<a class="anchor" aria-label="anchor" href="#shinymobile-080"></a></h2><p class="text-muted">CRAN release: 2021-01-11</p>
+<p>This release is to addresses the following reverse dependency issue with <a href="https://github.com/rstudio/shiny/pull/3239" class="external-link">shiny</a>. Moreover, it also starts the road to v1.0.0 (later this year).</p>
+<div class="section level3">
+<h3 id="soft-deprecations-0-8-0">Soft Deprecations<a class="anchor" aria-label="anchor" href="#soft-deprecations-0-8-0"></a></h3>
+<ul><li>
+<code><a href="../reference/f7-deprecated.html">f7AddMessages()</a></code> will become <code><a href="../reference/messages.html">updateF7Messages()</a></code> in future release</li>
 <li>
-<code><a href="../reference/f7checkBox.html">f7AddMessages()</a></code> will become <code><a href="../reference/f7Messages.html">updateF7Messages()</a></code> in future release</li>
-<li>
-<code><a href="../reference/f7checkBox.html">f7HideNavbar()</a></code> and <code><a href="../reference/f7checkBox.html">f7ShowNavbar()</a></code> will be replaced by <code><a href="../reference/f7Navbar.html">updateF7Navbar()</a></code>
+<code><a href="../reference/f7-deprecated.html">f7HideNavbar()</a></code> and <code><a href="../reference/f7-deprecated.html">f7ShowNavbar()</a></code> will be replaced by <code><a href="../reference/navbar.html">updateF7Navbar()</a></code>
 </li>
 <li>
-<code>f7ShowPopup()</code> will become <code><a href="../reference/f7checkBox.html">updateF7Popup()</a></code>
+<code>f7ShowPopup()</code> will become <code>updateF7Popup()</code>
 </li>
 <li>
-<code><a href="../reference/f7checkBox.html">f7checkBox()</a></code> will become <code><a href="../reference/f7Checkbox.html">f7Checkbox()</a></code>
+<code><a href="../reference/f7-deprecated.html">f7checkBox()</a></code> will become <code><a href="../reference/checkbox.html">f7Checkbox()</a></code>
 </li>
 <li>
-<code><a href="../reference/f7checkBox.html">f7checkBoxGroup()</a></code> will become <code><a href="../reference/f7CheckboxGroup.html">f7CheckboxGroup()</a></code>
+<code><a href="../reference/f7-deprecated.html">f7checkBoxGroup()</a></code> will become <code><a href="../reference/checkboxgroup.html">f7CheckboxGroup()</a></code>
 </li>
 <li>
-<code><a href="../reference/f7checkBox.html">f7ValidateInput()</a></code> will become <code><a href="../reference/validateF7Input.html">validateF7Input()</a></code>
+<code><a href="../reference/f7-deprecated.html">f7ValidateInput()</a></code> will become <code><a href="../reference/validation.html">validateF7Input()</a></code>
 </li>
 <li>
-<code><a href="../reference/f7checkBox.html">f7InsertTab()</a></code> and <code><a href="../reference/f7checkBox.html">f7RemoveTab()</a></code> will becomes <code><a href="../reference/insertF7Tab.html">insertF7Tab()</a></code> and <code><a href="../reference/removeF7Tab.html">removeF7Tab()</a></code>, respectively</li>
+<code><a href="../reference/f7-deprecated.html">f7InsertTab()</a></code> and <code><a href="../reference/f7-deprecated.html">f7RemoveTab()</a></code> will becomes <code><a href="../reference/inserttab.html">insertF7Tab()</a></code> and <code><a href="../reference/removetab.html">removeF7Tab()</a></code>, respectively</li>
 <li>
-<code><a href="../reference/f7checkBox.html">f7ShowPreloader()</a></code> and <code><a href="../reference/showF7Preloader.html">f7HidePreloader()</a></code> will become <code><a href="../reference/showF7Preloader.html">showF7Preloader()</a></code> and <code><a href="../reference/f7checkBox.html">hideF7Preloader()</a></code>, respectively.</li>
+<code><a href="../reference/f7-deprecated.html">f7ShowPreloader()</a></code> and <code><a href="../reference/preloader.html">f7HidePreloader()</a></code> will become <code><a href="../reference/preloader.html">showF7Preloader()</a></code> and <code><a href="../reference/f7-deprecated.html">hideF7Preloader()</a></code>, respectively.</li>
 <li>
-<code><a href="../reference/f7checkBox.html">f7Popover()</a></code> and <code><a href="../reference/f7checkBox.html">f7PopoverTarget()</a></code> replaced by <code><a href="../reference/addF7Popover.html">addF7Popover()</a></code> and <code><a href="../reference/addF7Popover.html">toggleF7Popover()</a></code>
+<code><a href="../reference/f7-deprecated.html">f7Popover()</a></code> and <code><a href="../reference/f7-deprecated.html">f7PopoverTarget()</a></code> replaced by <code><a href="../reference/popover.html">addF7Popover()</a></code> and <code><a href="../reference/popover.html">toggleF7Popover()</a></code>
 </li>
 <li>
-<code><a href="../reference/f7checkBox.html">create_manifest()</a></code> is going to be replaced by the workflow described here: <a href="https://unleash-shiny.rinterface.com/mobile-pwa.html#charpente-and-pwa-tools" class="uri">https://unleash-shiny.rinterface.com/mobile-pwa.html#charpente-and-pwa-tools</a>
+<code><a href="../reference/f7-deprecated.html">create_manifest()</a></code> is going to be replaced by the workflow described here: <a href="https://unleash-shiny.rinterface.com/mobile-pwa.html#charpente-and-pwa-tools" class="external-link uri">https://unleash-shiny.rinterface.com/mobile-pwa.html#charpente-and-pwa-tools</a>
 </li>
-</ul>
-</div>
-<div id="breaking-changes" class="section level2">
-<h2 class="hasAnchor">
-<a href="#breaking-changes" class="anchor"></a>Breaking changes</h2>
-<div id="inputs" class="section level3">
-<h3 class="hasAnchor">
-<a href="#inputs" class="anchor"></a>Inputs</h3>
-<ul>
-<li>
-<code><a href="../reference/f7Fabs.html">updateF7Fabs()</a></code>: <strong>inputId</strong> becomes <strong>id</strong>
+</ul></div>
+<div class="section level3">
+<h3 id="breaking-changes-0-8-0">Breaking changes<a class="anchor" aria-label="anchor" href="#breaking-changes-0-8-0"></a></h3>
+<div class="section level4">
+<h4 id="inputs-0-8-0">Inputs<a class="anchor" aria-label="anchor" href="#inputs-0-8-0"></a></h4>
+<ul><li>
+<code><a href="../reference/fabs.html">updateF7Fabs()</a></code>: <strong>inputId</strong> becomes <strong>id</strong>
 </li>
-</ul>
-</div>
-<div id="layout" class="section level3">
-<h3 class="hasAnchor">
-<a href="#layout" class="anchor"></a>Layout</h3>
-<ul>
-<li>
-<code><a href="../reference/f7Appbar.html">f7Appbar()</a></code>: <strong>left_panel</strong> becomes <strong>leftPanel</strong> and <strong>right_panel</strong> <strong>rightPanel</strong>
+</ul></div>
+<div class="section level4">
+<h4 id="layout-0-8-0">Layout<a class="anchor" aria-label="anchor" href="#layout-0-8-0"></a></h4>
+<ul><li>
+<code><a href="../reference/appbar.html">f7Appbar()</a></code>: <strong>left_panel</strong> becomes <strong>leftPanel</strong> and <strong>right_panel</strong> <strong>rightPanel</strong>
 </li>
 <li>
 <code>f7Init()</code> removed. Now pass it through the <code><a href="../reference/f7Page.html">f7Page()</a></code> <strong>options</strong>
 </li>
 <li>
-<code><a href="../reference/f7Navbar.html">f7Navbar()</a></code>: <strong>left_panel</strong> becomes <strong>leftPanel</strong> and <strong>right_panel</strong> <strong>rightPanel</strong>
+<code><a href="../reference/navbar.html">f7Navbar()</a></code>: <strong>left_panel</strong> becomes <strong>leftPanel</strong> and <strong>right_panel</strong> <strong>rightPanel</strong>
 </li>
 <li>
-<code><a href="../reference/f7Panel.html">f7Panel()</a></code> and <code><a href="../reference/f7Panel.html">updateF7Panel()</a></code>: <strong>inputId</strong> becomes <strong>id</strong>
+<code><a href="../reference/panel.html">f7Panel()</a></code> and <code><a href="../reference/panel.html">updateF7Panel()</a></code>: <strong>inputId</strong> becomes <strong>id</strong>
 </li>
 <li>
-<code><a href="../reference/f7checkBox.html">f7InsertTab()</a></code> and <code><a href="../reference/f7checkBox.html">f7RemoveTab()</a></code>: <strong>inputId</strong> becomes <strong>id</strong>
+<code><a href="../reference/f7-deprecated.html">f7InsertTab()</a></code> and <code><a href="../reference/f7-deprecated.html">f7RemoveTab()</a></code>: <strong>inputId</strong> becomes <strong>id</strong>
 </li>
-</ul>
-</div>
-<div id="cards" class="section level3">
-<h3 class="hasAnchor">
-<a href="#cards" class="anchor"></a>Cards</h3>
-<ul>
-<li>
-<code><a href="../reference/f7Card.html">f7ExpandableCard()</a></code> and <code><a href="../reference/f7Card.html">f7Card()</a></code>: <strong>img</strong> becomes <strong>image</strong>
+</ul></div>
+<div class="section level4">
+<h4 id="cards-0-8-0">Cards<a class="anchor" aria-label="anchor" href="#cards-0-8-0"></a></h4>
+<ul><li>
+<code><a href="../reference/card.html">f7ExpandableCard()</a></code> and <code><a href="../reference/card.html">f7Card()</a></code>: <strong>img</strong> becomes <strong>image</strong>
 </li>
 <li>
-<code><a href="../reference/f7Card.html">f7SocialCard()</a></code>: <strong>author_img</strong> becomes <strong>image</strong>
+<code><a href="../reference/card.html">f7SocialCard()</a></code>: <strong>author_img</strong> becomes <strong>image</strong>
 </li>
-</ul>
-</div>
-<div id="lists" class="section level3">
-<h3 class="hasAnchor">
-<a href="#lists" class="anchor"></a>Lists</h3>
-<ul>
-<li>
+</ul></div>
+<div class="section level4">
+<h4 id="lists-0-8-0">Lists<a class="anchor" aria-label="anchor" href="#lists-0-8-0"></a></h4>
+<ul><li>
 <code><a href="../reference/f7ListItem.html">f7ListItem()</a></code>: <strong>url</strong> becomes <strong>href</strong>
 </li>
 <li>
-<code><a href="../reference/f7VirtualList.html">f7VirtualListItem()</a></code>: <strong>url</strong> becomes <strong>href</strong>
+<code><a href="../reference/virtuallist.html">f7VirtualListItem()</a></code>: <strong>url</strong> becomes <strong>href</strong>
 </li>
 <li>
 <code><a href="../reference/updateF7VirtualList.html">updateF7VirtualList()</a></code>: <strong>old_index</strong> and <strong>new_index</strong> become <strong>oldIndex</strong> and <strong>newIndex</strong>, respectively</li>
-</ul>
-</div>
-<div id="interactions" class="section level3">
-<h3 class="hasAnchor">
-<a href="#interactions" class="anchor"></a>Interactions</h3>
-<ul>
-<li>
-<strong>session</strong> not mandatory in <code><a href="../reference/f7Toast.html">f7Toast()</a></code>, <code><a href="../reference/f7Progress.html">updateF7Progress()</a></code>, … and has been swapped at the end of the parameters for more convenience</li>
+</ul></div>
+<div class="section level4">
+<h4 id="interactions-0-8-0">Interactions<a class="anchor" aria-label="anchor" href="#interactions-0-8-0"></a></h4>
+<ul><li>
+<strong>session</strong> not mandatory in <code><a href="../reference/f7Toast.html">f7Toast()</a></code>, <code><a href="../reference/progress.html">updateF7Progress()</a></code>, … and has been swapped at the end of the parameters for more convenience</li>
 <li>
 <code><a href="../reference/f7Dialog.html">f7Dialog()</a></code>: <strong>inputId</strong> becomes <strong>id</strong>
 </li>
 <li>
-<code><a href="../reference/f7Sheet.html">updateF7Sheet()</a></code>: <strong>inputId</strong> becomes <strong>id</strong>
+<code><a href="../reference/sheet.html">updateF7Sheet()</a></code>: <strong>inputId</strong> becomes <strong>id</strong>
 </li>
-</ul>
-</div>
-<div id="buttons" class="section level3">
-<h3 class="hasAnchor">
-<a href="#buttons" class="anchor"></a>Buttons</h3>
-<ul>
-<li>
+</ul></div>
+<div class="section level4">
+<h4 id="buttons-0-8-0">Buttons<a class="anchor" aria-label="anchor" href="#buttons-0-8-0"></a></h4>
+<ul><li>
 <code><a href="../reference/f7Link.html">f7Link()</a></code>: <strong>external</strong> has been removed from (much simpler), <strong>src</strong> becomes <strong>href</strong>
 </li>
 <li>
-<code><a href="../reference/f7Button.html">f7Button()</a></code>: <strong>src</strong> becomes <strong>href</strong>
+<code><a href="../reference/button.html">f7Button()</a></code>: <strong>src</strong> becomes <strong>href</strong>
 </li>
-</ul>
-</div>
-<div id="others" class="section level3">
-<h3 class="hasAnchor">
-<a href="#others" class="anchor"></a>Others</h3>
-<ul>
-<li>
-<strong>session</strong> swapped to the end in <code><a href="../reference/f7Gauge.html">f7Gauge()</a></code> and not mandatory. Default to <code><a href="https://rdrr.io/pkg/shiny/man/domains.html">shiny::getDefaultReactiveDomain()</a></code>
+</ul></div>
+<div class="section level4">
+<h4 id="others-0-8-0">Others<a class="anchor" aria-label="anchor" href="#others-0-8-0"></a></h4>
+<ul><li>
+<strong>session</strong> swapped to the end in <code><a href="../reference/gauge.html">f7Gauge()</a></code> and not mandatory. Default to <code><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">shiny::getDefaultReactiveDomain()</a></code>
 </li>
 <li>
 <code><a href="../reference/f7Chip.html">f7Chip()</a></code>: <strong>icon_status</strong> becomes <strong>iconStatus</strong>, <strong>img</strong> becomes <strong>image</strong>
 </li>
 <li>
-<strong>inputId</strong> becomes <strong>id</strong> in <code><a href="../reference/f7Accordion.html">f7Accordion()</a></code> and <code><a href="../reference/f7Accordion.html">updateF7Accordion()</a></code>
+<strong>inputId</strong> becomes <strong>id</strong> in <code><a href="../reference/accordion.html">f7Accordion()</a></code> and <code><a href="../reference/accordion.html">updateF7Accordion()</a></code>
 </li>
 <li>Remove <code>f7ProgressInf()</code> (useless)</li>
-<li>Change <code><a href="../reference/f7Swiper.html">f7Swiper()</a></code> API. New <strong>options</strong> parameter</li>
+<li>Change <code><a href="../reference/swiper.html">f7Swiper()</a></code> API. New <strong>options</strong> parameter</li>
 <li>
 <code><a href="../reference/f7PhotoBrowser.html">f7PhotoBrowser()</a></code> is now called from the shiny server function. See help, <strong>id</strong> and <strong>label</strong> have been removed</li>
 <li>
 <strong>id</strong> mandatory for <code><a href="../reference/f7Searchbar.html">f7Searchbar()</a></code>
 </li>
-</ul>
+</ul></div>
 </div>
-</div>
-<div id="major-changes" class="section level2">
-<h2 class="hasAnchor">
-<a href="#major-changes" class="anchor"></a>Major changes</h2>
-<ul>
-<li>New <code><a href="../reference/updateF7Entity.html">updateF7Entity()</a></code>
+<div class="section level3">
+<h3 id="major-changes-0-8-0">Major changes<a class="anchor" aria-label="anchor" href="#major-changes-0-8-0"></a></h3>
+<ul><li>New <code><a href="../reference/updateF7Entity.html">updateF7Entity()</a></code>
 </li>
-<li>New <code><a href="../reference/f7ActionSheet.html">updateF7ActionSheet()</a></code>
+<li>New <code><a href="../reference/actionsheet.html">updateF7ActionSheet()</a></code>
 </li>
-<li>New <code><a href="../reference/f7Tooltip.html">addF7Tooltip()</a></code> and <code><a href="../reference/f7Tooltip.html">updateF7Tooltip()</a></code> to generate tooltips from the server</li>
+<li>New <code><a href="../reference/tooltip.html">addF7Tooltip()</a></code> and <code><a href="../reference/tooltip.html">updateF7Tooltip()</a></code> to generate tooltips from the server</li>
 <li>New <strong>allowPWA</strong> parameter in <code><a href="../reference/f7Page.html">f7Page()</a></code> so that we doesn’t oblige users to create a PWA</li>
 <li>
 <code><a href="../reference/f7Page.html">f7Page()</a></code> has a new <strong>options</strong> parameter as replacement of <code>f7Init()</code>. Much simpler to handle</li>
 <li>update framework7 from 5.5.0 to 5.7.14</li>
-<li>add <code><a href="../reference/f7Menu.html">f7Menu()</a></code>, <code><a href="../reference/f7Menu.html">f7MenuItem()</a></code>, <code><a href="../reference/f7Menu.html">f7MenuDropdown()</a></code>, <code><a href="../reference/f7Menu.html">f7MenuDropdownDivider()</a></code> and <code><a href="../reference/f7Menu.html">updateF7MenuDropdown()</a></code>: special buttons and dropdown elements, behaving like action buttons</li>
-</ul>
-</div>
-<div id="minor-changes" class="section level2">
-<h2 class="hasAnchor">
-<a href="#minor-changes" class="anchor"></a>Minor changes</h2>
-<ul>
-<li>app instance accessible from anywhere is JS code</li>
+<li>add <code><a href="../reference/menu.html">f7Menu()</a></code>, <code><a href="../reference/menu.html">f7MenuItem()</a></code>, <code><a href="../reference/menu.html">f7MenuDropdown()</a></code>, <code><a href="../reference/menu.html">f7MenuDropdownDivider()</a></code> and <code><a href="../reference/menu.html">updateF7MenuDropdown()</a></code>: special buttons and dropdown elements, behaving like action buttons</li>
+</ul></div>
+<div class="section level3">
+<h3 id="minor-changes-0-8-0">Minor changes<a class="anchor" aria-label="anchor" href="#minor-changes-0-8-0"></a></h3>
+<ul><li>app instance accessible from anywhere is JS code</li>
 <li>New <strong>…</strong> parameter for <code><a href="../reference/f7PhotoBrowser.html">f7PhotoBrowser()</a></code>
 </li>
-<li>Add choices to <code><a href="../reference/f7SmartSelect.html">updateF7SmartSelect()</a></code>: thanks <a href='https://github.com/Edireito'>@Edireito</a></li>
+<li>Add choices to <code><a href="../reference/smartselect.html">updateF7SmartSelect()</a></code>: thanks <a href="https://github.com/Edireito" class="external-link">@Edireito</a></li>
 <li>Add disconnect toast if <code>shiny:disconnect</code> occurs. Gives ability to reload or reconnect</li>
-</ul>
-</div>
-<div id="bug-fixes-1" class="section level2">
-<h2 class="hasAnchor">
-<a href="#bug-fixes-1" class="anchor"></a>Bug fixes</h2>
-<ul>
-<li>Fix <a href='https://github.com/RinteRface/shinyMobile/issues/128'>#128</a> and <a href='https://github.com/RinteRface/shinyMobile/issues/140'>#140</a>: workerId issue in url. Thanks <a href='https://github.com/Tixierae'>@Tixierae</a> and <a href='https://github.com/ppagnone'>@ppagnone</a>.</li>
-<li>Fix <a href='https://github.com/RinteRface/shinyMobile/issues/104'>#104</a>: f7Picker cannot have NULL value. Prevents JS from breaking. Thanks <a href='https://github.com/Seyphaton'>@Seyphaton</a></li>
-<li>Correcting an internal use of <code><a href="https://rdrr.io/pkg/htmltools/man/htmlDependencies.html">htmltools::attachDependencies()</a></code> in <code>create_app_ui</code>
-</li>
-</ul>
-</div>
-</div>
-    <div id="shinymobile-070" class="section level1">
-<h1 class="page-header" data-toc-text="0.7.0">
-<a href="#shinymobile-070" class="anchor"></a>shinyMobile 0.7.0<small> 2020-06-17 </small>
-</h1>
-<div id="notes" class="section level2">
-<h2 class="hasAnchor">
-<a href="#notes" class="anchor"></a>Notes</h2>
-<ul>
-<li>disable backdrop in <code><a href="../reference/f7Searchbar.html">f7Searchbar()</a></code> since it messes up with tabbar navigation. This does not have any impact on user experience. In a future release of shinyMobile, <code><a href="../reference/f7Searchbar.html">f7Searchbar()</a></code> will have input binding associated as well as more parameters for configuration</li>
-</ul>
+</ul></div>
+<div class="section level3">
+<h3 id="bug-fixes-0-8-0">Bug fixes<a class="anchor" aria-label="anchor" href="#bug-fixes-0-8-0"></a></h3>
+<ul><li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/128" class="external-link">#128</a> and <a href="https://github.com/RinteRface/shinyMobile/issues/140" class="external-link">#140</a>: workerId issue in url. Thanks <a href="https://github.com/Tixierae" class="external-link">@Tixierae</a> and <a href="https://github.com/ppagnone" class="external-link">@ppagnone</a>.</li>
+<li>Fix <a href="https://github.com/RinteRface/shinyMobile/issues/104" class="external-link">#104</a>: f7Picker cannot have NULL value. Prevents JS from breaking. Thanks <a href="https://github.com/Seyphaton" class="external-link">@Seyphaton</a></li>
+<li>Correcting an internal use of <code><a href="https://rstudio.github.io/htmltools/reference/htmlDependencies.html" class="external-link">htmltools::attachDependencies()</a></code> in <code>create_app_ui</code>
+</li>
+</ul></div>
 </div>
-<div id="breaking-changes-1" class="section level2">
-<h2 class="hasAnchor">
-<a href="#breaking-changes-1" class="anchor"></a>Breaking changes</h2>
-<ul>
-<li>
-<code><a href="../reference/f7SmartSelect.html">f7SmartSelect()</a></code>: type param becomes openIn to align with other inputs</li>
-<li>rework <code><a href="../reference/f7Messages.html">f7Messages()</a></code>: messages are updated on the server side with <code><a href="../reference/f7checkBox.html">f7AddMessages()</a></code>. New <code><a href="../reference/f7MessageBar.html">f7MessageBar()</a></code> to send messages from the server side.</li>
-<li>
-<code><a href="../reference/f7ActionSheet.html">f7ActionSheet()</a></code>: to access the currently selected button, use input$[sheet_id]_button. This is to make action sheets compatible with shiny modules. Moreover, the buttons provided must be included in a list (not in a dataframe)</li>
-<li>
-<code><a href="../reference/f7Sheet.html">f7Sheet()</a></code> is still inserted in the UI side but can be triggered either on the server side in combination with <code><a href="../reference/f7Sheet.html">updateF7Sheet()</a></code> (see example) or on the UI side. Overall, this improves flexibility since user may choose any trigger element. In practice, any element having <code>data-sheet</code> pointing to the sheet id as well as the “sheet-open” css class may open it, instead of having a default trigger contained in the sheet. A use case may be to open a sheet in the tabbar (the trigger would be a <code><a href="../reference/f7TabLink.html">f7TabLink()</a></code> that is a special button styled for the tabbar)</li>
+    <div class="section level2">
+<h2 class="pkg-version" data-toc-text="0.7.0" id="shinymobile-070">shinyMobile 0.7.0<a class="anchor" aria-label="anchor" href="#shinymobile-070"></a></h2><p class="text-muted">CRAN release: 2020-06-17</p>
+<div class="section level3">
+<h3 id="notes-0-7-0">Notes<a class="anchor" aria-label="anchor" href="#notes-0-7-0"></a></h3>
+<ul><li>disable backdrop in <code><a href="../reference/f7Searchbar.html">f7Searchbar()</a></code> since it messes up with tabbar navigation. This does not have any impact on user experience. In a future release of shinyMobile, <code><a href="../reference/f7Searchbar.html">f7Searchbar()</a></code> will have input binding associated as well as more parameters for configuration</li>
+</ul></div>
+<div class="section level3">
+<h3 id="breaking-changes-0-7-0">Breaking changes<a class="anchor" aria-label="anchor" href="#breaking-changes-0-7-0"></a></h3>
+<ul><li>
+<code><a href="../reference/smartselect.html">f7SmartSelect()</a></code>: type param becomes openIn to align with other inputs</li>
+<li>rework <code><a href="../reference/messages.html">f7Messages()</a></code>: messages are updated on the server side with <code><a href="../reference/f7-deprecated.html">f7AddMessages()</a></code>. New <code><a href="../reference/messagebar.html">f7MessageBar()</a></code> to send messages from the server side.</li>
+<li>
+<code><a href="../reference/actionsheet.html">f7ActionSheet()</a></code>: to access the currently selected button, use input$[sheet_id]_button. This is to make action sheets compatible with shiny modules. Moreover, the buttons provided must be included in a list (not in a dataframe)</li>
+<li>
+<code><a href="../reference/sheet.html">f7Sheet()</a></code> is still inserted in the UI side but can be triggered either on the server side in combination with <code><a href="../reference/sheet.html">updateF7Sheet()</a></code> (see example) or on the UI side. Overall, this improves flexibility since user may choose any trigger element. In practice, any element having <code>data-sheet</code> pointing to the sheet id as well as the “sheet-open” css class may open it, instead of having a default trigger contained in the sheet. A use case may be to open a sheet in the tabbar (the trigger would be a <code><a href="../reference/f7TabLink.html">f7TabLink()</a></code> that is a special button styled for the tabbar)</li>
 <li>All update method for inputs : argument <code>session</code> is now optional and has been moved to the last position in function call</li>
 <li>
-<code><a href="../reference/f7AutoComplete.html">f7AutoComplete()</a></code>: type becomes openIn to align with the framework7 documentation</li>
+<code><a href="../reference/autocomplete.html">f7AutoComplete()</a></code>: type becomes openIn to align with the framework7 documentation</li>
 <li>remove parameter fill from <code><a href="../reference/f7Icon.html">f7Icon()</a></code> (not used)</li>
-<li>Rewrite <code><a href="../reference/f7Popup.html">f7Popup()</a></code>. It has now an input associated giving the popup state (opened or closed) as well as new parameters: backdrop, closeByBackdropClick, closeOnEscape, animate and swipeToClose. label parameters has been removed. To create an <code><a href="../reference/f7Popup.html">f7Popup()</a></code> put the <code><a href="../reference/f7Popup.html">f7Popup()</a></code> tag in you UI. On the server side call <code><a href="../reference/f7checkBox.html">f7TogglePopup()</a></code>. See documentation for a detailed example. Thanks <a href='https://github.com/pasahe'>@pasahe</a></li>
+<li>Rewrite <code><a href="../reference/f7Popup.html">f7Popup()</a></code>. It has now an input associated giving the popup state (opened or closed) as well as new parameters: backdrop, closeByBackdropClick, closeOnEscape, animate and swipeToClose. label parameters has been removed. To create an <code><a href="../reference/f7Popup.html">f7Popup()</a></code> put the <code><a href="../reference/f7Popup.html">f7Popup()</a></code> tag in you UI. On the server side call <code>f7TogglePopup()</code>. See documentation for a detailed example. Thanks <a href="https://github.com/pasahe" class="external-link">@pasahe</a></li>
 <li>
-<code>f7NavbarHide()</code> renamed to <code><a href="../reference/f7checkBox.html">f7HideNavbar()</a></code> for consistancy</li>
+<code>f7NavbarHide()</code> renamed to <code><a href="../reference/f7-deprecated.html">f7HideNavbar()</a></code> for consistancy</li>
 <li>
-<code>f7NavbarShow()</code> renamed to <code><a href="../reference/f7checkBox.html">f7ShowNavbar()</a></code> for consistancy</li>
-<li>In <code><a href="../reference/f7Gauge.html">f7Gauge()</a></code> valueText was removed. It does not make sense that the value can be accidentally different from the text displayed. valueText is then an internal parameter.</li>
-<li>In <code><a href="../reference/f7DatePicker.html">f7DatePicker()</a></code>: min becomes minDate, max becomes maxDate and format becomes dateFormat</li>
-<li>remove maximizable parameter from <code><a href="../reference/f7Appbar.html">f7Appbar()</a></code>
+<code>f7NavbarShow()</code> renamed to <code><a href="../reference/f7-deprecated.html">f7ShowNavbar()</a></code> for consistancy</li>
+<li>In <code><a href="../reference/gauge.html">f7Gauge()</a></code> valueText was removed. It does not make sense that the value can be accidentally different from the text displayed. valueText is then an internal parameter.</li>
+<li>In <code><a href="../reference/datepicker.html">f7DatePicker()</a></code>: min becomes minDate, max becomes maxDate and format becomes dateFormat</li>
+<li>remove maximizable parameter from <code><a href="../reference/appbar.html">f7Appbar()</a></code>
 </li>
-</ul>
-</div>
-<div id="major-changes-1" class="section level2">
-<h2 class="hasAnchor">
-<a href="#major-changes-1" class="anchor"></a>Major changes</h2>
-<ul>
-<li>new <code>input$shinyInfo</code> and <code>input$lastInputChanged</code> (see shinyMobile tools vignette for more details)</li>
+</ul></div>
+<div class="section level3">
+<h3 id="major-changes-0-7-0">Major changes<a class="anchor" aria-label="anchor" href="#major-changes-0-7-0"></a></h3>
+<ul><li>new <code>input$shinyInfo</code> and <code>input$lastInputChanged</code> (see shinyMobile tools vignette for more details)</li>
 <li>
-<code><a href="../reference/f7SmartSelect.html">f7SmartSelect()</a></code> has input binding as well as an update function <code><a href="../reference/f7SmartSelect.html">updateF7SmartSelect()</a></code>
+<code><a href="../reference/smartselect.html">f7SmartSelect()</a></code> has input binding as well as an update function <code><a href="../reference/smartselect.html">updateF7SmartSelect()</a></code>
 </li>
-<li>new <code><a href="../reference/f7VirtualList.html">f7VirtualList()</a></code>, <code><a href="../reference/f7VirtualList.html">f7VirtualListItem()</a></code>, <code><a href="../reference/updateF7VirtualList.html">updateF7VirtualList()</a></code>: high performance list with caching system -&gt; faster rendering (up to 10x faster than <code><a href="../reference/f7List.html">f7List()</a></code>). Ability to add item(s), remove item(s), move item, filter items, …</li>
+<li>new <code><a href="../reference/virtuallist.html">f7VirtualList()</a></code>, <code><a href="../reference/virtuallist.html">f7VirtualListItem()</a></code>, <code><a href="../reference/updateF7VirtualList.html">updateF7VirtualList()</a></code>: high performance list with caching system -&gt; faster rendering (up to 10x faster than <code><a href="../reference/f7List.html">f7List()</a></code>). Ability to add item(s), remove item(s), move item, filter items, …</li>
 <li>new messagebar parameter to <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>. This allows to use the <code>f7Messagebar()</code> in a tabs layout configuration.</li>
-<li>new <code><a href="../reference/f7checkBox.html">f7ValidateInput()</a></code> function to validate input from the server side (similar to shinyFeedback but internal to shinyMobile and without dependencies)</li>
-<li>new <code><a href="../reference/f7Login.html">f7Login()</a></code> and <code><a href="../reference/f7Login.html">updateF7Login()</a></code> feature to provide UI boilerplates for authentication</li>
+<li>new <code><a href="../reference/f7-deprecated.html">f7ValidateInput()</a></code> function to validate input from the server side (similar to shinyFeedback but internal to shinyMobile and without dependencies)</li>
+<li>new <code><a href="../reference/authentication.html">f7Login()</a></code> and <code><a href="../reference/authentication.html">updateF7Login()</a></code> feature to provide UI boilerplates for authentication</li>
 <li>
 <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> may be used as standalone components with the style argument (segmented or strong). toolbar has the default behavior.</li>
-<li>update <code><a href="../reference/f7Icon.html">f7Icon()</a></code> and icons dependencies. thanks <a href='https://github.com/pvictor'>@pvictor</a></li>
-<li>new <code><a href="../reference/f7DatePicker.html">updateF7DatePicker()</a></code>: thanks <a href='https://github.com/pvictor'>@pvictor</a></li>
-<li>add input binding to <code><a href="../reference/f7Fabs.html">f7Fabs()</a></code> to get the status of the container</li>
-<li>add <code><a href="../reference/f7Button.html">updateF7Button()</a></code> and <code><a href="../reference/f7Fabs.html">updateF7Fabs()</a></code>
+<li>update <code><a href="../reference/f7Icon.html">f7Icon()</a></code> and icons dependencies. thanks <a href="https://github.com/pvictor" class="external-link">@pvictor</a></li>
+<li>new <code><a href="../reference/datepicker.html">updateF7DatePicker()</a></code>: thanks <a href="https://github.com/pvictor" class="external-link">@pvictor</a></li>
+<li>add input binding to <code><a href="../reference/fabs.html">f7Fabs()</a></code> to get the status of the container</li>
+<li>add <code><a href="../reference/button.html">updateF7Button()</a></code> and <code><a href="../reference/fabs.html">updateF7Fabs()</a></code>
 </li>
 <li>new pullToRefresh parameter to <code>f7Init()</code>. Pull the screen from top to bottom fires <code>input$ptr</code> which becomes TRUE. When the pull to refresh event is finished, <code>input$ptr</code> is NULL. Useful to trigger events in an observeEvent</li>
-<li>add new <code><a href="../reference/f7Select.html">updateF7Select()</a></code>: thanks <a href='https://github.com/Seyphaton'>@Seyphaton</a> for the suggestion</li>
-<li>add <code><a href="../reference/f7checkBox.html">f7TogglePopup()</a></code> to close/open a <code><a href="../reference/f7Popup.html">f7Popup()</a></code>. Thanks <a href='https://github.com/pasahe'>@pasahe</a></li>
+<li>add new <code><a href="../reference/select.html">updateF7Select()</a></code>: thanks <a href="https://github.com/Seyphaton" class="external-link">@Seyphaton</a> for the suggestion</li>
+<li>add <code>f7TogglePopup()</code> to close/open a <code><a href="../reference/f7Popup.html">f7Popup()</a></code>. Thanks <a href="https://github.com/pasahe" class="external-link">@pasahe</a></li>
 <li>add <code><a href="../reference/preview_mobile.html">preview_mobile()</a></code>: function that previews your app in a seleted range of devices (iphone, samsung, htc, …)</li>
 <li>redesign the way inputs options are passed from R to Javascript. This does not have impact on the user side but improves security and code quality</li>
-</ul>
-</div>
-<div id="minor-changes-1" class="section level2">
-<h2 class="hasAnchor">
-<a href="#minor-changes-1" class="anchor"></a>Minor changes</h2>
-<ul>
-<li>add new <code><a href="../reference/f7File.html">f7File()</a></code> for file upload. See shiny <code>fileInput</code>
+</ul></div>
+<div class="section level3">
+<h3 id="minor-changes-0-7-0">Minor changes<a class="anchor" aria-label="anchor" href="#minor-changes-0-7-0"></a></h3>
+<ul><li>add new <code><a href="../reference/f7File.html">f7File()</a></code> for file upload. See shiny <code>fileInput</code>
 </li>
-<li>add new <code><a href="../reference/f7DownloadButton.html">f7DownloadButton()</a></code> to work properly with the shiny <code>downloadHandler</code> function. Thanks <a href='https://github.com/bwganblack'>@bwganblack</a> for the report</li>
+<li>add new <code><a href="../reference/f7DownloadButton.html">f7DownloadButton()</a></code> to work properly with the shiny <code>downloadHandler</code> function. Thanks <a href="https://github.com/bwganblack" class="external-link">@bwganblack</a> for the report</li>
 <li>add new tapHoldDelay parameter to <code>f7Init()</code> to control the delay necessary to trigger a long press (default to 750 ms)</li>
-<li>new <code><a href="../reference/f7checkBox.html">f7ShowPreloader()</a></code> and <code><a href="../reference/showF7Preloader.html">f7HidePreloader()</a></code>
+<li>new <code><a href="../reference/f7-deprecated.html">f7ShowPreloader()</a></code> and <code><a href="../reference/preloader.html">f7HidePreloader()</a></code>
 </li>
-<li>new <code><a href="../reference/f7TextArea.html">f7TextArea()</a></code> input and <code><a href="../reference/f7TextArea.html">updateF7TextArea()</a></code> on the server side</li>
-<li>add block title for <code><a href="../reference/f7checkBox.html">f7checkBoxGroup()</a></code> and <code><a href="../reference/f7Radio.html">f7Radio()</a></code>
+<li>new <code><a href="../reference/textarea.html">f7TextArea()</a></code> input and <code><a href="../reference/textarea.html">updateF7TextArea()</a></code> on the server side</li>
+<li>add block title for <code><a href="../reference/f7-deprecated.html">f7checkBoxGroup()</a></code> and <code><a href="../reference/radio.html">f7Radio()</a></code>
 </li>
-<li>add new <code><a href="../reference/f7TabLink.html">f7TabLink()</a></code> (special link to insert in <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> that may open a <code><a href="../reference/f7Sheet.html">f7Sheet()</a></code>)</li>
-<li>add new active parameter to <code><a href="../reference/f7Button.html">f7Button()</a></code>
+<li>add new <code><a href="../reference/f7TabLink.html">f7TabLink()</a></code> (special link to insert in <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> that may open a <code><a href="../reference/sheet.html">f7Sheet()</a></code>)</li>
+<li>add new active parameter to <code><a href="../reference/button.html">f7Button()</a></code>
 </li>
 <li>add new strong parameter to <code><a href="../reference/f7Segment.html">f7Segment()</a></code>
 </li>
-<li>Improve website. Thanks <a href='https://github.com/pvictor'>@pvictor</a></li>
-<li>new fullsize and closeButton parameter to <code><a href="../reference/f7Popup.html">f7Popup()</a></code> + rewrite js binding. Thanks <a href='https://github.com/pvictor'>@pvictor</a></li>
-<li>add extra parameters to <code><a href="../reference/f7DatePicker.html">f7DatePicker()</a></code>: direction, openIn, scrollToInput, closeByOutsideClick, toolbar, toolbarCloseText, header and headerPlaceholder</li>
-<li>add new parameters to <code><a href="../reference/f7Gauge.html">updateF7Gauge()</a></code>. Thanks <a href='https://github.com/rodrigoheck'>@rodrigoheck</a> for the suggestion</li>
-<li>add noSwipping argument to <code><a href="../reference/f7Slider.html">f7Slider()</a></code> to prevent wrong behaviour when used in <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>
+<li>Improve website. Thanks <a href="https://github.com/pvictor" class="external-link">@pvictor</a></li>
+<li>new fullsize and closeButton parameter to <code><a href="../reference/f7Popup.html">f7Popup()</a></code> + rewrite js binding. Thanks <a href="https://github.com/pvictor" class="external-link">@pvictor</a></li>
+<li>add extra parameters to <code><a href="../reference/datepicker.html">f7DatePicker()</a></code>: direction, openIn, scrollToInput, closeByOutsideClick, toolbar, toolbarCloseText, header and headerPlaceholder</li>
+<li>add new parameters to <code><a href="../reference/gauge.html">updateF7Gauge()</a></code>. Thanks <a href="https://github.com/rodrigoheck" class="external-link">@rodrigoheck</a> for the suggestion</li>
+<li>add noSwipping argument to <code><a href="../reference/slider.html">f7Slider()</a></code> to prevent wrong behaviour when used in <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>
 </li>
 <li>
-<code><a href="../reference/f7Select.html">f7Select()</a></code> does not rely anymore on the shiny selectInput binding (does not have impact on user experience)</li>
-<li>add hidden argument to <code><a href="../reference/f7Tab.html">f7Tab()</a></code>: allows to navigate through hidden tabs without displaying them in the tab menu. Thanks <a href='https://github.com/rodrigoheck'>@rodrigoheck</a></li>
-<li>add closeOnSelect param to <code><a href="../reference/f7AutoComplete.html">f7AutoComplete()</a></code>
+<code><a href="../reference/select.html">f7Select()</a></code> does not rely anymore on the shiny selectInput binding (does not have impact on user experience)</li>
+<li>add hidden argument to <code><a href="../reference/f7Tab.html">f7Tab()</a></code>: allows to navigate through hidden tabs without displaying them in the tab menu. Thanks <a href="https://github.com/rodrigoheck" class="external-link">@rodrigoheck</a></li>
+<li>add closeOnSelect param to <code><a href="../reference/autocomplete.html">f7AutoComplete()</a></code>
 </li>
-<li>add new parameters to <code><a href="../reference/f7Picker.html">f7Picker()</a></code> and <code><a href="../reference/f7Picker.html">updateF7Picker()</a></code>: rotateEffect, openIn, scrollToInput, closeByOutsideClick, toolbar, toolbarCloseText and sheetSwipeToClose</li>
+<li>add new parameters to <code><a href="../reference/picker.html">f7Picker()</a></code> and <code><a href="../reference/picker.html">updateF7Picker()</a></code>: rotateEffect, openIn, scrollToInput, closeByOutsideClick, toolbar, toolbarCloseText and sheetSwipeToClose</li>
 <li>add color argument to <code><a href="../reference/f7Icon.html">f7Icon()</a></code>
 </li>
-<li>add selected parameter to <code><a href="../reference/f7Select.html">f7Select()</a></code>
+<li>add selected parameter to <code><a href="../reference/select.html">f7Select()</a></code>
 </li>
 <li>update framework7 to 5.3.0</li>
-<li>add color to <code><a href="../reference/f7Slider.html">updateF7Slider()</a></code>
+<li>add color to <code><a href="../reference/slider.html">updateF7Slider()</a></code>
 </li>
-<li>add color to <code><a href="../reference/f7Slider.html">f7Slider()</a></code>
+<li>add color to <code><a href="../reference/slider.html">f7Slider()</a></code>
 </li>
 <li>add cheatsheet reference in the readme</li>
-<li>add <code><a href="../reference/f7Slider.html">f7Slider()</a></code> labels (remove enableLabels param)</li>
-<li>add step, scaleSteps and scaleSubSteps to <code><a href="../reference/f7Slider.html">updateF7Slider()</a></code>
+<li>add <code><a href="../reference/slider.html">f7Slider()</a></code> labels (remove enableLabels param)</li>
+<li>add step, scaleSteps and scaleSubSteps to <code><a href="../reference/slider.html">updateF7Slider()</a></code>
 </li>
-<li>add scaleSteps, scaleSubSteps and verticalReversed to <code><a href="../reference/f7Slider.html">f7Slider()</a></code>
+<li>add scaleSteps, scaleSubSteps and verticalReversed to <code><a href="../reference/slider.html">f7Slider()</a></code>
 </li>
-<li>add decimalPoint to <code><a href="../reference/f7Stepper.html">updateF7Stepper()</a></code>
+<li>add decimalPoint to <code><a href="../reference/stepper.html">updateF7Stepper()</a></code>
 </li>
-<li>rework <code><a href="../reference/f7Stepper.html">f7Stepper()</a></code>: add 2 more parameters (decimalPoint and buttonsEndInputMode)</li>
+<li>rework <code><a href="../reference/stepper.html">f7Stepper()</a></code>: add 2 more parameters (decimalPoint and buttonsEndInputMode)</li>
 <li>hideNavOnPageScroll is set to FALSE by default in <code>f7Init()</code>. This improves perfomances on old devices</li>
 <li>improve <code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code> example (replace sliderInput by f7Slider)</li>
 <li>improve <code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code> example (replace sliderInput by f7Slider)</li>
 <li>improve <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code> example</li>
 <li>add more copyrights</li>
-</ul>
-</div>
-<div id="bug-fix" class="section level2">
-<h2 class="hasAnchor">
-<a href="#bug-fix" class="anchor"></a>Bug fix</h2>
-<ul>
-<li>Fix issue in <code>updateF7AutoComplete</code>: text input was not updated. Thanks <a href='https://github.com/sanchez5674'>@sanchez5674</a> for the report</li>
+</ul></div>
+<div class="section level3">
+<h3 id="bug-fix-0-7-0">Bug fix<a class="anchor" aria-label="anchor" href="#bug-fix-0-7-0"></a></h3>
+<ul><li>Fix issue in <code>updateF7AutoComplete</code>: text input was not updated. Thanks <a href="https://github.com/sanchez5674" class="external-link">@sanchez5674</a> for the report</li>
 <li>Remove duplicated html tag in <code><a href="../reference/f7Page.html">f7Page()</a></code>. Thanks @ pvictor</li>
-<li>Fix issue in <code><a href="../reference/f7Sheet.html">f7Sheet()</a></code> wrong css style applied when multiple sheets are in the same app</li>
+<li>Fix issue in <code><a href="../reference/sheet.html">f7Sheet()</a></code> wrong css style applied when multiple sheets are in the same app</li>
 <li>Fix issue in <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code>: if one put <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> inside a <code><a href="../reference/f7Tab.html">f7Tab()</a></code> in a parent <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code>, the input binding was giving the wrong tab for the top level tabset (once we clicked in the tab containing the sub-tabset).</li>
-<li>Fix issue with <code><a href="../reference/f7checkBox.html">f7InsertTab()</a></code> and <code><a href="../reference/f7checkBox.html">f7RemoveTab()</a></code> when swipeable is TRUE</li>
+<li>Fix issue with <code><a href="../reference/f7-deprecated.html">f7InsertTab()</a></code> and <code><a href="../reference/f7-deprecated.html">f7RemoveTab()</a></code> when swipeable is TRUE</li>
 <li>trigger shown event for <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> on click. This allows to use <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> without swipeable and animated</li>
-<li>Allow output elements to be displayed in <code><a href="../reference/f7Panel.html">f7Panel()</a></code> (need to provide the <code><a href="../reference/f7Panel.html">f7Panel()</a></code> inputId)</li>
-<li>Prevent <code><a href="../reference/f7Swipeout.html">f7Swipeout()</a></code> to make the current tab swipping if in <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>
-</li>
-<li>Fix <code><a href="../reference/f7Fab.html">f7Fab()</a></code> label white background color in dark mode</li>
-<li>fix <a href='https://github.com/RinteRface/shinyMobile/issues/19'>#19</a>: letting bigger TRUE in <code><a href="../reference/f7Navbar.html">f7Navbar()</a></code> would center the body content on scroll, due to a css conflict</li>
-<li>fix issue with <code><a href="../reference/f7Slider.html">f7Slider()</a></code> and <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>: When setting value of a slider in a swipeable f7TabLayout it cause the tab to be swip. This describe here : framework7io/framework7<a href='https://github.com/RinteRface/shinyMobile/issues/2603'>#2603</a>. Thanks <a href='https://github.com/pvictor'>@pvictor</a></li>
-<li>fix <a href='https://github.com/RinteRface/shinyMobile/issues/39'>#39</a>: issue in <code><a href="../reference/f7DatePicker.html">f7DatePicker()</a></code> format for months. Thanks <a href='https://github.com/kmaheshkulkarni'>@kmaheshkulkarni</a></li>
-<li>fix issue in <code><a href="../reference/f7DatePicker.html">f7DatePicker()</a></code>: the viewport does not scroll to input by default</li>
-<li>fix typo in <code><a href="../reference/f7AutoComplete.html">f7AutoComplete()</a></code> example</li>
-<li>fix <a href='https://github.com/RinteRface/shinyMobile/issues/43'>#43</a>: slider label not visible on drag. Thanks <a href='https://github.com/pasahe'>@pasahe</a></li>
-<li>fix <a href='https://github.com/RinteRface/shinyMobile/issues/42'>#42</a>: add vertical overflow to <code><a href="../reference/f7Popup.html">f7Popup()</a></code>. Thanks <a href='https://github.com/pasahe'>@pasahe</a></li>
-<li>fix <a href='https://github.com/RinteRface/shinyMobile/issues/41'>#41</a>: cannot render shiny outputs in <code><a href="../reference/f7Popup.html">f7Popup()</a></code>. Now <code><a href="../reference/f7Popup.html">f7Popup()</a></code> triggers shiny output rendering. Thanks <a href='https://github.com/pasahe'>@pasahe</a></li>
-<li>fix <a href='https://github.com/RinteRface/shinyMobile/issues/31'>#31</a>: <code><a href="../reference/f7Gauge.html">updateF7Gauge()</a></code> -&gt; wrong fraction for semi circle gauges.</li>
-<li>fix <code><a href="../reference/f7Stepper.html">f7Stepper()</a></code>: some options were not properly initialized (max, min, …)</li>
-<li>fix <code><a href="../reference/f7Slider.html">f7Slider()</a></code> example 2: wrong argument in help</li>
+<li>Allow output elements to be displayed in <code><a href="../reference/panel.html">f7Panel()</a></code> (need to provide the <code><a href="../reference/panel.html">f7Panel()</a></code> inputId)</li>
+<li>Prevent <code><a href="../reference/swipeout.html">f7Swipeout()</a></code> to make the current tab swipping if in <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>
+</li>
+<li>Fix <code><a href="../reference/fab.html">f7Fab()</a></code> label white background color in dark mode</li>
+<li>fix <a href="https://github.com/RinteRface/shinyMobile/issues/19" class="external-link">#19</a>: letting bigger TRUE in <code><a href="../reference/navbar.html">f7Navbar()</a></code> would center the body content on scroll, due to a css conflict</li>
+<li>fix issue with <code><a href="../reference/slider.html">f7Slider()</a></code> and <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>: When setting value of a slider in a swipeable f7TabLayout it cause the tab to be swip. This describe here : framework7io/framework7#2603. Thanks <a href="https://github.com/pvictor" class="external-link">@pvictor</a></li>
+<li>fix <a href="https://github.com/RinteRface/shinyMobile/issues/39" class="external-link">#39</a>: issue in <code><a href="../reference/datepicker.html">f7DatePicker()</a></code> format for months. Thanks <a href="https://github.com/kmaheshkulkarni" class="external-link">@kmaheshkulkarni</a></li>
+<li>fix issue in <code><a href="../reference/datepicker.html">f7DatePicker()</a></code>: the viewport does not scroll to input by default</li>
+<li>fix typo in <code><a href="../reference/autocomplete.html">f7AutoComplete()</a></code> example</li>
+<li>fix <a href="https://github.com/RinteRface/shinyMobile/issues/43" class="external-link">#43</a>: slider label not visible on drag. Thanks <a href="https://github.com/pasahe" class="external-link">@pasahe</a></li>
+<li>fix <a href="https://github.com/RinteRface/shinyMobile/issues/42" class="external-link">#42</a>: add vertical overflow to <code><a href="../reference/f7Popup.html">f7Popup()</a></code>. Thanks <a href="https://github.com/pasahe" class="external-link">@pasahe</a></li>
+<li>fix <a href="https://github.com/RinteRface/shinyMobile/issues/41" class="external-link">#41</a>: cannot render shiny outputs in <code><a href="../reference/f7Popup.html">f7Popup()</a></code>. Now <code><a href="../reference/f7Popup.html">f7Popup()</a></code> triggers shiny output rendering. Thanks <a href="https://github.com/pasahe" class="external-link">@pasahe</a></li>
+<li>fix <a href="https://github.com/RinteRface/shinyMobile/issues/31" class="external-link">#31</a>: <code><a href="../reference/gauge.html">updateF7Gauge()</a></code> -&gt; wrong fraction for semi circle gauges.</li>
+<li>fix <code><a href="../reference/stepper.html">f7Stepper()</a></code>: some options were not properly initialized (max, min, …)</li>
+<li>fix <code><a href="../reference/slider.html">f7Slider()</a></code> example 2: wrong argument in help</li>
 <li>fix <code><a href="../reference/f7Icon.html">f7Icon()</a></code> example: wrong function name</li>
 <li>fix <code><a href="../reference/f7Row.html">f7Row()</a></code> example</li>
 <li>
-<code><a href="../reference/f7Sheet.html">f7Sheet()</a></code>: hiddenItems is NULL by default</li>
-<li>Do no apply a magin bottom to the toolbar if there is no <code><a href="../reference/f7Appbar.html">f7Appbar()</a></code>
+<code><a href="../reference/sheet.html">f7Sheet()</a></code>: hiddenItems is NULL by default</li>
+<li>Do no apply a magin bottom to the toolbar if there is no <code><a href="../reference/appbar.html">f7Appbar()</a></code>
 </li>
-</ul>
-</div>
-</div>
-    <div id="shinymobile-010" class="section level1">
-<h1 class="page-header" data-toc-text="0.1.0">
-<a href="#shinymobile-010" class="anchor"></a>shinyMobile 0.1.0<small> 2019-11-30 </small>
-</h1>
-<ul>
-<li>Added a <code>NEWS.md</code> file to track changes to the package.</li>
-</ul>
-</div>
-  </div>
-
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-
+</ul></div>
 </div>
+    <div class="section level2">
+<h2 class="pkg-version" data-toc-text="0.1.0" id="shinymobile-010">shinyMobile 0.1.0<a class="anchor" aria-label="anchor" href="#shinymobile-010"></a></h2><p class="text-muted">CRAN release: 2019-11-30</p>
+<ul><li>Added a <code>NEWS.md</code> file to track changes to the package.</li>
+</ul></div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/pkgdown.css b/docs/pkgdown.css
index 1273238d..80ea5b83 100644
--- a/docs/pkgdown.css
+++ b/docs/pkgdown.css
@@ -56,8 +56,10 @@ img.icon {
   float: right;
 }
 
-img {
+/* Ensure in-page images don't run outside their container */
+.contents img {
   max-width: 100%;
+  height: auto;
 }
 
 /* Fix bug in bootstrap (only seen in firefox) */
@@ -78,11 +80,10 @@ dd {
 /* Section anchors ---------------------------------*/
 
 a.anchor {
-  margin-left: -30px;
-  display:inline-block;
-  width: 30px;
-  height: 30px;
-  visibility: hidden;
+  display: none;
+  margin-left: 5px;
+  width: 20px;
+  height: 20px;
 
   background-image: url(./link.svg);
   background-repeat: no-repeat;
@@ -90,17 +91,15 @@ a.anchor {
   background-position: center center;
 }
 
-.hasAnchor:hover a.anchor {
-  visibility: visible;
-}
-
-@media (max-width: 767px) {
-  .hasAnchor:hover a.anchor {
-    visibility: hidden;
-  }
+h1:hover .anchor,
+h2:hover .anchor,
+h3:hover .anchor,
+h4:hover .anchor,
+h5:hover .anchor,
+h6:hover .anchor {
+  display: inline-block;
 }
 
-
 /* Fixes for fixed navbar --------------------------*/
 
 .contents h1, .contents h2, .contents h3, .contents h4 {
@@ -264,31 +263,26 @@ table {
 
 /* Syntax highlighting ---------------------------------------------------- */
 
-pre {
-  word-wrap: normal;
-  word-break: normal;
-  border: 1px solid #eee;
-}
-
-pre, code {
+pre, code, pre code {
   background-color: #f8f8f8;
   color: #333;
 }
+pre, pre code {
+  white-space: pre-wrap;
+  word-break: break-all;
+  overflow-wrap: break-word;
+}
 
-pre code {
-  overflow: auto;
-  word-wrap: normal;
-  white-space: pre;
+pre {
+  border: 1px solid #eee;
 }
 
-pre .img {
+pre .img, pre .r-plt {
   margin: 5px 0;
 }
 
-pre .img img {
+pre .img img, pre .r-plt img {
   background-color: #fff;
-  display: block;
-  height: auto;
 }
 
 code a, pre a {
@@ -305,9 +299,8 @@ a.sourceLine:hover {
 .kw      {color: #264D66;} /* keyword */
 .co      {color: #888888;} /* comment */
 
-.message { color: black;   font-weight: bolder;}
-.error   { color: orange;  font-weight: bolder;}
-.warning { color: #6A0366; font-weight: bolder;}
+.error   {font-weight: bolder;}
+.warning {font-weight: bolder;}
 
 /* Clipboard --------------------------*/
 
@@ -365,3 +358,27 @@ mark {
     content: "";
   }
 }
+
+/* Section anchors ---------------------------------
+   Added in pandoc 2.11: https://github.com/jgm/pandoc-templates/commit/9904bf71
+*/
+
+div.csl-bib-body { }
+div.csl-entry {
+  clear: both;
+}
+.hanging-indent div.csl-entry {
+  margin-left:2em;
+  text-indent:-2em;
+}
+div.csl-left-margin {
+  min-width:2em;
+  float:left;
+}
+div.csl-right-inline {
+  margin-left:2em;
+  padding-left:1em;
+}
+div.csl-indent {
+  margin-left: 2em;
+}
diff --git a/docs/pkgdown.js b/docs/pkgdown.js
index 7e7048fa..5fccd9c0 100644
--- a/docs/pkgdown.js
+++ b/docs/pkgdown.js
@@ -2,70 +2,30 @@
 (function($) {
   $(function() {
 
-    $('.navbar-fixed-top').headroom();
+    $('nav.navbar').headroom();
 
-    $('body').css('padding-top', $('.navbar').height() + 10);
-    $(window).resize(function(){
-      $('body').css('padding-top', $('.navbar').height() + 10);
+    Toc.init({
+      $nav: $("#toc"),
+      $scope: $("main h2, main h3, main h4, main h5, main h6")
     });
 
-    $('[data-toggle="tooltip"]').tooltip();
-
-    var cur_path = paths(location.pathname);
-    var links = $("#navbar ul li a");
-    var max_length = -1;
-    var pos = -1;
-    for (var i = 0; i < links.length; i++) {
-      if (links[i].getAttribute("href") === "#")
-        continue;
-      // Ignore external links
-      if (links[i].host !== location.host)
-        continue;
-
-      var nav_path = paths(links[i].pathname);
-
-      var length = prefix_length(nav_path, cur_path);
-      if (length > max_length) {
-        max_length = length;
-        pos = i;
-      }
-    }
-
-    // Add class to parent <li>, and enclosing <li> if in dropdown
-    if (pos >= 0) {
-      var menu_anchor = $(links[pos]);
-      menu_anchor.parent().addClass("active");
-      menu_anchor.closest("li.dropdown").addClass("active");
-    }
-  });
-
-  function paths(pathname) {
-    var pieces = pathname.split("/");
-    pieces.shift(); // always starts with /
-
-    var end = pieces[pieces.length - 1];
-    if (end === "index.html" || end === "")
-      pieces.pop();
-    return(pieces);
-  }
-
-  // Returns -1 if not found
-  function prefix_length(needle, haystack) {
-    if (needle.length > haystack.length)
-      return(-1);
-
-    // Special case for length-0 haystack, since for loop won't run
-    if (haystack.length === 0) {
-      return(needle.length === 0 ? 0 : -1);
+    if ($('#toc').length) {
+      $('body').scrollspy({
+        target: '#toc',
+        offset: $("nav.navbar").outerHeight() + 1
+      });
     }
 
-    for (var i = 0; i < haystack.length; i++) {
-      if (needle[i] != haystack[i])
-        return(i);
-    }
+    // Activate popovers
+    $('[data-bs-toggle="popover"]').popover({
+      container: 'body',
+      html: true,
+      trigger: 'focus',
+      placement: "top",
+      sanitize: false,
+    });
 
-    return(haystack.length);
-  }
+    $('[data-bs-toggle="tooltip"]').tooltip();
 
   /* Clipboard --------------------------*/
 
@@ -78,9 +38,9 @@
 
   if(ClipboardJS.isSupported()) {
     $(document).ready(function() {
-      var copyButton = "<button type='button' class='btn btn-primary btn-copy-ex' type = 'submit' title='Copy to clipboard' aria-label='Copy to clipboard' data-toggle='tooltip' data-placement='left auto' data-trigger='hover' data-clipboard-copy><i class='fa fa-copy'></i></button>";
+      var copyButton = "<button type='button' class='btn btn-primary btn-copy-ex' title='Copy to clipboard' aria-label='Copy to clipboard' data-toggle='tooltip' data-placement='left' data-trigger='hover' data-clipboard-copy><i class='fa fa-copy'></i></button>";
 
-      $(".examples, div.sourceCode").addClass("hasCopyButton");
+      $("div.sourceCode").addClass("hasCopyButton");
 
       // Insert copy buttons:
       $(copyButton).prependTo(".hasCopyButton");
@@ -89,20 +49,108 @@
       $('.btn-copy-ex').tooltip({container: 'body'});
 
       // Initialize clipboard:
-      var clipboardBtnCopies = new ClipboardJS('[data-clipboard-copy]', {
+      var clipboard = new ClipboardJS('[data-clipboard-copy]', {
         text: function(trigger) {
-          return trigger.parentNode.textContent;
+          return trigger.parentNode.textContent.replace(/\n#>[^\n]*/g, "");
         }
       });
 
-      clipboardBtnCopies.on('success', function(e) {
+      clipboard.on('success', function(e) {
         changeTooltipMessage(e.trigger, 'Copied!');
         e.clearSelection();
       });
 
-      clipboardBtnCopies.on('error', function() {
+      clipboard.on('error', function() {
         changeTooltipMessage(e.trigger,'Press Ctrl+C or Command+C to copy');
       });
+
     });
   }
+
+    /* Search marking --------------------------*/
+    var url = new URL(window.location.href);
+    var toMark = url.searchParams.get("q");
+    var mark = new Mark("main#main");
+    if (toMark) {
+      mark.mark(toMark, {
+        accuracy: {
+          value: "complementary",
+          limiters: [",", ".", ":", "/"],
+        }
+      });
+    }
+
+  /* Search --------------------------*/
+  /* Adapted from https://github.com/rstudio/bookdown/blob/2d692ba4b61f1e466c92e78fd712b0ab08c11d31/inst/resources/bs4_book/bs4_book.js#L25 */
+    // Initialise search index on focus
+  var fuse;
+  $("#search-input").focus(async function(e) {
+    if (fuse) {
+      return;
+    }
+
+    $(e.target).addClass("loading");
+    var response = await fetch($("#search-input").data("search-index"));
+    var data = await response.json();
+
+    var options = {
+      keys: ["what", "text", "code"],
+      ignoreLocation: true,
+      threshold: 0.1,
+      includeMatches: true,
+      includeScore: true,
+    };
+    fuse = new Fuse(data, options);
+
+    $(e.target).removeClass("loading");
+  });
+
+  // Use algolia autocomplete
+  var options = {
+    autoselect: true,
+    debug: true,
+    hint: false,
+    minLength: 2,
+  };
+  var q;
+async function searchFuse(query, callback) {
+  await fuse;
+
+  var items;
+  if (!fuse) {
+    items = [];
+  } else {
+    q = query;
+    var results = fuse.search(query, { limit: 20 });
+    items = results
+      .filter((x) => x.score <= 0.75)
+      .map((x) => x.item);
+    if (items.length === 0) {
+      items = [{dir:"Sorry 😿",previous_headings:"",title:"No results found.",what:"No results found.",path:window.location.href}];
+    }
+  }
+  callback(items);
+}
+  $("#search-input").autocomplete(options, [
+    {
+      name: "content",
+      source: searchFuse,
+      templates: {
+        suggestion: (s) => {
+          if (s.title == s.what) {
+            return `${s.dir} >	<div class="search-details"> ${s.title}</div>`;
+          } else if (s.previous_headings == "") {
+            return `${s.dir} >	<div class="search-details"> ${s.title}</div> > ${s.what}`;
+          } else {
+            return `${s.dir} >	<div class="search-details"> ${s.title}</div> > ${s.previous_headings} > ${s.what}`;
+          }
+        },
+      },
+    },
+  ]).on('autocomplete:selected', function(event, s) {
+    window.location.href = s.path + "?q=" + q + "#" + s.id;
+  });
+  });
 })(window.jQuery || window.$)
+
+
diff --git a/docs/pkgdown.yml b/docs/pkgdown.yml
index 629012dd..49b210c0 100644
--- a/docs/pkgdown.yml
+++ b/docs/pkgdown.yml
@@ -1,5 +1,5 @@
-pandoc: 2.7.3
-pkgdown: 1.6.1
+pandoc: 3.1.4
+pkgdown: 2.0.7
 pkgdown_sha: ~
 articles:
   Gadgets: Gadgets.html
@@ -8,5 +8,5 @@ articles:
   Tabs-Layout: Tabs-Layout.html
   shinyMobile: shinyMobile.html
   shinyMobile_tools: shinyMobile_tools.html
-last_built: 2021-09-15T19:45Z
+last_built: 2024-01-20T20:48Z
 
diff --git a/docs/reference/authentication.html b/docs/reference/authentication.html
index fd1ac897..03b38ba5 100644
--- a/docs/reference/authentication.html
+++ b/docs/reference/authentication.html
@@ -1,454 +1,354 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Provide a template for authentication
+f7LoginServer is a useful server elements to fine tune the
+f7Login page.
+updateF7Login toggles a login page."><title>Framework7 login screen — f7Login • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 login screen — f7Login"><meta property="og:description" content="Provide a template for authentication
+f7LoginServer is a useful server elements to fine tune the
+f7Login page.
+updateF7Login toggles a login page."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-<title>Framework7 login screen — f7Login • shinyMobile</title>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
+</li>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
+</li>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
+     
+  </a>
+</li>
+      </ul></div>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 login screen</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Login.R" class="external-link"><code>R/f7Login.R</code></a></small>
+      <div class="d-none name"><code>authentication.Rd</code></div>
+    </div>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div class="ref-description section level2">
+    <p>Provide a template for authentication</p>
+<p><code>f7LoginServer</code> is a useful server elements to fine tune the
+f7Login page.</p>
+<p><code>updateF7Login</code> toggles a login page.</p>
+    </div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Login</span><span class="op">(</span><span class="va">...</span>, <span class="va">id</span>, <span class="va">title</span>, label <span class="op">=</span> <span class="st">"Sign In"</span>, footer <span class="op">=</span> <span class="cn">NULL</span>, startOpen <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu">f7LoginServer</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span>, ignoreInit <span class="op">=</span> <span class="cn">FALSE</span>, trigger <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu">updateF7Login</span><span class="op">(</span></span>
+<span>  <span class="va">id</span>,</span>
+<span>  user <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  password <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Slot for inputs like password, text, ...</p></dd>
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
 
+<dt>id</dt>
+<dd><p>f7Login unique id.</p></dd>
 
 
-  <link href="../extra.css" rel="stylesheet">
-  
+<dt>title</dt>
+<dd><p>Login page title.</p></dd>
 
-<meta property="og:title" content="Framework7 login screen — f7Login" />
-<meta property="og:description" content="Provide a template for authentication
-f7LoginServer is a useful server elements to fine tune the
-f7Login page.
-updateF7Login toggles a login page." />
-<meta property="og:image" content="/logo.png" />
 
+<dt>label</dt>
+<dd><p>Login confirm button label.</p></dd>
 
 
+<dt>footer</dt>
+<dd><p>Optional footer.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<dt>startOpen</dt>
+<dd><p>Whether to open the login page at start. Default to TRUE. There
+are some cases where it is interesting to set up to FALSE, for instance when you want
+to have authentication only in a specific tab of your app (See example 2).</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
 
-      
+<dt>input</dt>
+<dd><p>Shiny input object.</p></dd>
 
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 login screen</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Login.R'><code>R/f7Login.R</code></a></small>
-    <div class="hidden name"><code>authentication.Rd</code></div>
-    </div>
+<dt>output</dt>
+<dd><p>Shiny output object.</p></dd>
 
-    <div class="ref-description">
-    <p>Provide a template for authentication</p>
-<p><code>f7LoginServer</code> is a useful server elements to fine tune the
-f7Login page.</p>
-<p><code>updateF7Login</code> toggles a login page.</p>
-    </div>
 
-    <pre class="usage"><span class='fu'>f7Login</span><span class='op'>(</span><span class='va'>...</span>, <span class='va'>id</span>, <span class='va'>title</span>, label <span class='op'>=</span> <span class='st'>"Sign In"</span>, footer <span class='op'>=</span> <span class='cn'>NULL</span>, startOpen <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>
-
-<span class='fu'>f7LoginServer</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span>, ignoreInit <span class='op'>=</span> <span class='cn'>FALSE</span>, trigger <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span>
-
-<span class='fu'>updateF7Login</span><span class='op'>(</span>
-  <span class='va'>id</span>,
-  user <span class='op'>=</span> <span class='cn'>NULL</span>,
-  password <span class='op'>=</span> <span class='cn'>NULL</span>,
-  session <span class='op'>=</span> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span><span class='op'>(</span><span class='op'>)</span>
-<span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for inputs like password, text, ...</p></td>
-    </tr>
-    <tr>
-      <th>id</th>
-      <td><p>f7Login unique id.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Login page title.</p></td>
-    </tr>
-    <tr>
-      <th>label</th>
-      <td><p>Login confirm button label.</p></td>
-    </tr>
-    <tr>
-      <th>footer</th>
-      <td><p>Optional footer.</p></td>
-    </tr>
-    <tr>
-      <th>startOpen</th>
-      <td><p>Whether to open the login page at start. Default to TRUE. There
-are some cases where it is interesting to set up to FALSE, for instance when you want
-to have authentication only in a specific tab of your app (See example 2).</p></td>
-    </tr>
-    <tr>
-      <th>input</th>
-      <td><p>Shiny input object.</p></td>
-    </tr>
-    <tr>
-      <th>output</th>
-      <td><p>Shiny output object.</p></td>
-    </tr>
-    <tr>
-      <th>session</th>
-      <td><p>Shiny session object.</p></td>
-    </tr>
-    <tr>
-      <th>ignoreInit</th>
-      <td><p>If TRUE, then, when this observeEvent is first
+<dt>session</dt>
+<dd><p>Shiny session object.</p></dd>
+
+
+<dt>ignoreInit</dt>
+<dd><p>If TRUE, then, when this observeEvent is first
 created/initialized, ignore the handlerExpr (the second argument),
-whether it is otherwise supposed to run or not. The default is FALSE.</p></td>
-    </tr>
-    <tr>
-      <th>trigger</th>
-      <td><p>Reactive trigger to toggle the login page state. Useful, when
-one wants to set up local authentication (for a specific section). See example 2.</p></td>
-    </tr>
-    <tr>
-      <th>user</th>
-      <td><p>Value of the user input.</p></td>
-    </tr>
-    <tr>
-      <th>password</th>
-      <td><p>Value of the password input.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="details"><a class="anchor" href="#details"></a>Details</h2>
+whether it is otherwise supposed to run or not. The default is FALSE.</p></dd>
+
+
+<dt>trigger</dt>
+<dd><p>Reactive trigger to toggle the login page state. Useful, when
+one wants to set up local authentication (for a specific section). See example 2.</p></dd>
+
 
+<dt>user</dt>
+<dd><p>Value of the user input.</p></dd>
+
+
+<dt>password</dt>
+<dd><p>Value of the password input.</p></dd>
+
+</dl></div>
+    <div class="section level2">
+    <h2 id="details">Details<a class="anchor" aria-label="anchor" href="#details"></a></h2>
     <p>This function does not provide the backend features. You would
 need to store credentials in a database for instance.</p>
-    <h2 class="hasAnchor" id="note"><a class="anchor" href="#note"></a>Note</h2>
-
+    </div>
+    <div class="section level2">
+    <h2 id="note">Note<a class="anchor" aria-label="anchor" href="#note"></a></h2>
     <p>There is an input associated with the login status, namely input$login.
 It is linked to an action button, which is 0 when the application starts. As soon
 as the button is pressed, its value is incremented which might fire a
 <code>observeEvent</code> listening to it (See example below). Importantly,
 the login page is closed only if the text and password inputs are filled. The
 <code>f7LoginServer</code> contains a piece of server logic that does this work for you.</p>
+    </div>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='co'># global authentication</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Login module"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='st'>"Login Example"</span>,
-         hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-         shadow <span class='op'>=</span> <span class='cn'>TRUE</span>
-       <span class='op'>)</span>,
-       toolbar <span class='op'>=</span> <span class='fu'><a href='f7Toolbar.html'>f7Toolbar</a></span><span class='op'>(</span>
-         position <span class='op'>=</span> <span class='st'>"bottom"</span>,
-         <span class='fu'><a href='f7Link.html'>f7Link</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"Link 1"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,
-         <span class='fu'><a href='f7Link.html'>f7Link</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"Link 2"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>
-       <span class='op'>)</span>,
-       <span class='fu'>f7Login</span><span class='op'>(</span>id <span class='op'>=</span> <span class='st'>"loginPage"</span>, title <span class='op'>=</span> <span class='st'>"Welcome"</span><span class='op'>)</span>,
-       <span class='co'># main content</span>
-       <span class='fu'><a href='f7BlockTitle.html'>f7BlockTitle</a></span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/HTML.html'>HTML</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Welcome"</span>, <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/textOutput.html'>textOutput</a></span><span class='op'>(</span><span class='st'>"user"</span><span class='op'>)</span><span class='op'>)</span><span class='op'>)</span>,
-         size <span class='op'>=</span> <span class='st'>"large"</span>
-       <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'><a href='f7Align.html'>f7Align</a></span><span class='op'>(</span><span class='st'>"center"</span><span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-
-     <span class='va'>loginData</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/callModule.html'>callModule</a></span><span class='op'>(</span><span class='va'>f7LoginServer</span>, id <span class='op'>=</span> <span class='st'>"loginPage"</span><span class='op'>)</span>
-
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>user</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPrint.html'>renderText</a></span><span class='op'>(</span><span class='op'>{</span>
-      <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/req.html'>req</a></span><span class='op'>(</span><span class='va'>loginData</span><span class='op'>$</span><span class='va'>user</span><span class='op'>)</span>
-      <span class='va'>loginData</span><span class='op'>$</span><span class='fu'>user</span><span class='op'>(</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-   <span class='op'>}</span>
- <span class='op'>)</span>
-
- <span class='co'># section specific authentication</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Local access restriction"</span>,
-     <span class='fu'><a href='f7TabLayout.html'>f7TabLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='st'>"Login Example for Specific Section"</span>,
-         hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-         shadow <span class='op'>=</span> <span class='cn'>TRUE</span>
-       <span class='op'>)</span>,
-       <span class='fu'><a href='f7Tabs.html'>f7Tabs</a></span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"tabs"</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"Tab 1"</span>,
-           <span class='st'>"Without authentication"</span>
-         <span class='op'>)</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"Restricted"</span>,
-           <span class='co'># main content</span>
-           <span class='fu'><a href='f7BlockTitle.html'>f7BlockTitle</a></span><span class='op'>(</span>
-             title <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/HTML.html'>HTML</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Welcome"</span>, <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/textOutput.html'>textOutput</a></span><span class='op'>(</span><span class='st'>"user"</span><span class='op'>)</span><span class='op'>)</span><span class='op'>)</span>,
-             size <span class='op'>=</span> <span class='st'>"large"</span>
-           <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'><a href='f7Align.html'>f7Align</a></span><span class='op'>(</span><span class='st'>"center"</span><span class='op'>)</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span>,
-       <span class='fu'>f7Login</span><span class='op'>(</span>id <span class='op'>=</span> <span class='st'>"loginPage"</span>, title <span class='op'>=</span> <span class='st'>"Welcome"</span>, startOpen <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-
-     <span class='co'># trigger</span>
-     <span class='va'>trigger</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/reactive.html'>reactive</a></span><span class='op'>(</span><span class='op'>{</span>
-      <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/req.html'>req</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>tabs</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='co'># do not run first since the login page is not yet visible</span>
-     <span class='va'>loginData</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/callModule.html'>callModule</a></span><span class='op'>(</span>
-      <span class='va'>f7LoginServer</span>,
-      id <span class='op'>=</span> <span class='st'>"loginPage"</span>,
-      ignoreInit <span class='op'>=</span> <span class='cn'>TRUE</span>,
-      trigger <span class='op'>=</span> <span class='va'>trigger</span>
-     <span class='op'>)</span>
-
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>user</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPrint.html'>renderText</a></span><span class='op'>(</span><span class='op'>{</span>
-      <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/req.html'>req</a></span><span class='op'>(</span><span class='va'>loginData</span><span class='op'>$</span><span class='va'>user</span><span class='op'>)</span>
-      <span class='va'>loginData</span><span class='op'>$</span><span class='fu'>user</span><span class='op'>(</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-   <span class='op'>}</span>
- <span class='op'>)</span>
-
- <span class='co'># with 2 different protected sections</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Multiple restricted areas"</span>,
-     <span class='fu'><a href='f7TabLayout.html'>f7TabLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='st'>"Login Example for 2 Specific Section"</span>,
-         hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-         shadow <span class='op'>=</span> <span class='cn'>TRUE</span>
-       <span class='op'>)</span>,
-       <span class='fu'><a href='f7Tabs.html'>f7Tabs</a></span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"tabs"</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"Tab 1"</span>,
-           <span class='st'>"Without authentication"</span>
-         <span class='op'>)</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"Restricted"</span>,
-           <span class='co'># main content</span>
-           <span class='fu'><a href='f7BlockTitle.html'>f7BlockTitle</a></span><span class='op'>(</span>
-             title <span class='op'>=</span> <span class='st'>"1st restricted area"</span>,
-             size <span class='op'>=</span> <span class='st'>"large"</span>
-           <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'><a href='f7Align.html'>f7Align</a></span><span class='op'>(</span><span class='st'>"center"</span><span class='op'>)</span>
-         <span class='op'>)</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"Restricted 2"</span>,
-           <span class='co'># main content</span>
-           <span class='fu'><a href='f7BlockTitle.html'>f7BlockTitle</a></span><span class='op'>(</span>
-             title <span class='op'>=</span> <span class='st'>"2nd restricted area"</span>,
-             size <span class='op'>=</span> <span class='st'>"large"</span>
-           <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'><a href='f7Align.html'>f7Align</a></span><span class='op'>(</span><span class='st'>"center"</span><span class='op'>)</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span>,
-       <span class='fu'>f7Login</span><span class='op'>(</span>id <span class='op'>=</span> <span class='st'>"loginPage"</span>, title <span class='op'>=</span> <span class='st'>"Welcome"</span>, startOpen <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>,
-       <span class='fu'>f7Login</span><span class='op'>(</span>id <span class='op'>=</span> <span class='st'>"loginPage2"</span>, title <span class='op'>=</span> <span class='st'>"Welcome"</span>, startOpen <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-
-     <span class='va'>trigger1</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/reactive.html'>reactive</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/req.html'>req</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>tabs</span> <span class='op'>==</span> <span class='st'>"Restricted"</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='va'>trigger2</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/reactive.html'>reactive</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/req.html'>req</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>tabs</span> <span class='op'>==</span> <span class='st'>"Restricted 2"</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='co'># do not run first since the login page is not yet visible</span>
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/callModule.html'>callModule</a></span><span class='op'>(</span>
-       <span class='va'>f7LoginServer</span>,
-       id <span class='op'>=</span> <span class='st'>"loginPage"</span>,
-       ignoreInit <span class='op'>=</span> <span class='cn'>TRUE</span>,
-       trigger <span class='op'>=</span> <span class='va'>trigger1</span>
-     <span class='op'>)</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/callModule.html'>callModule</a></span><span class='op'>(</span>
-       <span class='va'>f7LoginServer</span>,
-       id <span class='op'>=</span> <span class='st'>"loginPage2"</span>,
-       ignoreInit <span class='op'>=</span> <span class='cn'>TRUE</span>,
-       trigger <span class='op'>=</span> <span class='va'>trigger2</span>
-     <span class='op'>)</span>
-
-   <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="co"># global authentication</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Login module"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Login Example"</span>,</span></span>
+<span class="r-in"><span>         hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>         shadow <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       toolbar <span class="op">=</span> <span class="fu"><a href="f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         position <span class="op">=</span> <span class="st">"bottom"</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu">f7Login</span><span class="op">(</span>id <span class="op">=</span> <span class="st">"loginPage"</span>, title <span class="op">=</span> <span class="st">"Welcome"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="co"># main content</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7BlockTitle.html">f7BlockTitle</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/HTML.html" class="external-link">HTML</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Welcome"</span>, <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">textOutput</a></span><span class="op">(</span><span class="st">"user"</span><span class="op">)</span><span class="op">)</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         size <span class="op">=</span> <span class="st">"large"</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span> <span class="op"><a href="pipe.html">%&gt;%</a></span> <span class="fu"><a href="f7Align.html">f7Align</a></span><span class="op">(</span><span class="st">"center"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">loginData</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/callModule.html" class="external-link">callModule</a></span><span class="op">(</span><span class="va">f7LoginServer</span>, id <span class="op">=</span> <span class="st">"loginPage"</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">user</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderText</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/req.html" class="external-link">req</a></span><span class="op">(</span><span class="va">loginData</span><span class="op">$</span><span class="va">user</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="va">loginData</span><span class="op">$</span><span class="fu">user</span><span class="op">(</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="co"># section specific authentication</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Local access restriction"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Login Example for Specific Section"</span>,</span></span>
+<span class="r-in"><span>         hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>         shadow <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Tabs.html">f7Tabs</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"tabs"</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"Tab 1"</span>,</span></span>
+<span class="r-in"><span>           <span class="st">"Without authentication"</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"Restricted"</span>,</span></span>
+<span class="r-in"><span>           <span class="co"># main content</span></span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7BlockTitle.html">f7BlockTitle</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             title <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/HTML.html" class="external-link">HTML</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Welcome"</span>, <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">textOutput</a></span><span class="op">(</span><span class="st">"user"</span><span class="op">)</span><span class="op">)</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>             size <span class="op">=</span> <span class="st">"large"</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span> <span class="op"><a href="pipe.html">%&gt;%</a></span> <span class="fu"><a href="f7Align.html">f7Align</a></span><span class="op">(</span><span class="st">"center"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu">f7Login</span><span class="op">(</span>id <span class="op">=</span> <span class="st">"loginPage"</span>, title <span class="op">=</span> <span class="st">"Welcome"</span>, startOpen <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="co"># trigger</span></span></span>
+<span class="r-in"><span>     <span class="va">trigger</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/reactive.html" class="external-link">reactive</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/req.html" class="external-link">req</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">tabs</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="co"># do not run first since the login page is not yet visible</span></span></span>
+<span class="r-in"><span>     <span class="va">loginData</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/callModule.html" class="external-link">callModule</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      <span class="va">f7LoginServer</span>,</span></span>
+<span class="r-in"><span>      id <span class="op">=</span> <span class="st">"loginPage"</span>,</span></span>
+<span class="r-in"><span>      ignoreInit <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>      trigger <span class="op">=</span> <span class="va">trigger</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">user</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderText</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/req.html" class="external-link">req</a></span><span class="op">(</span><span class="va">loginData</span><span class="op">$</span><span class="va">user</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="va">loginData</span><span class="op">$</span><span class="fu">user</span><span class="op">(</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="co"># with 2 different protected sections</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Multiple restricted areas"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Login Example for 2 Specific Section"</span>,</span></span>
+<span class="r-in"><span>         hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>         shadow <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Tabs.html">f7Tabs</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"tabs"</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"Tab 1"</span>,</span></span>
+<span class="r-in"><span>           <span class="st">"Without authentication"</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"Restricted"</span>,</span></span>
+<span class="r-in"><span>           <span class="co"># main content</span></span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7BlockTitle.html">f7BlockTitle</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             title <span class="op">=</span> <span class="st">"1st restricted area"</span>,</span></span>
+<span class="r-in"><span>             size <span class="op">=</span> <span class="st">"large"</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span> <span class="op"><a href="pipe.html">%&gt;%</a></span> <span class="fu"><a href="f7Align.html">f7Align</a></span><span class="op">(</span><span class="st">"center"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"Restricted 2"</span>,</span></span>
+<span class="r-in"><span>           <span class="co"># main content</span></span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7BlockTitle.html">f7BlockTitle</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             title <span class="op">=</span> <span class="st">"2nd restricted area"</span>,</span></span>
+<span class="r-in"><span>             size <span class="op">=</span> <span class="st">"large"</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span> <span class="op"><a href="pipe.html">%&gt;%</a></span> <span class="fu"><a href="f7Align.html">f7Align</a></span><span class="op">(</span><span class="st">"center"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu">f7Login</span><span class="op">(</span>id <span class="op">=</span> <span class="st">"loginPage"</span>, title <span class="op">=</span> <span class="st">"Welcome"</span>, startOpen <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu">f7Login</span><span class="op">(</span>id <span class="op">=</span> <span class="st">"loginPage2"</span>, title <span class="op">=</span> <span class="st">"Welcome"</span>, startOpen <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">trigger1</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/reactive.html" class="external-link">reactive</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/req.html" class="external-link">req</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">tabs</span> <span class="op">==</span> <span class="st">"Restricted"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">trigger2</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/reactive.html" class="external-link">reactive</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/req.html" class="external-link">req</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">tabs</span> <span class="op">==</span> <span class="st">"Restricted 2"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="co"># do not run first since the login page is not yet visible</span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/callModule.html" class="external-link">callModule</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       <span class="va">f7LoginServer</span>,</span></span>
+<span class="r-in"><span>       id <span class="op">=</span> <span class="st">"loginPage"</span>,</span></span>
+<span class="r-in"><span>       ignoreInit <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>       trigger <span class="op">=</span> <span class="va">trigger1</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/callModule.html" class="external-link">callModule</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       <span class="va">f7LoginServer</span>,</span></span>
+<span class="r-in"><span>       id <span class="op">=</span> <span class="st">"loginPage2"</span>,</span></span>
+<span class="r-in"><span>       ignoreInit <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>       trigger <span class="op">=</span> <span class="va">trigger2</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/class2f7.html b/docs/reference/class2f7.html
index ce03bd1f..3ab7e606 100644
--- a/docs/reference/class2f7.html
+++ b/docs/reference/class2f7.html
@@ -1,215 +1,108 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Get CSS class based on cell class — class2f7 • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Get CSS class based on cell class — class2f7" />
-<meta property="og:description" content="Get CSS class based on cell class" />
-<meta property="og:image" content="/logo.png" />
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Get CSS class based on cell class"><title>Get CSS class based on cell class — class2f7 • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Get CSS class based on cell class — class2f7"><meta property="og:description" content="Get CSS class based on cell class"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Get CSS class based on cell class</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7-tables.R'><code>R/f7-tables.R</code></a></small>
-    <div class="hidden name"><code>class2f7.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Get CSS class based on cell class</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7-tables.R" class="external-link"><code>R/f7-tables.R</code></a></small>
+      <div class="d-none name"><code>class2f7.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Get CSS class based on cell class</p>
     </div>
 
-    <pre class="usage"><span class='fu'>class2f7</span><span class='op'>(</span><span class='va'>x</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">class2f7</span><span class="op">(</span><span class="va">x</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>x</th>
-      <td><p>Value.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>x</dt>
+<dd><p>Value.</p></dd>
 
+</dl></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/createSelectOptions.html b/docs/reference/createSelectOptions.html
index 22f77a45..82244a7e 100644
--- a/docs/reference/createSelectOptions.html
+++ b/docs/reference/createSelectOptions.html
@@ -1,219 +1,112 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Create option html tag based on choice input — createSelectOptions • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create option html tag based on choice input — createSelectOptions" />
-<meta property="og:description" content="Used by f7SmartSelect and f7Select" />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Used by f7SmartSelect and f7Select"><title>Create option html tag based on choice input — createSelectOptions • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create option html tag based on choice input — createSelectOptions"><meta property="og:description" content="Used by f7SmartSelect and f7Select"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create option html tag based on choice input</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7-inputs.R'><code>R/f7-inputs.R</code></a></small>
-    <div class="hidden name"><code>createSelectOptions.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Create option html tag based on choice input</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7-inputs.R" class="external-link"><code>R/f7-inputs.R</code></a></small>
+      <div class="d-none name"><code>createSelectOptions.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>Used by <a href='f7SmartSelect.html'>f7SmartSelect</a> and <a href='f7Select.html'>f7Select</a></p>
+    <div class="ref-description section level2">
+    <p>Used by <a href="smartselect.html">f7SmartSelect</a> and <a href="select.html">f7Select</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>createSelectOptions</span><span class='op'>(</span><span class='va'>choices</span>, <span class='va'>selected</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">createSelectOptions</span><span class="op">(</span><span class="va">choices</span>, <span class="va">selected</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>choices</th>
-      <td><p>Vector of possibilities.</p></td>
-    </tr>
-    <tr>
-      <th>selected</th>
-      <td><p>Default selected value.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>choices</dt>
+<dd><p>Vector of possibilities.</p></dd>
 
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>selected</dt>
+<dd><p>Default selected value.</p></dd>
+
+</dl></div>
+
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/create_app_ui.html b/docs/reference/create_app_ui.html
index 087c394b..03427549 100644
--- a/docs/reference/create_app_ui.html
+++ b/docs/reference/create_app_ui.html
@@ -1,227 +1,120 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Create the app UI — create_app_ui • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create the app UI — create_app_ui" />
-<meta property="og:description" content="Create the app UI" />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create the app UI"><title>Create the app UI — create_app_ui • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create the app UI — create_app_ui"><meta property="og:description" content="Create the app UI"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create the app UI</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/preview_mobile.R'><code>R/preview_mobile.R</code></a></small>
-    <div class="hidden name"><code>create_app_ui.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Create the app UI</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/preview_mobile.R" class="external-link"><code>R/preview_mobile.R</code></a></small>
+      <div class="d-none name"><code>create_app_ui.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Create the app UI</p>
     </div>
 
-    <pre class="usage"><span class='fu'>create_app_ui</span><span class='op'>(</span><span class='va'>iframe</span>, <span class='va'>device</span>, <span class='va'>color</span>, <span class='va'>landscape</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>iframe</th>
-      <td><p>iframe tag designed by <a href='preview_mobile.html'>preview_mobile</a>.</p></td>
-    </tr>
-    <tr>
-      <th>device</th>
-      <td><p>See <a href='preview_mobile.html'>preview_mobile</a> input.</p></td>
-    </tr>
-    <tr>
-      <th>color</th>
-      <td><p>See <a href='preview_mobile.html'>preview_mobile</a> input.</p></td>
-    </tr>
-    <tr>
-      <th>landscape</th>
-      <td><p>See <a href='preview_mobile.html'>preview_mobile</a> input.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">create_app_ui</span><span class="op">(</span><span class="va">iframe</span>, <span class="va">device</span>, <span class="va">color</span>, <span class="va">landscape</span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>iframe</dt>
+<dd><p>iframe tag designed by <a href="preview_mobile.html">preview_mobile</a>.</p></dd>
 
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>device</dt>
+<dd><p>See <a href="preview_mobile.html">preview_mobile</a> input.</p></dd>
+
+
+<dt>color</dt>
+<dd><p>See <a href="preview_mobile.html">preview_mobile</a> input.</p></dd>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+<dt>landscape</dt>
+<dd><p>See <a href="preview_mobile.html">preview_mobile</a> input.</p></dd>
+
+</dl></div>
+
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Align.html b/docs/reference/f7Align.html
index 0af72e6a..2e9cd75a 100644
--- a/docs/reference/f7Align.html
+++ b/docs/reference/f7Align.html
@@ -1,244 +1,140 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 align utility — f7Align • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 align utility — f7Align" />
-<meta property="og:description" content="f7Align is an alignment utility for items." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Align is an alignment utility for items."><title>Framework7 align utility — f7Align • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 align utility — f7Align"><meta property="og:description" content="f7Align is an alignment utility for items."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 align utility</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/typography.R'><code>R/typography.R</code></a></small>
-    <div class="hidden name"><code>f7Align.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 align utility</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/typography.R" class="external-link"><code>R/typography.R</code></a></small>
+      <div class="d-none name"><code>f7Align.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p><code>f7Align</code> is an alignment utility for items.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Align</span><span class='op'>(</span><span class='va'>tag</span>, side <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"left"</span>, <span class='st'>"center"</span>, <span class='st'>"right"</span>, <span class='st'>"justify"</span><span class='op'>)</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>Tag to align.</p></td>
-    </tr>
-    <tr>
-      <th>side</th>
-      <td><p>Side to align: "left", "center", "right" or "justify".</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Align"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-     navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Align"</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Row.html'>f7Row</a></span><span class='op'>(</span>
-      <span class='fu'>f7Align</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>h1</a></span><span class='op'>(</span><span class='st'>"Left"</span><span class='op'>)</span>, side <span class='op'>=</span> <span class='st'>"left"</span><span class='op'>)</span>,
-      <span class='fu'>f7Align</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>h1</a></span><span class='op'>(</span><span class='st'>"Center"</span><span class='op'>)</span>, side <span class='op'>=</span> <span class='st'>"center"</span><span class='op'>)</span>,
-      <span class='fu'>f7Align</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>h1</a></span><span class='op'>(</span><span class='st'>"Right"</span><span class='op'>)</span>, side <span class='op'>=</span> <span class='st'>"right"</span><span class='op'>)</span>
-     <span class='op'>)</span>
-    <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Align</span><span class="op">(</span><span class="va">tag</span>, side <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"left"</span>, <span class="st">"center"</span>, <span class="st">"right"</span>, <span class="st">"justify"</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>tag</dt>
+<dd><p>Tag to align.</p></dd>
+
+
+<dt>side</dt>
+<dd><p>Side to align: "left", "center", "right" or "justify".</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Align"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Align"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7Row.html">f7Row</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      <span class="fu">f7Align</span><span class="op">(</span><span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">h1</a></span><span class="op">(</span><span class="st">"Left"</span><span class="op">)</span>, side <span class="op">=</span> <span class="st">"left"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu">f7Align</span><span class="op">(</span><span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">h1</a></span><span class="op">(</span><span class="st">"Center"</span><span class="op">)</span>, side <span class="op">=</span> <span class="st">"center"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu">f7Align</span><span class="op">(</span><span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">h1</a></span><span class="op">(</span><span class="st">"Right"</span><span class="op">)</span>, side <span class="op">=</span> <span class="st">"right"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Badge.html b/docs/reference/f7Badge.html
index c9531b59..888ea924 100644
--- a/docs/reference/f7Badge.html
+++ b/docs/reference/f7Badge.html
@@ -1,247 +1,143 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 badge — f7Badge • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 badge — f7Badge" />
-<meta property="og:description" content="Container to highlight important information with color." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Container to highlight important information with color."><title>Framework7 badge — f7Badge • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 badge — f7Badge"><meta property="og:description" content="Container to highlight important information with color."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 badge</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Badge.R'><code>R/f7Badge.R</code></a></small>
-    <div class="hidden name"><code>f7Badge.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 badge</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Badge.R" class="external-link"><code>R/f7Badge.R</code></a></small>
+      <div class="d-none name"><code>f7Badge.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Container to highlight important information with color.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Badge</span><span class='op'>(</span><span class='va'>...</span>, color <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Badge content. Avoid long text.</p></td>
-    </tr>
-    <tr>
-      <th>color</th>
-      <td><p>Badge color: see here for valid colors <a href='https://framework7.io/docs/badge.html'>https://framework7.io/docs/badge.html</a>.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='va'>colors</span> <span class='op'>&lt;-</span> <span class='fu'><a href='getF7Colors.html'>getF7Colors</a></span><span class='op'>(</span><span class='op'>)</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Badges"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Badge"</span><span class='op'>)</span>,
-       <span class='fu'><a href='f7Block.html'>f7Block</a></span><span class='op'>(</span>
-         strong <span class='op'>=</span> <span class='cn'>TRUE</span>,
-         <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/seq.html'>seq_along</a></span><span class='op'>(</span><span class='va'>colors</span><span class='op'>)</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>i</span><span class='op'>)</span> <span class='op'>{</span>
-           <span class='fu'>f7Badge</span><span class='op'>(</span><span class='va'>colors</span><span class='op'>[[</span><span class='va'>i</span><span class='op'>]</span><span class='op'>]</span>, color <span class='op'>=</span> <span class='va'>colors</span><span class='op'>[[</span><span class='va'>i</span><span class='op'>]</span><span class='op'>]</span><span class='op'>)</span>
-         <span class='op'>}</span><span class='op'>)</span>
-       <span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Badge</span><span class="op">(</span><span class="va">...</span>, color <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Badge content. Avoid long text.</p></dd>
+
+
+<dt>color</dt>
+<dd><p>Badge color: see here for valid colors <a href="https://framework7.io/docs/badge.html" class="external-link">https://framework7.io/docs/badge.html</a>.</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="va">colors</span> <span class="op">&lt;-</span> <span class="fu"><a href="getF7Colors.html">getF7Colors</a></span><span class="op">(</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Badges"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Badge"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="block.html">f7Block</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         strong <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/seq.html" class="external-link">seq_along</a></span><span class="op">(</span><span class="va">colors</span><span class="op">)</span>, <span class="kw">function</span><span class="op">(</span><span class="va">i</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>           <span class="fu">f7Badge</span><span class="op">(</span><span class="va">colors</span><span class="op">[[</span><span class="va">i</span><span class="op">]</span><span class="op">]</span>, color <span class="op">=</span> <span class="va">colors</span><span class="op">[[</span><span class="va">i</span><span class="op">]</span><span class="op">]</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7BlockFooter.html b/docs/reference/f7BlockFooter.html
index eeba4faa..48942659 100644
--- a/docs/reference/f7BlockFooter.html
+++ b/docs/reference/f7BlockFooter.html
@@ -1,218 +1,112 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 block footer — f7BlockFooter • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 block footer — f7BlockFooter" />
-<meta property="og:description" content="f7BlockFooter creates a footer content for f7Block." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7BlockFooter creates a footer content for f7Block."><title>Framework7 block footer — f7BlockFooter • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 block footer — f7BlockFooter"><meta property="og:description" content="f7BlockFooter creates a footer content for f7Block."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 block footer</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Block.R'><code>R/f7Block.R</code></a></small>
-    <div class="hidden name"><code>f7BlockFooter.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 block footer</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Block.R" class="external-link"><code>R/f7Block.R</code></a></small>
+      <div class="d-none name"><code>f7BlockFooter.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>f7BlockFooter creates a footer content for <a href='f7Block.html'>f7Block</a>.</p>
+    <div class="ref-description section level2">
+    <p>f7BlockFooter creates a footer content for <a href="block.html">f7Block</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7BlockFooter</span><span class='op'>(</span>text <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>text</th>
-      <td><p>Any text.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7BlockFooter</span><span class="op">(</span>text <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>text</dt>
+<dd><p>Any text.</p></dd>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7BlockTitle.html b/docs/reference/f7BlockTitle.html
index 50936456..1287ebeb 100644
--- a/docs/reference/f7BlockTitle.html
+++ b/docs/reference/f7BlockTitle.html
@@ -1,222 +1,116 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 block title — f7BlockTitle • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 block title — f7BlockTitle" />
-<meta property="og:description" content="f7BlockTitle creates a title for f7Block." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7BlockTitle creates a title for f7Block."><title>Framework7 block title — f7BlockTitle • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 block title — f7BlockTitle"><meta property="og:description" content="f7BlockTitle creates a title for f7Block."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 block title</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Block.R'><code>R/f7Block.R</code></a></small>
-    <div class="hidden name"><code>f7BlockTitle.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 block title</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Block.R" class="external-link"><code>R/f7Block.R</code></a></small>
+      <div class="d-none name"><code>f7BlockTitle.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p><code>f7BlockTitle</code> creates a title for <a href='f7Block.html'>f7Block</a>.</p>
+    <div class="ref-description section level2">
+    <p><code>f7BlockTitle</code> creates a title for <a href="block.html">f7Block</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7BlockTitle</span><span class='op'>(</span>title <span class='op'>=</span> <span class='cn'>NULL</span>, size <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7BlockTitle</span><span class="op">(</span>title <span class="op">=</span> <span class="cn">NULL</span>, size <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>title</th>
-      <td><p>Block title.</p></td>
-    </tr>
-    <tr>
-      <th>size</th>
-      <td><p>Block title size. NULL by default or "medium", "large".</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>title</dt>
+<dd><p>Block title.</p></dd>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+<dt>size</dt>
+<dd><p>Block title size. NULL by default or "medium", "large".</p></dd>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Chip.html b/docs/reference/f7Chip.html
index 3e100c5e..36ce1a30 100644
--- a/docs/reference/f7Chip.html
+++ b/docs/reference/f7Chip.html
@@ -1,277 +1,173 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 chips — f7Chip • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 chips — f7Chip" />
-<meta property="og:description" content="f7Chip is an improved badge container." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Chip is an improved badge container."><title>Framework7 chips — f7Chip • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 chips — f7Chip"><meta property="og:description" content="f7Chip is an improved badge container."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 chips</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Chips.R'><code>R/f7Chips.R</code></a></small>
-    <div class="hidden name"><code>f7Chip.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 chips</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Chips.R" class="external-link"><code>R/f7Chips.R</code></a></small>
+      <div class="d-none name"><code>f7Chip.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p><code>f7Chip</code> is an improved badge container.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Chip</span><span class='op'>(</span>
-  label <span class='op'>=</span> <span class='cn'>NULL</span>,
-  image <span class='op'>=</span> <span class='cn'>NULL</span>,
-  icon <span class='op'>=</span> <span class='cn'>NULL</span>,
-  outline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  status <span class='op'>=</span> <span class='cn'>NULL</span>,
-  iconStatus <span class='op'>=</span> <span class='cn'>NULL</span>,
-  closable <span class='op'>=</span> <span class='cn'>FALSE</span>
-<span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Chip</span><span class="op">(</span></span>
+<span>  label <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  image <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  icon <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  outline <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  status <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  iconStatus <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  closable <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>label</th>
-      <td><p>Chip label.</p></td>
-    </tr>
-    <tr>
-      <th>image</th>
-      <td><p>Chip image, if any.</p></td>
-    </tr>
-    <tr>
-      <th>icon</th>
-      <td><p>Icon, if any. IOS and Material icons available.</p></td>
-    </tr>
-    <tr>
-      <th>outline</th>
-      <td><p>Whether to outline chip. FALSE by default.</p></td>
-    </tr>
-    <tr>
-      <th>status</th>
-      <td><p>Chip color: see here for valid colors <a href='https://framework7.io/docs/chips.html'>https://framework7.io/docs/chips.html</a>.</p></td>
-    </tr>
-    <tr>
-      <th>iconStatus</th>
-      <td><p>Chip icon color: see here for valid colors <a href='https://framework7.io/docs/chips.html'>https://framework7.io/docs/chips.html</a>.</p></td>
-    </tr>
-    <tr>
-      <th>closable</th>
-      <td><p>Whether to close the chip. FALSE by default.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>label</dt>
+<dd><p>Chip label.</p></dd>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+<dt>image</dt>
+<dd><p>Chip image, if any.</p></dd>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
 
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Chips"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-      navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Chip"</span><span class='op'>)</span>,
-      <span class='fu'><a href='f7Block.html'>f7Block</a></span><span class='op'>(</span>
-        strong <span class='op'>=</span> <span class='cn'>TRUE</span>,
-        <span class='fu'>f7Chip</span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"simple Chip"</span><span class='op'>)</span>,
-        <span class='fu'>f7Chip</span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"outline Chip"</span>, outline <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-        <span class='fu'>f7Chip</span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"icon Chip"</span>, icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"plus_circle_fill"</span><span class='op'>)</span>, iconStatus <span class='op'>=</span> <span class='st'>"pink"</span><span class='op'>)</span>,
-        <span class='fu'>f7Chip</span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"image Chip"</span>, image <span class='op'>=</span> <span class='st'>"https://loremflickr.com/g/320/240/london"</span><span class='op'>)</span>,
-        <span class='fu'>f7Chip</span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"closable Chip"</span>, closable <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-        <span class='fu'>f7Chip</span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"colored Chip"</span>, status <span class='op'>=</span> <span class='st'>"green"</span><span class='op'>)</span>,
-        <span class='fu'>f7Chip</span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"colored outline Chip"</span>, status <span class='op'>=</span> <span class='st'>"green"</span>, outline <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>
-      <span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
+<dt>icon</dt>
+<dd><p>Icon, if any. IOS and Material icons available.</p></dd>
 
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
+<dt>outline</dt>
+<dd><p>Whether to outline chip. FALSE by default.</p></dd>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+
+<dt>status</dt>
+<dd><p>Chip color: see here for valid colors <a href="https://framework7.io/docs/chips.html" class="external-link">https://framework7.io/docs/chips.html</a>.</p></dd>
+
+
+<dt>iconStatus</dt>
+<dd><p>Chip icon color: see here for valid colors <a href="https://framework7.io/docs/chips.html" class="external-link">https://framework7.io/docs/chips.html</a>.</p></dd>
+
+
+<dt>closable</dt>
+<dd><p>Whether to close the chip. FALSE by default.</p></dd>
+
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Chips"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Chip"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="block.html">f7Block</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        strong <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>        <span class="fu">f7Chip</span><span class="op">(</span>label <span class="op">=</span> <span class="st">"simple Chip"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu">f7Chip</span><span class="op">(</span>label <span class="op">=</span> <span class="st">"outline Chip"</span>, outline <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu">f7Chip</span><span class="op">(</span>label <span class="op">=</span> <span class="st">"icon Chip"</span>, icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"plus_circle_fill"</span><span class="op">)</span>, iconStatus <span class="op">=</span> <span class="st">"pink"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu">f7Chip</span><span class="op">(</span>label <span class="op">=</span> <span class="st">"image Chip"</span>, image <span class="op">=</span> <span class="st">"https://loremflickr.com/g/320/240/london"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu">f7Chip</span><span class="op">(</span>label <span class="op">=</span> <span class="st">"closable Chip"</span>, closable <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu">f7Chip</span><span class="op">(</span>label <span class="op">=</span> <span class="st">"colored Chip"</span>, status <span class="op">=</span> <span class="st">"green"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu">f7Chip</span><span class="op">(</span>label <span class="op">=</span> <span class="st">"colored outline Chip"</span>, status <span class="op">=</span> <span class="st">"green"</span>, outline <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Col.html b/docs/reference/f7Col.html
index e2bed2e6..d7144d46 100644
--- a/docs/reference/f7Col.html
+++ b/docs/reference/f7Col.html
@@ -1,223 +1,118 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 column container — f7Col • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 column container — f7Col" />
-<meta property="og:description" content="Build a Framework7 column container" />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 column container"><title>Framework7 column container — f7Col • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 column container — f7Col"><meta property="og:description" content="Build a Framework7 column container"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 column container</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Grid.R'><code>R/f7Grid.R</code></a></small>
-    <div class="hidden name"><code>f7Col.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 column container</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Grid.R" class="external-link"><code>R/f7Grid.R</code></a></small>
+      <div class="d-none name"><code>f7Col.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Build a Framework7 column container</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Col</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Column content. The width is automatically handled depending
-on the number of columns.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Col</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="note"><a class="anchor" href="#note"></a>Note</h2>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Column content. The width is automatically handled depending
+on the number of columns.</p></dd>
 
-    <p>The dark theme does not work for items embedded in a column. Use <a href='f7Flex.html'>f7Flex</a>
+</dl></div>
+    <div class="section level2">
+    <h2 id="note">Note<a class="anchor" aria-label="anchor" href="#note"></a></h2>
+    <p>The dark theme does not work for items embedded in a column. Use <a href="f7Flex.html">f7Flex</a>
 instead.</p>
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
+    </div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7ColorPicker.html b/docs/reference/f7ColorPicker.html
index 159e6c24..f6a7d1ef 100644
--- a/docs/reference/f7ColorPicker.html
+++ b/docs/reference/f7ColorPicker.html
@@ -1,301 +1,196 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a Framework7 color picker input"><title>Create a Framework7 color picker input — f7ColorPicker • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a Framework7 color picker input — f7ColorPicker"><meta property="og:description" content="Create a Framework7 color picker input"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-<title>Create a Framework7 color picker input — f7ColorPicker • shinyMobile</title>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
+</li>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
+</li>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
+     
+  </a>
+</li>
+      </ul></div>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Create a Framework7 color picker input</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7-inputs.R" class="external-link"><code>R/f7-inputs.R</code></a></small>
+      <div class="d-none name"><code>f7ColorPicker.Rd</code></div>
+    </div>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div class="ref-description section level2">
+    <p>Create a Framework7 color picker input</p>
+    </div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7ColorPicker</span><span class="op">(</span></span>
+<span>  <span class="va">inputId</span>,</span>
+<span>  <span class="va">label</span>,</span>
+<span>  value <span class="op">=</span> <span class="st">"#ff0000"</span>,</span>
+<span>  placeholder <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  modules <span class="op">=</span> <span class="va">f7ColorPickerModules</span>,</span>
+<span>  palettes <span class="op">=</span> <span class="va">f7ColorPickerPalettes</span>,</span>
+<span>  sliderValue <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  sliderValueEditable <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  sliderLabel <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  hexLabel <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  hexValueEditable <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  groupedModules <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>inputId</dt>
+<dd><p>Color picker input.</p></dd>
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
 
+<dt>label</dt>
+<dd><p>Color picker label.</p></dd>
 
 
-  <link href="../extra.css" rel="stylesheet">
-  
+<dt>value</dt>
+<dd><p>Color picker value. hex, rgb, hsl, hsb, alpha, hue,
+rgba, hsla are supported.</p></dd>
 
-<meta property="og:title" content="Create a Framework7 color picker input — f7ColorPicker" />
-<meta property="og:description" content="Create a Framework7 color picker input" />
-<meta property="og:image" content="/logo.png" />
 
+<dt>placeholder</dt>
+<dd><p>Color picker placeholder.</p></dd>
 
 
+<dt>modules</dt>
+<dd><p>Picker color modules. Choose at least one.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<dt>palettes</dt>
+<dd><p>Picker color predefined palettes. Must be a list
+of color vectors, each value specified as HEX string.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
 
-      
+<dt>sliderValue</dt>
+<dd><p>When enabled, it will display sliders values.</p></dd>
 
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Framework7 color picker input</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7-inputs.R'><code>R/f7-inputs.R</code></a></small>
-    <div class="hidden name"><code>f7ColorPicker.Rd</code></div>
-    </div>
+<dt>sliderValueEditable</dt>
+<dd><p>When enabled, it will display sliders values as &lt;input&gt;
+elements to edit directly.</p></dd>
 
-    <div class="ref-description">
-    <p>Create a Framework7 color picker input</p>
-    </div>
 
-    <pre class="usage"><span class='fu'>f7ColorPicker</span><span class='op'>(</span>
-  <span class='va'>inputId</span>,
-  <span class='va'>label</span>,
-  value <span class='op'>=</span> <span class='st'>"#ff0000"</span>,
-  placeholder <span class='op'>=</span> <span class='cn'>NULL</span>,
-  modules <span class='op'>=</span> <span class='va'>f7ColorPickerModules</span>,
-  palettes <span class='op'>=</span> <span class='va'>f7ColorPickerPalettes</span>,
-  sliderValue <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  sliderValueEditable <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  sliderLabel <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  hexLabel <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  hexValueEditable <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  groupedModules <span class='op'>=</span> <span class='cn'>TRUE</span>
-<span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>inputId</th>
-      <td><p>Color picker input.</p></td>
-    </tr>
-    <tr>
-      <th>label</th>
-      <td><p>Color picker label.</p></td>
-    </tr>
-    <tr>
-      <th>value</th>
-      <td><p>Color picker value. hex, rgb, hsl, hsb, alpha, hue,
-rgba, hsla are supported.</p></td>
-    </tr>
-    <tr>
-      <th>placeholder</th>
-      <td><p>Color picker placeholder.</p></td>
-    </tr>
-    <tr>
-      <th>modules</th>
-      <td><p>Picker color modules. Choose at least one.</p></td>
-    </tr>
-    <tr>
-      <th>palettes</th>
-      <td><p>Picker color predefined palettes. Must be a list
-of color vectors, each value specified as HEX string.</p></td>
-    </tr>
-    <tr>
-      <th>sliderValue</th>
-      <td><p>When enabled, it will display sliders values.</p></td>
-    </tr>
-    <tr>
-      <th>sliderValueEditable</th>
-      <td><p>When enabled, it will display sliders values as &lt;input&gt;
-elements to edit directly.</p></td>
-    </tr>
-    <tr>
-      <th>sliderLabel</th>
-      <td><p>When enabled, it will display sliders labels with text.</p></td>
-    </tr>
-    <tr>
-      <th>hexLabel</th>
-      <td><p>When enabled, it will display HEX module label text, e.g. HEX.</p></td>
-    </tr>
-    <tr>
-      <th>hexValueEditable</th>
-      <td><p>When enabled, it will display HEX module value as &lt;input&gt; element to edit directly.</p></td>
-    </tr>
-    <tr>
-      <th>groupedModules</th>
-      <td><p>When enabled it will add more exposure
-to sliders modules to make them look more separated.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"My app"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7ColorPicker"</span><span class='op'>)</span>,
-       <span class='fu'>f7ColorPicker</span><span class='op'>(</span>
-         inputId <span class='op'>=</span> <span class='st'>"mycolorpicker"</span>,
-         placeholder <span class='op'>=</span> <span class='st'>"Some text here!"</span>,
-         label <span class='op'>=</span> <span class='st'>"Select a color"</span>
-       <span class='op'>)</span>,
-       <span class='st'>"The picker value is:"</span>,
-       <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/textOutput.html'>textOutput</a></span><span class='op'>(</span><span class='st'>"colorPickerVal"</span><span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span>
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>colorPickerVal</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPrint.html'>renderText</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>mycolorpicker</span><span class='op'>)</span>
-   <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>sliderLabel</dt>
+<dd><p>When enabled, it will display sliders labels with text.</p></dd>
+
+
+<dt>hexLabel</dt>
+<dd><p>When enabled, it will display HEX module label text, e.g. HEX.</p></dd>
+
+
+<dt>hexValueEditable</dt>
+<dd><p>When enabled, it will display HEX module value as &lt;input&gt; element to edit directly.</p></dd>
+
 
+<dt>groupedModules</dt>
+<dd><p>When enabled it will add more exposure
+to sliders modules to make them look more separated.</p></dd>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"My app"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7ColorPicker"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu">f7ColorPicker</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         inputId <span class="op">=</span> <span class="st">"mycolorpicker"</span>,</span></span>
+<span class="r-in"><span>         placeholder <span class="op">=</span> <span class="st">"Some text here!"</span>,</span></span>
+<span class="r-in"><span>         label <span class="op">=</span> <span class="st">"Select a color"</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="st">"The picker value is:"</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">textOutput</a></span><span class="op">(</span><span class="st">"colorPickerVal"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">colorPickerVal</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderText</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">mycolorpicker</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Dialog.html b/docs/reference/f7Dialog.html
index f7b2637c..d34e59bc 100644
--- a/docs/reference/f7Dialog.html
+++ b/docs/reference/f7Dialog.html
@@ -1,360 +1,255 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 dialog window — f7Dialog • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 dialog window — f7Dialog" />
-<meta property="og:description" content="f7Dialog generates a modal window." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Dialog generates a modal window."><title>Framework7 dialog window — f7Dialog • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 dialog window — f7Dialog"><meta property="og:description" content="f7Dialog generates a modal window."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 dialog window</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Dialog.R'><code>R/f7Dialog.R</code></a></small>
-    <div class="hidden name"><code>f7Dialog.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 dialog window</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Dialog.R" class="external-link"><code>R/f7Dialog.R</code></a></small>
+      <div class="d-none name"><code>f7Dialog.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p><code>f7Dialog</code> generates a modal window.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Dialog</span><span class='op'>(</span>
-  id <span class='op'>=</span> <span class='cn'>NULL</span>,
-  title <span class='op'>=</span> <span class='cn'>NULL</span>,
-  <span class='va'>text</span>,
-  type <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"alert"</span>, <span class='st'>"confirm"</span>, <span class='st'>"prompt"</span>, <span class='st'>"login"</span><span class='op'>)</span>,
-  session <span class='op'>=</span> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span><span class='op'>(</span><span class='op'>)</span>
-<span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>id</th>
-      <td><p>Input associated to the alert. Works when type is one of
-"confirm", "prompt" or "login".</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Dialog title</p></td>
-    </tr>
-    <tr>
-      <th>text</th>
-      <td><p>Dialog text.</p></td>
-    </tr>
-    <tr>
-      <th>type</th>
-      <td><p>Dialog type: <code><a href='https://rdrr.io/r/base/c.html'>c("alert", "confirm", "prompt", "login")</a></code>.</p></td>
-    </tr>
-    <tr>
-      <th>session</th>
-      <td><p>shiny session.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='co'># simple alert</span>
-<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
-  <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
-  <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-  <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-    ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-      title <span class='op'>=</span> <span class='st'>"Simple Dialog"</span>,
-      <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-        navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Dialog"</span><span class='op'>)</span>,
-        <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"goButton"</span>, <span class='st'>"Go!"</span><span class='op'>)</span>
-      <span class='op'>)</span>
-    <span class='op'>)</span>,
-    server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-      <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>goButton</span>,<span class='op'>{</span>
-        <span class='fu'>f7Dialog</span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='st'>"Dialog title"</span>,
-         text <span class='op'>=</span> <span class='st'>"This is an alert dialog"</span>
-        <span class='op'>)</span>
-      <span class='op'>}</span><span class='op'>)</span>
-    <span class='op'>}</span>
-  <span class='op'>)</span>
-<span class='op'>}</span>
-<span class='co'># confirm alert</span>
-<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Confirm Dialog"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Dialog"</span><span class='op'>)</span>,
-       <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"goButton"</span>, <span class='st'>"Go!"</span><span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>goButton</span>,<span class='op'>{</span>
-       <span class='fu'>f7Dialog</span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"test"</span>,
-         title <span class='op'>=</span> <span class='st'>"Dialog title"</span>,
-         type <span class='op'>=</span> <span class='st'>"confirm"</span>,
-         text <span class='op'>=</span> <span class='st'>"This is an alert dialog"</span>
-       <span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>test</span>, <span class='op'>{</span>
-       <span class='fu'><a href='f7Toast.html'>f7Toast</a></span><span class='op'>(</span>text <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Alert input is:"</span>, <span class='va'>input</span><span class='op'>$</span><span class='va'>test</span><span class='op'>)</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-   <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-<span class='co'># prompt dialog</span>
-<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Prompt Dialog"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Dialog"</span><span class='op'>)</span>,
-       <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"goButton"</span>, <span class='st'>"Go!"</span><span class='op'>)</span>,
-       <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/htmlOutput.html'>uiOutput</a></span><span class='op'>(</span><span class='st'>"res"</span><span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observe.html'>observe</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>prompt</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>goButton</span>,<span class='op'>{</span>
-       <span class='fu'>f7Dialog</span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"prompt"</span>,
-         title <span class='op'>=</span> <span class='st'>"Dialog title"</span>,
-         type <span class='op'>=</span> <span class='st'>"prompt"</span>,
-         text <span class='op'>=</span> <span class='st'>"This is a prompt dialog"</span>
-       <span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>res</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderUI.html'>renderUI</a></span><span class='op'>(</span><span class='fu'><a href='f7BlockTitle.html'>f7BlockTitle</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='va'>input</span><span class='op'>$</span><span class='va'>prompt</span>, size <span class='op'>=</span> <span class='st'>"large"</span><span class='op'>)</span><span class='op'>)</span>
-   <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-
-<span class='co'># login dialog</span>
-<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Login Dialog"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Dialog"</span><span class='op'>)</span>,
-       <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"goButton"</span>, <span class='st'>"Go!"</span><span class='op'>)</span>,
-       <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/htmlOutput.html'>uiOutput</a></span><span class='op'>(</span><span class='st'>"ui"</span><span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observe.html'>observe</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>login</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>goButton</span>,<span class='op'>{</span>
-       <span class='fu'>f7Dialog</span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"login"</span>,
-         title <span class='op'>=</span> <span class='st'>"Dialog title"</span>,
-         type <span class='op'>=</span> <span class='st'>"login"</span>,
-         text <span class='op'>=</span> <span class='st'>"This is an login dialog"</span>
-       <span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Dialog</span><span class="op">(</span></span>
+<span>  id <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  <span class="va">text</span>,</span>
+<span>  type <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"alert"</span>, <span class="st">"confirm"</span>, <span class="st">"prompt"</span>, <span class="st">"login"</span><span class="op">)</span>,</span>
+<span>  session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>ui</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderUI.html'>renderUI</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/req.html'>req</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>login</span><span class='op'>$</span><span class='va'>user</span> <span class='op'>==</span> <span class='st'>"David"</span> <span class='op'>&amp;</span> <span class='va'>input</span><span class='op'>$</span><span class='va'>login</span><span class='op'>$</span><span class='va'>password</span> <span class='op'>==</span> <span class='st'>"prout"</span><span class='op'>)</span>
-       <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>img</a></span><span class='op'>(</span>src <span class='op'>=</span> <span class='st'>"https://media2.giphy.com/media/12gfL8Xxrhv7C1fXiV/giphy.gif"</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-   <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>id</dt>
+<dd><p>Input associated to the alert. Works when type is one of
+"confirm", "prompt" or "login".</p></dd>
+
+
+<dt>title</dt>
+<dd><p>Dialog title</p></dd>
+
+
+<dt>text</dt>
+<dd><p>Dialog text.</p></dd>
+
+
+<dt>type</dt>
+<dd><p>Dialog type: <code>c("alert", "confirm", "prompt", "login")</code>.</p></dd>
+
+
+<dt>session</dt>
+<dd><p>shiny session.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># simple alert</span></span></span>
+<span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>  <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      title <span class="op">=</span> <span class="st">"Simple Dialog"</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Dialog"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"goButton"</span>, <span class="st">"Go!"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span>,</span></span>
+<span class="r-in"><span>    server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">goButton</span>,<span class="op">{</span></span></span>
+<span class="r-in"><span>        <span class="fu">f7Dialog</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Dialog title"</span>,</span></span>
+<span class="r-in"><span>         text <span class="op">=</span> <span class="st">"This is an alert dialog"</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span><span class="co"># confirm alert</span></span></span>
+<span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Confirm Dialog"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Dialog"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"goButton"</span>, <span class="st">"Go!"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">goButton</span>,<span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu">f7Dialog</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Dialog title"</span>,</span></span>
+<span class="r-in"><span>         type <span class="op">=</span> <span class="st">"confirm"</span>,</span></span>
+<span class="r-in"><span>         text <span class="op">=</span> <span class="st">"This is an alert dialog"</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">test</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Toast.html">f7Toast</a></span><span class="op">(</span>text <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Alert input is:"</span>, <span class="va">input</span><span class="op">$</span><span class="va">test</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span><span class="co"># prompt dialog</span></span></span>
+<span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Prompt Dialog"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Dialog"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"goButton"</span>, <span class="st">"Go!"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html" class="external-link">uiOutput</a></span><span class="op">(</span><span class="st">"res"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observe.html" class="external-link">observe</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">prompt</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">goButton</span>,<span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu">f7Dialog</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"prompt"</span>,</span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Dialog title"</span>,</span></span>
+<span class="r-in"><span>         type <span class="op">=</span> <span class="st">"prompt"</span>,</span></span>
+<span class="r-in"><span>         text <span class="op">=</span> <span class="st">"This is a prompt dialog"</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">res</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html" class="external-link">renderUI</a></span><span class="op">(</span><span class="fu"><a href="f7BlockTitle.html">f7BlockTitle</a></span><span class="op">(</span>title <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">prompt</span>, size <span class="op">=</span> <span class="st">"large"</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span><span class="co"># login dialog</span></span></span>
+<span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Login Dialog"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Dialog"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"goButton"</span>, <span class="st">"Go!"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html" class="external-link">uiOutput</a></span><span class="op">(</span><span class="st">"ui"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observe.html" class="external-link">observe</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">login</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">goButton</span>,<span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu">f7Dialog</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"login"</span>,</span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Dialog title"</span>,</span></span>
+<span class="r-in"><span>         type <span class="op">=</span> <span class="st">"login"</span>,</span></span>
+<span class="r-in"><span>         text <span class="op">=</span> <span class="st">"This is an login dialog"</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">ui</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html" class="external-link">renderUI</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/req.html" class="external-link">req</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">login</span><span class="op">$</span><span class="va">user</span> <span class="op">==</span> <span class="st">"David"</span> <span class="op">&amp;</span> <span class="va">input</span><span class="op">$</span><span class="va">login</span><span class="op">$</span><span class="va">password</span> <span class="op">==</span> <span class="st">"prout"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">img</a></span><span class="op">(</span>src <span class="op">=</span> <span class="st">"https://media2.giphy.com/media/12gfL8Xxrhv7C1fXiV/giphy.gif"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7DownloadButton.html b/docs/reference/f7DownloadButton.html
index 75f83eab..a86917f0 100644
--- a/docs/reference/f7DownloadButton.html
+++ b/docs/reference/f7DownloadButton.html
@@ -1,261 +1,159 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Create a download button — f7DownloadButton • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a download button — f7DownloadButton" />
-<meta property="og:description" content="Use these functions to create a download button;
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use these functions to create a download button;
 when clicked, it will initiate a browser download. The
 filename and contents are specified by the corresponding
-shiny downloadHandler() defined in the server function." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+shiny downloadHandler() defined in the server function."><title>Create a download button — f7DownloadButton • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a download button — f7DownloadButton"><meta property="og:description" content="Use these functions to create a download button;
+when clicked, it will initiate a browser download. The
+filename and contents are specified by the corresponding
+shiny downloadHandler() defined in the server function."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a download button</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7-download.R'><code>R/f7-download.R</code></a></small>
-    <div class="hidden name"><code>f7DownloadButton.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Create a download button</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7-download.R" class="external-link"><code>R/f7-download.R</code></a></small>
+      <div class="d-none name"><code>f7DownloadButton.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Use these functions to create a download button;
 when clicked, it will initiate a browser download. The
 filename and contents are specified by the corresponding
 shiny downloadHandler() defined in the server function.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7DownloadButton</span><span class='op'>(</span><span class='va'>outputId</span>, label <span class='op'>=</span> <span class='st'>"Download"</span>, class <span class='op'>=</span> <span class='cn'>NULL</span>, <span class='va'>...</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>outputId</th>
-      <td><p>The name of the output slot that the downloadHandler is assigned to.</p></td>
-    </tr>
-    <tr>
-      <th>label</th>
-      <td><p>The label that should appear on the button.</p></td>
-    </tr>
-    <tr>
-      <th>class</th>
-      <td><p>Additional CSS classes to apply to the tag, if any.</p></td>
-    </tr>
-    <tr>
-      <th>...</th>
-      <td><p>Other arguments to pass to the container tag function.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='va'>ui</span> <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-  <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-    navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"File handling"</span><span class='op'>)</span>,
-    <span class='fu'>f7DownloadButton</span><span class='op'>(</span><span class='st'>"download"</span>,<span class='st'>"Download!"</span><span class='op'>)</span>
-  <span class='op'>)</span>
- <span class='op'>)</span>
-
- <span class='va'>server</span> <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-   <span class='co'># Our dataset</span>
-   <span class='va'>data</span> <span class='op'>&lt;-</span> <span class='va'>mtcars</span>
-
-   <span class='va'>output</span><span class='op'>$</span><span class='va'>download</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/downloadHandler.html'>downloadHandler</a></span><span class='op'>(</span>
-     filename <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='op'>)</span> <span class='op'>{</span>
-       <span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"data-"</span>, <span class='fu'><a href='https://rdrr.io/r/base/Sys.time.html'>Sys.Date</a></span><span class='op'>(</span><span class='op'>)</span>, <span class='st'>".csv"</span>, sep<span class='op'>=</span><span class='st'>""</span><span class='op'>)</span>
-     <span class='op'>}</span>,
-     content <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>file</span><span class='op'>)</span> <span class='op'>{</span>
-       <span class='fu'><a href='https://rdrr.io/r/utils/write.table.html'>write.csv</a></span><span class='op'>(</span><span class='va'>data</span>, <span class='va'>file</span><span class='op'>)</span>
-     <span class='op'>}</span>
-   <span class='op'>)</span>
- <span class='op'>}</span>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7DownloadButton</span><span class="op">(</span><span class="va">outputId</span>, label <span class="op">=</span> <span class="st">"Download"</span>, class <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">...</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span><span class='va'>ui</span>, <span class='va'>server</span><span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>outputId</dt>
+<dd><p>The name of the output slot that the downloadHandler is assigned to.</p></dd>
+
+
+<dt>label</dt>
+<dd><p>The label that should appear on the button.</p></dd>
+
+
+<dt>class</dt>
+<dd><p>Additional CSS classes to apply to the tag, if any.</p></dd>
+
+
+<dt>...</dt>
+<dd><p>Other arguments to pass to the container tag function.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="va">ui</span> <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"File handling"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu">f7DownloadButton</span><span class="op">(</span><span class="st">"download"</span>,<span class="st">"Download!"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="va">server</span> <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>   <span class="co"># Our dataset</span></span></span>
+<span class="r-in"><span>   <span class="va">data</span> <span class="op">&lt;-</span> <span class="va">mtcars</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>   <span class="va">output</span><span class="op">$</span><span class="va">download</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/downloadHandler.html" class="external-link">downloadHandler</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     filename <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"data-"</span>, <span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html" class="external-link">Sys.Date</a></span><span class="op">(</span><span class="op">)</span>, <span class="st">".csv"</span>, sep<span class="op">=</span><span class="st">""</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span>,</span></span>
+<span class="r-in"><span>     content <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">file</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/r/utils/write.table.html" class="external-link">write.csv</a></span><span class="op">(</span><span class="va">data</span>, <span class="va">file</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span><span class="va">ui</span>, <span class="va">server</span><span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7FabClose.html b/docs/reference/f7FabClose.html
index 47573def..dd0a6570 100644
--- a/docs/reference/f7FabClose.html
+++ b/docs/reference/f7FabClose.html
@@ -1,215 +1,108 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 FAB close — f7FabClose • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 FAB close — f7FabClose" />
-<meta property="og:description" content="f7FabClose indicates that the current tag should close the f7Fabs." />
-<meta property="og:image" content="/logo.png" />
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7FabClose indicates that the current tag should close the f7Fabs."><title>Framework7 FAB close — f7FabClose • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 FAB close — f7FabClose"><meta property="og:description" content="f7FabClose indicates that the current tag should close the f7Fabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 FAB close</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Fab.R'><code>R/f7Fab.R</code></a></small>
-    <div class="hidden name"><code>f7FabClose.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 FAB close</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Fab.R" class="external-link"><code>R/f7Fab.R</code></a></small>
+      <div class="d-none name"><code>f7FabClose.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p><code>f7FabClose</code> indicates that the current tag should close the <a href='f7Fabs.html'>f7Fabs</a>.</p>
+    <div class="ref-description section level2">
+    <p><code>f7FabClose</code> indicates that the current tag should close the <a href="fabs.html">f7Fabs</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7FabClose</span><span class='op'>(</span><span class='va'>tag</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7FabClose</span><span class="op">(</span><span class="va">tag</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>Target tag.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>tag</dt>
+<dd><p>Target tag.</p></dd>
 
+</dl></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7File.html b/docs/reference/f7File.html
index 56036fd1..f6684031 100644
--- a/docs/reference/f7File.html
+++ b/docs/reference/f7File.html
@@ -1,270 +1,166 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>File Upload Control — f7File • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="File Upload Control — f7File" />
-<meta property="og:description" content="Create a file upload control that can be used
-to upload one or more files." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a file upload control that can be used
+to upload one or more files."><title>File Upload Control — f7File • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="File Upload Control — f7File"><meta property="og:description" content="Create a file upload control that can be used
+to upload one or more files."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>File Upload Control</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7-upload.R'><code>R/f7-upload.R</code></a></small>
-    <div class="hidden name"><code>f7File.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>File Upload Control</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7-upload.R" class="external-link"><code>R/f7-upload.R</code></a></small>
+      <div class="d-none name"><code>f7File.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Create a file upload control that can be used
 to upload one or more files.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7File</span><span class='op'>(</span>
-  <span class='va'>inputId</span>,
-  <span class='va'>label</span>,
-  multiple <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  accept <span class='op'>=</span> <span class='cn'>NULL</span>,
-  width <span class='op'>=</span> <span class='cn'>NULL</span>,
-  buttonLabel <span class='op'>=</span> <span class='st'>"Browse..."</span>,
-  placeholder <span class='op'>=</span> <span class='st'>"No file selected"</span>
-<span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7File</span><span class="op">(</span></span>
+<span>  <span class="va">inputId</span>,</span>
+<span>  <span class="va">label</span>,</span>
+<span>  multiple <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  accept <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  width <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  buttonLabel <span class="op">=</span> <span class="st">"Browse..."</span>,</span>
+<span>  placeholder <span class="op">=</span> <span class="st">"No file selected"</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>inputId</th>
-      <td><p>The input slot that will be used to access the value.</p></td>
-    </tr>
-    <tr>
-      <th>label</th>
-      <td><p>Display label for the control, or NULL for no label.</p></td>
-    </tr>
-    <tr>
-      <th>multiple</th>
-      <td><p>Whether the user should be allowed to select and
-upload multiple files at once. Does not work on older browsers, including Internet Explorer 9 and earlier.</p></td>
-    </tr>
-    <tr>
-      <th>accept</th>
-      <td><p>A character vector of MIME types; gives the browser a hint of what kind of files the server is expecting.</p></td>
-    </tr>
-    <tr>
-      <th>width</th>
-      <td><p>The width of the input, e.g. 400px, or 100%.</p></td>
-    </tr>
-    <tr>
-      <th>buttonLabel</th>
-      <td><p>The label used on the button. Can be text or an HTML tag object.</p></td>
-    </tr>
-    <tr>
-      <th>placeholder</th>
-      <td><p>The text to show before a file has been uploaded.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>inputId</dt>
+<dd><p>The input slot that will be used to access the value.</p></dd>
 
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
+<dt>label</dt>
+<dd><p>Display label for the control, or NULL for no label.</p></dd>
 
- <span class='va'>ui</span> <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-   <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-     navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"File handling"</span><span class='op'>)</span>,
-     <span class='fu'>f7File</span><span class='op'>(</span><span class='st'>"up"</span>, <span class='st'>"Upload!"</span><span class='op'>)</span>
-   <span class='op'>)</span>
- <span class='op'>)</span>
 
- <span class='va'>server</span> <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span>
-   <span class='va'>data</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/reactive.html'>reactive</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>up</span><span class='op'>)</span>
-   <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observe.html'>observe</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/utils/data.html'>data</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>)</span>
- <span class='op'>}</span>
+<dt>multiple</dt>
+<dd><p>Whether the user should be allowed to select and
+upload multiple files at once. Does not work on older browsers, including Internet Explorer 9 and earlier.</p></dd>
 
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span><span class='va'>ui</span>, <span class='va'>server</span><span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
+<dt>accept</dt>
+<dd><p>A character vector of MIME types; gives the browser a hint of what kind of files the server is expecting.</p></dd>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+
+<dt>width</dt>
+<dd><p>The width of the input, e.g. 400px, or 100%.</p></dd>
+
+
+<dt>buttonLabel</dt>
+<dd><p>The label used on the button. Can be text or an HTML tag object.</p></dd>
+
+
+<dt>placeholder</dt>
+<dd><p>The text to show before a file has been uploaded.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="va">ui</span> <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"File handling"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">f7File</span><span class="op">(</span><span class="st">"up"</span>, <span class="st">"Upload!"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="va">server</span> <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>   <span class="va">data</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/reactive.html" class="external-link">reactive</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">up</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observe.html" class="external-link">observe</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span><span class="va">ui</span>, <span class="va">server</span><span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Flex.html b/docs/reference/f7Flex.html
index 6d41b8e4..bdbf8e97 100644
--- a/docs/reference/f7Flex.html
+++ b/docs/reference/f7Flex.html
@@ -1,240 +1,136 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 flex container — f7Flex • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 flex container — f7Flex" />
-<meta property="og:description" content="Build a Framework7 flex container" />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 flex container"><title>Framework7 flex container — f7Flex • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 flex container — f7Flex"><meta property="og:description" content="Build a Framework7 flex container"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 flex container</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Grid.R'><code>R/f7Grid.R</code></a></small>
-    <div class="hidden name"><code>f7Flex.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 flex container</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Grid.R" class="external-link"><code>R/f7Grid.R</code></a></small>
+      <div class="d-none name"><code>f7Flex.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Build a Framework7 flex container</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Flex</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Items.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Align"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-     navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Flex"</span><span class='op'>)</span>,
-     <span class='fu'>f7Flex</span><span class='op'>(</span>
-      <span class='fu'><a href='f7Block.html'>f7Block</a></span><span class='op'>(</span>strong <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-      <span class='fu'><a href='f7Block.html'>f7Block</a></span><span class='op'>(</span>strong <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-      <span class='fu'><a href='f7Block.html'>f7Block</a></span><span class='op'>(</span>strong <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>
-     <span class='op'>)</span>
-    <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Flex</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Items.</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Align"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Flex"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">f7Flex</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="block.html">f7Block</a></span><span class="op">(</span>strong <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="block.html">f7Block</a></span><span class="op">(</span>strong <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="block.html">f7Block</a></span><span class="op">(</span>strong <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Float.html b/docs/reference/f7Float.html
index ec0aac50..f8bcd08b 100644
--- a/docs/reference/f7Float.html
+++ b/docs/reference/f7Float.html
@@ -1,241 +1,137 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 float utility — f7Float • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 float utility — f7Float" />
-<meta property="og:description" content="f7Float is an alignment utility for items." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Float is an alignment utility for items."><title>Framework7 float utility — f7Float • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 float utility — f7Float"><meta property="og:description" content="f7Float is an alignment utility for items."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 float utility</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/typography.R'><code>R/typography.R</code></a></small>
-    <div class="hidden name"><code>f7Float.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 float utility</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/typography.R" class="external-link"><code>R/typography.R</code></a></small>
+      <div class="d-none name"><code>f7Float.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p><code>f7Float</code> is an alignment utility for items.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Float</span><span class='op'>(</span><span class='va'>tag</span>, side <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"left"</span>, <span class='st'>"right"</span><span class='op'>)</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>Tag to float.</p></td>
-    </tr>
-    <tr>
-      <th>side</th>
-      <td><p>Side to float: "left" or "right".</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Float"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-     navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Float"</span><span class='op'>)</span>,
-     <span class='fu'>f7Float</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>h1</a></span><span class='op'>(</span><span class='st'>"Left"</span><span class='op'>)</span>, side <span class='op'>=</span> <span class='st'>"left"</span><span class='op'>)</span>,
-    <span class='fu'>f7Float</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>h1</a></span><span class='op'>(</span><span class='st'>"Right"</span><span class='op'>)</span>, side <span class='op'>=</span> <span class='st'>"right"</span><span class='op'>)</span>
-    <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Float</span><span class="op">(</span><span class="va">tag</span>, side <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"left"</span>, <span class="st">"right"</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>tag</dt>
+<dd><p>Tag to float.</p></dd>
+
+
+<dt>side</dt>
+<dd><p>Side to float: "left" or "right".</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Float"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Float"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">f7Float</span><span class="op">(</span><span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">h1</a></span><span class="op">(</span><span class="st">"Left"</span><span class="op">)</span>, side <span class="op">=</span> <span class="st">"left"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu">f7Float</span><span class="op">(</span><span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">h1</a></span><span class="op">(</span><span class="st">"Right"</span><span class="op">)</span>, side <span class="op">=</span> <span class="st">"right"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Found.html b/docs/reference/f7Found.html
index d0f31518..007e3d9d 100644
--- a/docs/reference/f7Found.html
+++ b/docs/reference/f7Found.html
@@ -1,216 +1,109 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Utility to display an item when the search is successful. — f7Found • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Utility to display an item when the search is successful. — f7Found" />
-<meta property="og:description" content="Use with f7Searchbar." />
-<meta property="og:image" content="/logo.png" />
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to display an item when the search is successful. — f7Found • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Utility to display an item when the search is successful. — f7Found"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Utility to display an item when the search is successful.</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Searchbar.R'><code>R/f7Searchbar.R</code></a></small>
-    <div class="hidden name"><code>f7Found.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Utility to display an item when the search is successful.</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Searchbar.R" class="external-link"><code>R/f7Searchbar.R</code></a></small>
+      <div class="d-none name"><code>f7Found.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>Use with <a href='f7Searchbar.html'>f7Searchbar</a>.</p>
+    <div class="ref-description section level2">
+    <p>Use with <a href="f7Searchbar.html">f7Searchbar</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Found</span><span class='op'>(</span><span class='va'>tag</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Found</span><span class="op">(</span><span class="va">tag</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>tag to display. When using <a href='f7Searchbar.html'>f7Searchbar</a>, one must
-wrap the items to search in inside f7Found.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>tag</dt>
+<dd><p>tag to display. When using <a href="f7Searchbar.html">f7Searchbar</a>, one must
+wrap the items to search in inside f7Found.</p></dd>
 
+</dl></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Gallery.html b/docs/reference/f7Gallery.html
index ec930f6e..f29ed8ae 100644
--- a/docs/reference/f7Gallery.html
+++ b/docs/reference/f7Gallery.html
@@ -1,214 +1,111 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Launch the shinyMobile Gallery — f7Gallery • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Launch the shinyMobile Gallery — f7Gallery" />
-<meta property="og:description" content="A gallery of all components available in shinyMobile." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A gallery of all components available in shinyMobile."><title>Launch the shinyMobile Gallery — f7Gallery • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Launch the shinyMobile Gallery — f7Gallery"><meta property="og:description" content="A gallery of all components available in shinyMobile."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Launch the shinyMobile Gallery</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Gallery.R'><code>R/f7Gallery.R</code></a></small>
-    <div class="hidden name"><code>f7Gallery.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Launch the shinyMobile Gallery</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Gallery.R" class="external-link"><code>R/f7Gallery.R</code></a></small>
+      <div class="d-none name"><code>f7Gallery.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>A gallery of all components available in shinyMobile.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Gallery</span><span class='op'>(</span><span class='op'>)</span></pre>
-
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Gallery</span><span class="op">(</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
- <span class='fu'>f7Gallery</span><span class='op'>(</span><span class='op'>)</span>
 
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu">f7Gallery</span><span class="op">(</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7HideOnEnable.html b/docs/reference/f7HideOnEnable.html
index ebcfd2aa..885f0f94 100644
--- a/docs/reference/f7HideOnEnable.html
+++ b/docs/reference/f7HideOnEnable.html
@@ -1,215 +1,108 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Utility to hide a given tag when f7Searchbar is enabled. — f7HideOnEnable • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Utility to hide a given tag when f7Searchbar is enabled. — f7HideOnEnable" />
-<meta property="og:description" content="Use with f7Searchbar." />
-<meta property="og:image" content="/logo.png" />
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to hide a given tag when f7Searchbar is enabled. — f7HideOnEnable • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Utility to hide a given tag when f7Searchbar is enabled. — f7HideOnEnable"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Utility to hide a given tag when <a href='f7Searchbar.html'>f7Searchbar</a> is enabled.</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Searchbar.R'><code>R/f7Searchbar.R</code></a></small>
-    <div class="hidden name"><code>f7HideOnEnable.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Utility to hide a given tag when <a href="f7Searchbar.html">f7Searchbar</a> is enabled.</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Searchbar.R" class="external-link"><code>R/f7Searchbar.R</code></a></small>
+      <div class="d-none name"><code>f7HideOnEnable.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>Use with <a href='f7Searchbar.html'>f7Searchbar</a>.</p>
+    <div class="ref-description section level2">
+    <p>Use with <a href="f7Searchbar.html">f7Searchbar</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7HideOnEnable</span><span class='op'>(</span><span class='va'>tag</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7HideOnEnable</span><span class="op">(</span><span class="va">tag</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>tag to hide.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>tag</dt>
+<dd><p>tag to hide.</p></dd>
 
+</dl></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7HideOnSearch.html b/docs/reference/f7HideOnSearch.html
index 692fe8e5..4d95181c 100644
--- a/docs/reference/f7HideOnSearch.html
+++ b/docs/reference/f7HideOnSearch.html
@@ -1,215 +1,108 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Utility to hide a given tag on search — f7HideOnSearch • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Utility to hide a given tag on search — f7HideOnSearch" />
-<meta property="og:description" content="Use with f7Searchbar." />
-<meta property="og:image" content="/logo.png" />
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to hide a given tag on search — f7HideOnSearch • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Utility to hide a given tag on search — f7HideOnSearch"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Utility to hide a given tag on search</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Searchbar.R'><code>R/f7Searchbar.R</code></a></small>
-    <div class="hidden name"><code>f7HideOnSearch.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Utility to hide a given tag on search</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Searchbar.R" class="external-link"><code>R/f7Searchbar.R</code></a></small>
+      <div class="d-none name"><code>f7HideOnSearch.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>Use with <a href='f7Searchbar.html'>f7Searchbar</a>.</p>
+    <div class="ref-description section level2">
+    <p>Use with <a href="f7Searchbar.html">f7Searchbar</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7HideOnSearch</span><span class='op'>(</span><span class='va'>tag</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7HideOnSearch</span><span class="op">(</span><span class="va">tag</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>tag to hide.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>tag</dt>
+<dd><p>tag to hide.</p></dd>
 
+</dl></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Icon.html b/docs/reference/f7Icon.html
index 6a2fd502..654ba133 100644
--- a/docs/reference/f7Icon.html
+++ b/docs/reference/f7Icon.html
@@ -1,275 +1,172 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 icons — f7Icon • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 icons — f7Icon" />
-<meta property="og:description" content="Use Framework7 icons in shiny applications,
- see complete list of icons here : https://framework7.io/icons/." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use Framework7 icons in shiny applications,
+ see complete list of icons here : https://framework7.io/icons/."><title>Framework7 icons — f7Icon • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 icons — f7Icon"><meta property="og:description" content="Use Framework7 icons in shiny applications,
+ see complete list of icons here : https://framework7.io/icons/."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-  </head>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 icons</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Icon.R'><code>R/f7Icon.R</code></a></small>
-    <div class="hidden name"><code>f7Icon.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 icons</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Icon.R" class="external-link"><code>R/f7Icon.R</code></a></small>
+      <div class="d-none name"><code>f7Icon.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Use Framework7 icons in shiny applications,
- see complete list of icons here : <a href='https://framework7.io/icons/'>https://framework7.io/icons/</a>.</p>
+ see complete list of icons here : <a href="https://framework7.io/icons/" class="external-link">https://framework7.io/icons/</a>.</p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Icon</span><span class="op">(</span><span class="va">...</span>, lib <span class="op">=</span> <span class="cn">NULL</span>, color <span class="op">=</span> <span class="cn">NULL</span>, style <span class="op">=</span> <span class="cn">NULL</span>, old <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Icon</span><span class='op'>(</span><span class='va'>...</span>, lib <span class='op'>=</span> <span class='cn'>NULL</span>, color <span class='op'>=</span> <span class='cn'>NULL</span>, style <span class='op'>=</span> <span class='cn'>NULL</span>, old <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Icon name and <a href="f7Badge.html">f7Badge</a>.</p></dd>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Icon name and <a href='f7Badge.html'>f7Badge</a>.</p></td>
-    </tr>
-    <tr>
-      <th>lib</th>
-      <td><p>Library to use: NULL, "ios" or "md". Leave <code>NULL</code> by default. Specify, md or ios
-if you want to hide/show icons on specific devices.</p></td>
-    </tr>
-    <tr>
-      <th>color</th>
-      <td><p>Icon color, if any.</p></td>
-    </tr>
-    <tr>
-      <th>style</th>
-      <td><p>CSS styles to be applied on icon, for example
-use <code>font-size: 56px;</code> to have a bigger icon.</p></td>
-    </tr>
-    <tr>
-      <th>old</th>
-      <td><p>Deprecated. This was to handle old and new icons but shinyMobile only uses
-new icons from now. This parameter will be removed in a future release.</p></td>
-    </tr>
-    </table>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
+<dt>lib</dt>
+<dd><p>Library to use: NULL, "ios" or "md". Leave <code>NULL</code> by default. Specify, md or ios
+if you want to hide/show icons on specific devices.</p></dd>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
+<dt>color</dt>
+<dd><p>Icon color, if any.</p></dd>
 
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Icons"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-     navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"icons"</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7List.html'>f7List</a></span><span class='op'>(</span>
-      <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span>
-        title <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-         <span class='fu'>f7Icon</span><span class='op'>(</span><span class='st'>"envelope"</span><span class='op'>)</span>
-        <span class='op'>)</span>
-      <span class='op'>)</span>,
-      <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span>
-        title <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-         <span class='fu'>f7Icon</span><span class='op'>(</span><span class='st'>"envelope_fill"</span>, color <span class='op'>=</span> <span class='st'>"green"</span><span class='op'>)</span>
-        <span class='op'>)</span>
-      <span class='op'>)</span>,
-      <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span>
-        title <span class='op'>=</span> <span class='fu'>f7Icon</span><span class='op'>(</span><span class='st'>"home"</span>, <span class='fu'><a href='f7Badge.html'>f7Badge</a></span><span class='op'>(</span><span class='st'>"1"</span>, color <span class='op'>=</span> <span class='st'>"red"</span><span class='op'>)</span><span class='op'>)</span>
-      <span class='op'>)</span>,
-      <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span>
-        title <span class='op'>=</span> <span class='fu'>f7Icon</span><span class='op'>(</span><span class='st'>"envelope"</span>, lib <span class='op'>=</span> <span class='st'>"md"</span><span class='op'>)</span>,
-        <span class='st'>"This will not appear since only for material design"</span>
-      <span class='op'>)</span>
-     <span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
 
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>style</dt>
+<dd><p>CSS styles to be applied on icon, for example
+use <code>font-size: 56px;</code> to have a bigger icon.</p></dd>
+
+
+<dt>old</dt>
+<dd><p>Deprecated. This was to handle old and new icons but shinyMobile only uses
+new icons from now. This parameter will be removed in a future release.</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Icons"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"icons"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7List.html">f7List</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        title <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="fu">f7Icon</span><span class="op">(</span><span class="st">"envelope"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        title <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="fu">f7Icon</span><span class="op">(</span><span class="st">"envelope_fill"</span>, color <span class="op">=</span> <span class="st">"green"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        title <span class="op">=</span> <span class="fu">f7Icon</span><span class="op">(</span><span class="st">"home"</span>, <span class="fu"><a href="f7Badge.html">f7Badge</a></span><span class="op">(</span><span class="st">"1"</span>, color <span class="op">=</span> <span class="st">"red"</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        title <span class="op">=</span> <span class="fu">f7Icon</span><span class="op">(</span><span class="st">"envelope"</span>, lib <span class="op">=</span> <span class="st">"md"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="st">"This will not appear since only for material design"</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Item.html b/docs/reference/f7Item.html
index 3ea9a6f4..630f72ea 100644
--- a/docs/reference/f7Item.html
+++ b/docs/reference/f7Item.html
@@ -1,222 +1,116 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 body item — f7Item • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 body item — f7Item" />
-<meta property="og:description" content="Similar to  f7Tab but for the f7SplitLayout." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Similar to  f7Tab but for the f7SplitLayout."><title>Framework7 body item — f7Item • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 body item — f7Item"><meta property="og:description" content="Similar to  f7Tab but for the f7SplitLayout."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 body item</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Page.R'><code>R/f7Page.R</code></a></small>
-    <div class="hidden name"><code>f7Item.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 body item</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Page.R" class="external-link"><code>R/f7Page.R</code></a></small>
+      <div class="d-none name"><code>f7Item.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>Similar to  <a href='f7Tab.html'>f7Tab</a> but for the <a href='f7SplitLayout.html'>f7SplitLayout</a>.</p>
+    <div class="ref-description section level2">
+    <p>Similar to  <a href="f7Tab.html">f7Tab</a> but for the <a href="f7SplitLayout.html">f7SplitLayout</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Item</span><span class='op'>(</span><span class='va'>...</span>, <span class='va'>tabName</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Item</span><span class="op">(</span><span class="va">...</span>, <span class="va">tabName</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Item content.</p></td>
-    </tr>
-    <tr>
-      <th>tabName</th>
-      <td><p>Item id. Must be unique.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Item content.</p></dd>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+<dt>tabName</dt>
+<dd><p>Item id. Must be unique, without space nor punctuation symbols.</p></dd>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Items.html b/docs/reference/f7Items.html
index dd48717f..8def9c3f 100644
--- a/docs/reference/f7Items.html
+++ b/docs/reference/f7Items.html
@@ -1,218 +1,112 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 item container — f7Items • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 item container — f7Items" />
-<meta property="og:description" content="Build a Framework7 wrapper for f7Item" />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 wrapper for f7Item"><title>Framework7 item container — f7Items • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 item container — f7Items"><meta property="og:description" content="Build a Framework7 wrapper for f7Item"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 item container</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Page.R'><code>R/f7Page.R</code></a></small>
-    <div class="hidden name"><code>f7Items.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 item container</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Page.R" class="external-link"><code>R/f7Page.R</code></a></small>
+      <div class="d-none name"><code>f7Items.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>Build a Framework7 wrapper for <a href='f7Item.html'>f7Item</a></p>
+    <div class="ref-description section level2">
+    <p>Build a Framework7 wrapper for <a href="f7Item.html">f7Item</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Items</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for wrapper for <a href='f7Item.html'>f7Item</a>.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Items</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Slot for wrapper for <a href="f7Item.html">f7Item</a>.</p></dd>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Link.html b/docs/reference/f7Link.html
index ddfc2bc6..b682a7c9 100644
--- a/docs/reference/f7Link.html
+++ b/docs/reference/f7Link.html
@@ -1,245 +1,141 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 link — f7Link • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 link — f7Link" />
-<meta property="og:description" content="Link to point toward external content." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Link to point toward external content."><title>Framework7 link — f7Link • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 link — f7Link"><meta property="og:description" content="Link to point toward external content."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 link</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Link.R'><code>R/f7Link.R</code></a></small>
-    <div class="hidden name"><code>f7Link.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 link</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Link.R" class="external-link"><code>R/f7Link.R</code></a></small>
+      <div class="d-none name"><code>f7Link.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Link to point toward external content.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Link</span><span class='op'>(</span>label <span class='op'>=</span> <span class='cn'>NULL</span>, <span class='va'>href</span>, icon <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>label</th>
-      <td><p>Optional link text.</p></td>
-    </tr>
-    <tr>
-      <th>href</th>
-      <td><p>Link source, url.</p></td>
-    </tr>
-    <tr>
-      <th>icon</th>
-      <td><p>Link icon, if any. Must pass <a href='f7Icon.html'>f7Icon</a>.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Links"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-     navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Link"</span><span class='op'>)</span>,
-     <span class='fu'>f7Link</span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"Google"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,
-     <span class='fu'>f7Link</span><span class='op'>(</span>href <span class='op'>=</span> <span class='st'>"https://www.twitter.com"</span>, icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"bolt_fill"</span><span class='op'>)</span><span class='op'>)</span>
-    <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Link</span><span class="op">(</span>label <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">href</span>, icon <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>label</dt>
+<dd><p>Optional link text.</p></dd>
+
+
+<dt>href</dt>
+<dd><p>Link source, url.</p></dd>
+
+
+<dt>icon</dt>
+<dd><p>Link icon, if any. Must pass <a href="f7Icon.html">f7Icon</a>.</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Links"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Link"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">f7Link</span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Google"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">f7Link</span><span class="op">(</span>href <span class="op">=</span> <span class="st">"https://www.twitter.com"</span>, icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"bolt_fill"</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7List.html b/docs/reference/f7List.html
index 0f142170..d97707cc 100644
--- a/docs/reference/f7List.html
+++ b/docs/reference/f7List.html
@@ -1,298 +1,193 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Create a framework 7 contact list — f7List • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a framework 7 contact list — f7List" />
-<meta property="og:description" content="Create a framework 7 contact list" />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a framework 7 contact list"><title>Create a framework 7 contact list — f7List • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a framework 7 contact list — f7List"><meta property="og:description" content="Create a framework 7 contact list"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-  </head>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a framework 7 contact list</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7List.R'><code>R/f7List.R</code></a></small>
-    <div class="hidden name"><code>f7List.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Create a framework 7 contact list</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7List.R" class="external-link"><code>R/f7List.R</code></a></small>
+      <div class="d-none name"><code>f7List.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Create a framework 7 contact list</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7List</span><span class='op'>(</span><span class='va'>...</span>, mode <span class='op'>=</span> <span class='cn'>NULL</span>, inset <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='f7ListGroup.html'>f7ListGroup</a> or <a href='f7ListItem.html'>f7ListItem</a>.</p></td>
-    </tr>
-    <tr>
-      <th>mode</th>
-      <td><p>List mode. NULL or "media" or "contacts".</p></td>
-    </tr>
-    <tr>
-      <th>inset</th>
-      <td><p>Whether to display a card border. FALSE by default.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
-<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
-<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
-<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"My app"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-      navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7List"</span><span class='op'>)</span>,
-
-      <span class='co'># simple list</span>
-      <span class='fu'>f7List</span><span class='op'>(</span>
-        <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fl'>1</span><span class='op'>:</span><span class='fl'>3</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>j</span><span class='op'>)</span> <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span><span class='va'>letters</span><span class='op'>[</span><span class='va'>j</span><span class='op'>]</span><span class='op'>)</span><span class='op'>)</span>
-      <span class='op'>)</span>,
-
-      <span class='co'># list with complex items</span>
-      <span class='fu'>f7List</span><span class='op'>(</span>
-        <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fl'>1</span><span class='op'>:</span><span class='fl'>3</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>j</span><span class='op'>)</span> <span class='op'>{</span>
-          <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span>
-            <span class='va'>letters</span><span class='op'>[</span><span class='va'>j</span><span class='op'>]</span>,
-            media <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"alarm_fill"</span><span class='op'>)</span>,
-            right <span class='op'>=</span> <span class='st'>"Right Text"</span>,
-            header <span class='op'>=</span> <span class='st'>"Header"</span>,
-            footer <span class='op'>=</span> <span class='st'>"Footer"</span>
-          <span class='op'>)</span>
-        <span class='op'>}</span><span class='op'>)</span>
-      <span class='op'>)</span>,
-
-      <span class='co'># list with complex items</span>
-      <span class='fu'>f7List</span><span class='op'>(</span>
-        mode <span class='op'>=</span> <span class='st'>"media"</span>,
-        <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fl'>1</span><span class='op'>:</span><span class='fl'>3</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>j</span><span class='op'>)</span> <span class='op'>{</span>
-          <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span>
-            title <span class='op'>=</span> <span class='va'>letters</span><span class='op'>[</span><span class='va'>j</span><span class='op'>]</span>,
-            subtitle <span class='op'>=</span> <span class='st'>"subtitle"</span>,
-            <span class='st'>"Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-            Nulla sagittis tellus ut turpis condimentum, ut dignissim
-            lacus tincidunt. Cras dolor metus, ultrices condimentum sodales
-            sit amet, pharetra sodales eros. Phasellus vel felis tellus.
-            Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet,
-            commodo augue id, pulvinar lacus."</span>,
-            media <span class='op'>=</span> <span class='va'>tags</span><span class='op'>$</span><span class='fu'>img</span><span class='op'>(</span>
-             src <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste0</a></span><span class='op'>(</span>
-             <span class='st'>"https://cdn.framework7.io/placeholder/people-160x160-"</span>, <span class='va'>j</span>, <span class='st'>".jpg"</span>
-             <span class='op'>)</span>
-            <span class='op'>)</span>,
-            right <span class='op'>=</span> <span class='st'>"Right Text"</span>
-          <span class='op'>)</span>
-        <span class='op'>}</span><span class='op'>)</span>
-      <span class='op'>)</span>,
-
-      <span class='co'># list with links</span>
-      <span class='fu'>f7List</span><span class='op'>(</span>
-        <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fl'>1</span><span class='op'>:</span><span class='fl'>3</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>j</span><span class='op'>)</span> <span class='op'>{</span>
-          <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span>url <span class='op'>=</span> <span class='st'>"https://google.com"</span>, <span class='va'>letters</span><span class='op'>[</span><span class='va'>j</span><span class='op'>]</span><span class='op'>)</span>
-        <span class='op'>}</span><span class='op'>)</span>
-      <span class='op'>)</span>,
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7List</span><span class="op">(</span><span class="va">...</span>, mode <span class="op">=</span> <span class="cn">NULL</span>, inset <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-      <span class='co'># grouped lists</span>
-      <span class='fu'>f7List</span><span class='op'>(</span>
-        mode <span class='op'>=</span> <span class='st'>"contacts"</span>,
-        <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fl'>1</span><span class='op'>:</span><span class='fl'>3</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>i</span><span class='op'>)</span> <span class='op'>{</span>
-          <span class='fu'><a href='f7ListGroup.html'>f7ListGroup</a></span><span class='op'>(</span>
-            title <span class='op'>=</span> <span class='va'>LETTERS</span><span class='op'>[</span><span class='va'>i</span><span class='op'>]</span>,
-            <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fl'>1</span><span class='op'>:</span><span class='fl'>3</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>j</span><span class='op'>)</span> <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span><span class='va'>letters</span><span class='op'>[</span><span class='va'>j</span><span class='op'>]</span><span class='op'>)</span><span class='op'>)</span>
-          <span class='op'>)</span>
-        <span class='op'>}</span><span class='op'>)</span>
-      <span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Slot for <a href="f7ListGroup.html">f7ListGroup</a> or <a href="f7ListItem.html">f7ListItem</a>.</p></dd>
+
+
+<dt>mode</dt>
+<dd><p>List mode. NULL or "media" or "contacts".</p></dd>
+
+
+<dt>inset</dt>
+<dd><p>Whether to display a card border. FALSE by default.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7List"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>      <span class="co"># simple list</span></span></span>
+<span class="r-in"><span>      <span class="fu">f7List</span><span class="op">(</span></span></span>
+<span class="r-in"><span>        <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">3</span>, <span class="kw">function</span><span class="op">(</span><span class="va">j</span><span class="op">)</span> <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span><span class="va">letters</span><span class="op">[</span><span class="va">j</span><span class="op">]</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>      <span class="co"># list with complex items</span></span></span>
+<span class="r-in"><span>      <span class="fu">f7List</span><span class="op">(</span></span></span>
+<span class="r-in"><span>        <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">3</span>, <span class="kw">function</span><span class="op">(</span><span class="va">j</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>          <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>            <span class="va">letters</span><span class="op">[</span><span class="va">j</span><span class="op">]</span>,</span></span>
+<span class="r-in"><span>            media <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"alarm_fill"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>            right <span class="op">=</span> <span class="st">"Right Text"</span>,</span></span>
+<span class="r-in"><span>            header <span class="op">=</span> <span class="st">"Header"</span>,</span></span>
+<span class="r-in"><span>            footer <span class="op">=</span> <span class="st">"Footer"</span></span></span>
+<span class="r-in"><span>          <span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>      <span class="co"># list with complex items</span></span></span>
+<span class="r-in"><span>      <span class="fu">f7List</span><span class="op">(</span></span></span>
+<span class="r-in"><span>        mode <span class="op">=</span> <span class="st">"media"</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">3</span>, <span class="kw">function</span><span class="op">(</span><span class="va">j</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>          <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>            title <span class="op">=</span> <span class="va">letters</span><span class="op">[</span><span class="va">j</span><span class="op">]</span>,</span></span>
+<span class="r-in"><span>            subtitle <span class="op">=</span> <span class="st">"subtitle"</span>,</span></span>
+<span class="r-in"><span>            <span class="st">"Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></span></span>
+<span class="r-in"><span><span class="st">            Nulla sagittis tellus ut turpis condimentum, ut dignissim</span></span></span>
+<span class="r-in"><span><span class="st">            lacus tincidunt. Cras dolor metus, ultrices condimentum sodales</span></span></span>
+<span class="r-in"><span><span class="st">            sit amet, pharetra sodales eros. Phasellus vel felis tellus.</span></span></span>
+<span class="r-in"><span><span class="st">            Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet,</span></span></span>
+<span class="r-in"><span><span class="st">            commodo augue id, pulvinar lacus."</span>,</span></span>
+<span class="r-in"><span>            media <span class="op">=</span> <span class="va">tags</span><span class="op">$</span><span class="fu">img</span><span class="op">(</span></span></span>
+<span class="r-in"><span>             src <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste0</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             <span class="st">"https://cdn.framework7.io/placeholder/people-160x160-"</span>, <span class="va">j</span>, <span class="st">".jpg"</span></span></span>
+<span class="r-in"><span>             <span class="op">)</span></span></span>
+<span class="r-in"><span>            <span class="op">)</span>,</span></span>
+<span class="r-in"><span>            right <span class="op">=</span> <span class="st">"Right Text"</span></span></span>
+<span class="r-in"><span>          <span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>      <span class="co"># list with links</span></span></span>
+<span class="r-in"><span>      <span class="fu">f7List</span><span class="op">(</span></span></span>
+<span class="r-in"><span>        <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">3</span>, <span class="kw">function</span><span class="op">(</span><span class="va">j</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>          <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span>url <span class="op">=</span> <span class="st">"https://google.com"</span>, <span class="va">letters</span><span class="op">[</span><span class="va">j</span><span class="op">]</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>      <span class="co"># grouped lists</span></span></span>
+<span class="r-in"><span>      <span class="fu">f7List</span><span class="op">(</span></span></span>
+<span class="r-in"><span>        mode <span class="op">=</span> <span class="st">"contacts"</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">3</span>, <span class="kw">function</span><span class="op">(</span><span class="va">i</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>          <span class="fu"><a href="f7ListGroup.html">f7ListGroup</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>            title <span class="op">=</span> <span class="va">LETTERS</span><span class="op">[</span><span class="va">i</span><span class="op">]</span>,</span></span>
+<span class="r-in"><span>            <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">3</span>, <span class="kw">function</span><span class="op">(</span><span class="va">j</span><span class="op">)</span> <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span><span class="va">letters</span><span class="op">[</span><span class="va">j</span><span class="op">]</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>          <span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7ListGroup.html b/docs/reference/f7ListGroup.html
index 2a83eb45..72b7fc1f 100644
--- a/docs/reference/f7ListGroup.html
+++ b/docs/reference/f7ListGroup.html
@@ -1,219 +1,112 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Create a framework 7 group of contacts — f7ListGroup • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a framework 7 group of contacts — f7ListGroup" />
-<meta property="og:description" content="Create a framework 7 group of contacts" />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a framework 7 group of contacts"><title>Create a framework 7 group of contacts — f7ListGroup • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a framework 7 group of contacts — f7ListGroup"><meta property="og:description" content="Create a framework 7 group of contacts"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a framework 7 group of contacts</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7List.R'><code>R/f7List.R</code></a></small>
-    <div class="hidden name"><code>f7ListGroup.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Create a framework 7 group of contacts</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7List.R" class="external-link"><code>R/f7List.R</code></a></small>
+      <div class="d-none name"><code>f7ListGroup.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Create a framework 7 group of contacts</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7ListGroup</span><span class='op'>(</span><span class='va'>...</span>, <span class='va'>title</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7ListGroup</span><span class="op">(</span><span class="va">...</span>, <span class="va">title</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>slot for <a href='f7ListIndexItem.html'>f7ListIndexItem</a>.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Group title.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>slot for <a href="f7ListItem.html">f7ListItem</a>.</p></dd>
 
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>title</dt>
+<dd><p>Group title.</p></dd>
+
+</dl></div>
+
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7ListIndex.html b/docs/reference/f7ListIndex.html
index 54e96592..b3cfcee6 100644
--- a/docs/reference/f7ListIndex.html
+++ b/docs/reference/f7ListIndex.html
@@ -1,272 +1,176 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Create a Framework 7 list index — f7ListIndex • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Framework 7 list index — f7ListIndex" />
-<meta property="og:description" content="Create a Framework 7 list index" />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="List index must be attached to an existing list view."><title>Create a Framework 7 list index — f7ListIndex • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a Framework 7 list index — f7ListIndex"><meta property="og:description" content="List index must be attached to an existing list view."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-  </head>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Framework 7 list index</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7List.R'><code>R/f7List.R</code></a></small>
-    <div class="hidden name"><code>f7ListIndex.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Create a Framework 7 list index</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7List.R" class="external-link"><code>R/f7List.R</code></a></small>
+      <div class="d-none name"><code>f7ListIndex.Rd</code></div>
+    </div>
+
+    <div class="ref-description section level2">
+    <p>List index must be attached to an existing list view.</p>
     </div>
 
-    <div class="ref-description">
-    <p>Create a Framework 7 list index</p>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7ListIndex</span><span class="op">(</span><span class="va">id</span>, <span class="va">target</span>, <span class="va">...</span>, session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
     </div>
 
-    <pre class="usage"><span class='fu'>f7ListIndex</span><span class='op'>(</span><span class='va'>...</span>, <span class='va'>id</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>id</dt>
+<dd><p>Unique id.</p></dd>
+
+
+<dt>target</dt>
+<dd><p>Related list element. CSS selector like .class, #id, ...</p></dd>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='f7ListGroup.html'>f7ListGroup</a>.</p></td>
-    </tr>
-    <tr>
-      <th>id</th>
-      <td><p>Unique id.</p></td>
-    </tr>
-    </table>
 
-    <h2 class="hasAnchor" id="note"><a class="anchor" href="#note"></a>Note</h2>
+<dt>...</dt>
+<dd><p>Other options (see <a href="https://v5.framework7.io/docs/list-index#list-index-parameters" class="external-link">https://v5.framework7.io/docs/list-index#list-index-parameters</a>).</p></dd>
 
+
+<dt>session</dt>
+<dd><p>Shiny session object.</p></dd>
+
+</dl></div>
+    <div class="section level2">
+    <h2 id="note">Note<a class="anchor" aria-label="anchor" href="#note"></a></h2>
     <p>For some reason, unable to get more than 1 list index working. See
 example below. The second list does not work.</p>
+    </div>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"List Index"</span>,
-     <span class='fu'><a href='f7TabLayout.html'>f7TabLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='st'>"f7ListIndex"</span>,
-         hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-         shadow <span class='op'>=</span> <span class='cn'>TRUE</span>
-       <span class='op'>)</span>,
-       <span class='fu'><a href='f7Tabs.html'>f7Tabs</a></span><span class='op'>(</span>
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"List 1"</span>,
-           <span class='fu'>f7ListIndex</span><span class='op'>(</span>
-             id <span class='op'>=</span> <span class='st'>"listIndex1"</span>,
-             <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/seq.html'>seq_along</a></span><span class='op'>(</span><span class='va'>LETTERS</span><span class='op'>)</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>i</span><span class='op'>)</span> <span class='op'>{</span>
-               <span class='fu'><a href='f7ListGroup.html'>f7ListGroup</a></span><span class='op'>(</span>
-                 title <span class='op'>=</span> <span class='va'>LETTERS</span><span class='op'>[</span><span class='va'>i</span><span class='op'>]</span>,
-                 <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fl'>1</span><span class='op'>:</span><span class='fl'>3</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>j</span><span class='op'>)</span> <span class='op'>{</span>
-                   <span class='fu'><a href='f7ListIndexItem.html'>f7ListIndexItem</a></span><span class='op'>(</span><span class='va'>letters</span><span class='op'>[</span><span class='va'>j</span><span class='op'>]</span><span class='op'>)</span>
-                 <span class='op'>}</span><span class='op'>)</span>
-               <span class='op'>)</span>
-             <span class='op'>}</span><span class='op'>)</span>
-           <span class='op'>)</span>
-         <span class='op'>)</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"List 2"</span>,
-           <span class='fu'>f7ListIndex</span><span class='op'>(</span>
-             id <span class='op'>=</span> <span class='st'>"listIndex2"</span>,
-             <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/seq.html'>seq_along</a></span><span class='op'>(</span><span class='va'>LETTERS</span><span class='op'>)</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>i</span><span class='op'>)</span> <span class='op'>{</span>
-               <span class='fu'><a href='f7ListGroup.html'>f7ListGroup</a></span><span class='op'>(</span>
-                 title <span class='op'>=</span> <span class='va'>LETTERS</span><span class='op'>[</span><span class='va'>i</span><span class='op'>]</span>,
-                 <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fl'>1</span><span class='op'>:</span><span class='fl'>3</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>j</span><span class='op'>)</span> <span class='op'>{</span>
-                   <span class='fu'><a href='f7ListIndexItem.html'>f7ListIndexItem</a></span><span class='op'>(</span><span class='va'>letters</span><span class='op'>[</span><span class='va'>j</span><span class='op'>]</span><span class='op'>)</span>
-                 <span class='op'>}</span><span class='op'>)</span>
-               <span class='op'>)</span>
-             <span class='op'>}</span><span class='op'>)</span>
-           <span class='op'>)</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"List Index"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"f7ListIndex"</span>,</span></span>
+<span class="r-in"><span>         hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>         shadow <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Tabs.html">f7Tabs</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"List1"</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7List.html">f7List</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>            mode <span class="op">=</span> <span class="st">"contacts"</span>,</span></span>
+<span class="r-in"><span>            <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">26</span>, <span class="kw">function</span><span class="op">(</span><span class="va">i</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>              <span class="fu"><a href="f7ListGroup.html">f7ListGroup</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                title <span class="op">=</span> <span class="va">LETTERS</span><span class="op">[</span><span class="va">i</span><span class="op">]</span>,</span></span>
+<span class="r-in"><span>                <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">26</span>, <span class="kw">function</span><span class="op">(</span><span class="va">j</span><span class="op">)</span> <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span><span class="va">letters</span><span class="op">[</span><span class="va">j</span><span class="op">]</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>              <span class="op">)</span></span></span>
+<span class="r-in"><span>            <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"List2"</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7List.html">f7List</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>            mode <span class="op">=</span> <span class="st">"contacts"</span>,</span></span>
+<span class="r-in"><span>            <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">26</span>, <span class="kw">function</span><span class="op">(</span><span class="va">i</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>              <span class="fu"><a href="f7ListGroup.html">f7ListGroup</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                title <span class="op">=</span> <span class="va">LETTERS</span><span class="op">[</span><span class="va">i</span><span class="op">]</span>,</span></span>
+<span class="r-in"><span>                <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">26</span>, <span class="kw">function</span><span class="op">(</span><span class="va">j</span><span class="op">)</span> <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span><span class="va">letters</span><span class="op">[</span><span class="va">j</span><span class="op">]</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>              <span class="op">)</span></span></span>
+<span class="r-in"><span>            <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="cn">TRUE</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>     <span class="fu">f7ListIndex</span><span class="op">(</span>id <span class="op">=</span> <span class="st">"list-index-1"</span>, target <span class="op">=</span> <span class="st">".list"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span>, once <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7ListItem.html b/docs/reference/f7ListItem.html
index 867bc3ef..148fa2db 100644
--- a/docs/reference/f7ListItem.html
+++ b/docs/reference/f7ListItem.html
@@ -1,252 +1,145 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Create a Framework 7 contact item — f7ListItem • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a Framework 7 contact item"><title>Create a Framework 7 contact item — f7ListItem • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a Framework 7 contact item — f7ListItem"><meta property="og:description" content="Create a Framework 7 contact item"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
+</li>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
+</li>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
+     
+  </a>
+</li>
+      </ul></div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
+    
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Create a Framework 7 contact item</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7List.R" class="external-link"><code>R/f7List.R</code></a></small>
+      <div class="d-none name"><code>f7ListItem.Rd</code></div>
+    </div>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+    <div class="ref-description section level2">
+    <p>Create a Framework 7 contact item</p>
+    </div>
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7ListItem</span><span class="op">(</span></span>
+<span>  <span class="va">...</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  subtitle <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  header <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  footer <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  href <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  media <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  right <span class="op">=</span> <span class="cn">NULL</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Item text.</p></dd>
 
 
-  <link href="../extra.css" rel="stylesheet">
-  
+<dt>title</dt>
+<dd><p>Item title.</p></dd>
 
-<meta property="og:title" content="Create a Framework 7 contact item — f7ListItem" />
-<meta property="og:description" content="Create a Framework 7 contact item" />
-<meta property="og:image" content="/logo.png" />
 
+<dt>subtitle</dt>
+<dd><p>Item subtitle.</p></dd>
 
 
+<dt>header</dt>
+<dd><p>Item header. Do not use when <a href="f7List.html">f7List</a> mode is not NULL.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<dt>footer</dt>
+<dd><p>Item footer. Do not use when <a href="f7List.html">f7List</a> mode is not NULL.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
 
-      
+<dt>href</dt>
+<dd><p>Item external link.</p></dd>
 
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Framework 7 contact item</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7List.R'><code>R/f7List.R</code></a></small>
-    <div class="hidden name"><code>f7ListItem.Rd</code></div>
-    </div>
+<dt>media</dt>
+<dd><p>Expect <a href="f7Icon.html">f7Icon</a> or <code>img</code>.</p></dd>
 
-    <div class="ref-description">
-    <p>Create a Framework 7 contact item</p>
-    </div>
 
-    <pre class="usage"><span class='fu'>f7ListItem</span><span class='op'>(</span>
-  <span class='va'>...</span>,
-  title <span class='op'>=</span> <span class='cn'>NULL</span>,
-  subtitle <span class='op'>=</span> <span class='cn'>NULL</span>,
-  header <span class='op'>=</span> <span class='cn'>NULL</span>,
-  footer <span class='op'>=</span> <span class='cn'>NULL</span>,
-  href <span class='op'>=</span> <span class='cn'>NULL</span>,
-  media <span class='op'>=</span> <span class='cn'>NULL</span>,
-  right <span class='op'>=</span> <span class='cn'>NULL</span>
-<span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Item text.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Item title.</p></td>
-    </tr>
-    <tr>
-      <th>subtitle</th>
-      <td><p>Item subtitle.</p></td>
-    </tr>
-    <tr>
-      <th>header</th>
-      <td><p>Item header. Do not use when <a href='f7List.html'>f7List</a> mode is not NULL.</p></td>
-    </tr>
-    <tr>
-      <th>footer</th>
-      <td><p>Item footer. Do not use when <a href='f7List.html'>f7List</a> mode is not NULL.</p></td>
-    </tr>
-    <tr>
-      <th>href</th>
-      <td><p>Item external link.</p></td>
-    </tr>
-    <tr>
-      <th>media</th>
-      <td><p>Expect <a href='f7Icon.html'>f7Icon</a> or <code>img</code>.</p></td>
-    </tr>
-    <tr>
-      <th>right</th>
-      <td><p>Right content if any.</p></td>
-    </tr>
-    </table>
+<dt>right</dt>
+<dd><p>Right content if any.</p></dd>
 
+</dl></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Margin.html b/docs/reference/f7Margin.html
index 03887224..38e4c0da 100644
--- a/docs/reference/f7Margin.html
+++ b/docs/reference/f7Margin.html
@@ -1,254 +1,150 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 margin utility — f7Margin • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 margin utility — f7Margin" />
-<meta property="og:description" content="f7Margin adds a margin to the given tag." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Margin adds a margin to the given tag."><title>Framework7 margin utility — f7Margin • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 margin utility — f7Margin"><meta property="og:description" content="f7Margin adds a margin to the given tag."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 margin utility</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/typography.R'><code>R/typography.R</code></a></small>
-    <div class="hidden name"><code>f7Margin.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 margin utility</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/typography.R" class="external-link"><code>R/typography.R</code></a></small>
+      <div class="d-none name"><code>f7Margin.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p><code>f7Margin</code> adds a margin to the given tag.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Margin</span><span class='op'>(</span><span class='va'>tag</span>, side <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>Tag to apply the margin.</p></td>
-    </tr>
-    <tr>
-      <th>side</th>
-      <td><p>margin side: "left", "right", "top", "bottom",
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Margin</span><span class="op">(</span><span class="va">tag</span>, side <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>tag</dt>
+<dd><p>Tag to apply the margin.</p></dd>
+
+
+<dt>side</dt>
+<dd><p>margin side: "left", "right", "top", "bottom",
 "vertical" (top and bottom), "horizontal" (left and right).
-Leave NULL to apply on all sides.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='va'>cardTag</span> <span class='op'>&lt;-</span> <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-  title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-  <span class='st'>"This is a simple card with plain text,
-  but cards can also contain their own header,
-  footer, list view, image, or any other element."</span>,
-  footer <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-    <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"blue"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,
-    <span class='fu'><a href='f7Badge.html'>f7Badge</a></span><span class='op'>(</span><span class='st'>"Badge"</span>, color <span class='op'>=</span> <span class='st'>"green"</span><span class='op'>)</span>
-  <span class='op'>)</span>
- <span class='op'>)</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Margins"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-     navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Margin"</span><span class='op'>)</span>,
-     <span class='fu'>f7Margin</span><span class='op'>(</span><span class='va'>cardTag</span><span class='op'>)</span>,
-     <span class='va'>cardTag</span>
-    <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+Leave NULL to apply on all sides.</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="va">cardTag</span> <span class="op">&lt;-</span> <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>  <span class="st">"This is a simple card with plain text,</span></span></span>
+<span class="r-in"><span><span class="st">  but cards can also contain their own header,</span></span></span>
+<span class="r-in"><span><span class="st">  footer, list view, image, or any other element."</span>,</span></span>
+<span class="r-in"><span>  footer <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"blue"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7Badge.html">f7Badge</a></span><span class="op">(</span><span class="st">"Badge"</span>, color <span class="op">=</span> <span class="st">"green"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Margins"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Margin"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">f7Margin</span><span class="op">(</span><span class="va">cardTag</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="va">cardTag</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7NotFound.html b/docs/reference/f7NotFound.html
index e4f11650..e8afd368 100644
--- a/docs/reference/f7NotFound.html
+++ b/docs/reference/f7NotFound.html
@@ -1,215 +1,108 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Utility to display an item when the search is unsuccessful. — f7NotFound • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Utility to display an item when the search is unsuccessful. — f7NotFound" />
-<meta property="og:description" content="Use with f7Searchbar." />
-<meta property="og:image" content="/logo.png" />
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to display an item when the search is unsuccessful. — f7NotFound • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Utility to display an item when the search is unsuccessful. — f7NotFound"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Utility to display an item when the search is unsuccessful.</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Searchbar.R'><code>R/f7Searchbar.R</code></a></small>
-    <div class="hidden name"><code>f7NotFound.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Utility to display an item when the search is unsuccessful.</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Searchbar.R" class="external-link"><code>R/f7Searchbar.R</code></a></small>
+      <div class="d-none name"><code>f7NotFound.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>Use with <a href='f7Searchbar.html'>f7Searchbar</a>.</p>
+    <div class="ref-description section level2">
+    <p>Use with <a href="f7Searchbar.html">f7Searchbar</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7NotFound</span><span class='op'>(</span><span class='va'>tag</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7NotFound</span><span class="op">(</span><span class="va">tag</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>tag to use.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>tag</dt>
+<dd><p>tag to use.</p></dd>
 
+</dl></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Notif.html b/docs/reference/f7Notif.html
index 10b9bcdf..ca5fa080 100644
--- a/docs/reference/f7Notif.html
+++ b/docs/reference/f7Notif.html
@@ -1,294 +1,189 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Notification with title, text, icon and more."><title>Framework7 notification — f7Notif • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 notification — f7Notif"><meta property="og:description" content="Notification with title, text, icon and more."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-<title>Framework7 notification — f7Notif • shinyMobile</title>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
+</li>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
+</li>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
+     
+  </a>
+</li>
+      </ul></div>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 notification</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Notif.R" class="external-link"><code>R/f7Notif.R</code></a></small>
+      <div class="d-none name"><code>f7Notif.Rd</code></div>
+    </div>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div class="ref-description section level2">
+    <p>Notification with title, text, icon and more.</p>
+    </div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Notif</span><span class="op">(</span></span>
+<span>  <span class="va">text</span>,</span>
+<span>  icon <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  titleRightText <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  subtitle <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  closeTimeout <span class="op">=</span> <span class="fl">5000</span>,</span>
+<span>  closeButton <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  closeOnClick <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  swipeToClose <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  <span class="va">...</span>,</span>
+<span>  session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>text</dt>
+<dd><p>Notification content.</p></dd>
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
 
+<dt>icon</dt>
+<dd><p>Notification icon.</p></dd>
 
 
-  <link href="../extra.css" rel="stylesheet">
-  
+<dt>title</dt>
+<dd><p>Notification title.</p></dd>
 
-<meta property="og:title" content="Framework7 notification — f7Notif" />
-<meta property="og:description" content="Notification with title, text, icon and more." />
-<meta property="og:image" content="/logo.png" />
 
+<dt>titleRightText</dt>
+<dd><p>Notification right text.</p></dd>
 
 
+<dt>subtitle</dt>
+<dd><p>Notification subtitle</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<dt>closeTimeout</dt>
+<dd><p>Time before notification closes.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
 
-      
+<dt>closeButton</dt>
+<dd><p>Whether to display a close button.
+FALSE by default.</p></dd>
 
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 notification</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Notif.R'><code>R/f7Notif.R</code></a></small>
-    <div class="hidden name"><code>f7Notif.Rd</code></div>
-    </div>
+<dt>closeOnClick</dt>
+<dd><p>Whether to close the notification on click. TRUE by default.</p></dd>
 
-    <div class="ref-description">
-    <p>Notification with title, text, icon and more.</p>
-    </div>
 
-    <pre class="usage"><span class='fu'>f7Notif</span><span class='op'>(</span>
-  <span class='va'>text</span>,
-  icon <span class='op'>=</span> <span class='cn'>NULL</span>,
-  title <span class='op'>=</span> <span class='cn'>NULL</span>,
-  titleRightText <span class='op'>=</span> <span class='cn'>NULL</span>,
-  subtitle <span class='op'>=</span> <span class='cn'>NULL</span>,
-  closeTimeout <span class='op'>=</span> <span class='fl'>5000</span>,
-  closeButton <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  closeOnClick <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  swipeToClose <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  <span class='va'>...</span>,
-  session <span class='op'>=</span> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span><span class='op'>(</span><span class='op'>)</span>
-<span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>text</th>
-      <td><p>Notification content.</p></td>
-    </tr>
-    <tr>
-      <th>icon</th>
-      <td><p>Notification icon.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Notification title.</p></td>
-    </tr>
-    <tr>
-      <th>titleRightText</th>
-      <td><p>Notification right text.</p></td>
-    </tr>
-    <tr>
-      <th>subtitle</th>
-      <td><p>Notification subtitle</p></td>
-    </tr>
-    <tr>
-      <th>closeTimeout</th>
-      <td><p>Time before notification closes.</p></td>
-    </tr>
-    <tr>
-      <th>closeButton</th>
-      <td><p>Whether to display a close button.
-FALSE by default.</p></td>
-    </tr>
-    <tr>
-      <th>closeOnClick</th>
-      <td><p>Whether to close the notification on click. TRUE by default.</p></td>
-    </tr>
-    <tr>
-      <th>swipeToClose</th>
-      <td><p>If enabled, notification can be closed by swipe gesture.</p></td>
-    </tr>
-    <tr>
-      <th>...</th>
-      <td><p>Other options. See <a href='https://framework7.io/docs/notification.html'>https://framework7.io/docs/notification.html</a>.</p></td>
-    </tr>
-    <tr>
-      <th>session</th>
-      <td><p>shiny session.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
-  <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
-  <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-  <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-    ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-      title <span class='op'>=</span> <span class='st'>"My app"</span>,
-      <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-        navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Notif"</span><span class='op'>)</span>,
-        <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"goButton"</span>, <span class='st'>"Go!"</span><span class='op'>)</span>
-      <span class='op'>)</span>
-    <span class='op'>)</span>,
-    server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-      <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>goButton</span>,<span class='op'>{</span>
-        <span class='fu'>f7Notif</span><span class='op'>(</span>
-          text <span class='op'>=</span> <span class='st'>"test"</span>,
-          icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"bolt_fill"</span><span class='op'>)</span>,
-          title <span class='op'>=</span> <span class='st'>"Notification"</span>,
-          subtitle <span class='op'>=</span> <span class='st'>"A subtitle"</span>,
-          titleRightText <span class='op'>=</span> <span class='st'>"now"</span>
-        <span class='op'>)</span>
-      <span class='op'>}</span><span class='op'>)</span>
-    <span class='op'>}</span>
-  <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>swipeToClose</dt>
+<dd><p>If enabled, notification can be closed by swipe gesture.</p></dd>
+
+
+<dt>...</dt>
+<dd><p>Other options. See <a href="https://framework7.io/docs/notification.html" class="external-link">https://framework7.io/docs/notification.html</a>.</p></dd>
+
 
+<dt>session</dt>
+<dd><p>shiny session.</p></dd>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>  <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      title <span class="op">=</span> <span class="st">"My app"</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Notif"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"goButton"</span>, <span class="st">"Go!"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span>,</span></span>
+<span class="r-in"><span>    server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">goButton</span>,<span class="op">{</span></span></span>
+<span class="r-in"><span>        <span class="fu">f7Notif</span><span class="op">(</span></span></span>
+<span class="r-in"><span>          text <span class="op">=</span> <span class="st">"test"</span>,</span></span>
+<span class="r-in"><span>          icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"bolt_fill"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>          title <span class="op">=</span> <span class="st">"Notification"</span>,</span></span>
+<span class="r-in"><span>          subtitle <span class="op">=</span> <span class="st">"A subtitle"</span>,</span></span>
+<span class="r-in"><span>          titleRightText <span class="op">=</span> <span class="st">"now"</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Padding.html b/docs/reference/f7Padding.html
index c81d9474..80a46db9 100644
--- a/docs/reference/f7Padding.html
+++ b/docs/reference/f7Padding.html
@@ -1,250 +1,146 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 padding utility — f7Padding • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 padding utility — f7Padding" />
-<meta property="og:description" content="f7Padding adds padding to the given tag." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Padding adds padding to the given tag."><title>Framework7 padding utility — f7Padding • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 padding utility — f7Padding"><meta property="og:description" content="f7Padding adds padding to the given tag."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 padding utility</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/typography.R'><code>R/typography.R</code></a></small>
-    <div class="hidden name"><code>f7Padding.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 padding utility</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/typography.R" class="external-link"><code>R/typography.R</code></a></small>
+      <div class="d-none name"><code>f7Padding.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p><code>f7Padding</code> adds padding to the given tag.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Padding</span><span class='op'>(</span><span class='va'>tag</span>, side <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>Tag to apply the padding.</p></td>
-    </tr>
-    <tr>
-      <th>side</th>
-      <td><p>padding side: "left", "right", "top", "bottom",
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Padding</span><span class="op">(</span><span class="va">tag</span>, side <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>tag</dt>
+<dd><p>Tag to apply the padding.</p></dd>
+
+
+<dt>side</dt>
+<dd><p>padding side: "left", "right", "top", "bottom",
 "vertical" (top and bottom), "horizontal" (left and right).
-Leave NULL to apply on all sides.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='va'>cardTag</span> <span class='op'>&lt;-</span> <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-  title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-  <span class='fu'>f7Padding</span><span class='op'>(</span>
-   <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>p</a></span><span class='op'>(</span><span class='st'>"The padding is applied here."</span><span class='op'>)</span>
-  <span class='op'>)</span>,
-  footer <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-    <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"blue"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,
-    <span class='fu'><a href='f7Badge.html'>f7Badge</a></span><span class='op'>(</span><span class='st'>"Badge"</span>, color <span class='op'>=</span> <span class='st'>"green"</span><span class='op'>)</span>
-  <span class='op'>)</span>
- <span class='op'>)</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Padding"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Padding"</span><span class='op'>)</span>, <span class='va'>cardTag</span><span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+Leave NULL to apply on all sides.</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="va">cardTag</span> <span class="op">&lt;-</span> <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>  <span class="fu">f7Padding</span><span class="op">(</span></span></span>
+<span class="r-in"><span>   <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">p</a></span><span class="op">(</span><span class="st">"The padding is applied here."</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  footer <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"blue"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7Badge.html">f7Badge</a></span><span class="op">(</span><span class="st">"Badge"</span>, color <span class="op">=</span> <span class="st">"green"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Padding"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span>navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Padding"</span><span class="op">)</span>, <span class="va">cardTag</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Page.html b/docs/reference/f7Page.html
index be7ebeff..e3d5b677 100644
--- a/docs/reference/f7Page.html
+++ b/docs/reference/f7Page.html
@@ -1,278 +1,160 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 page container — f7Page • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 page container — f7Page" />
-<meta property="og:description" content="f7Page is the main app container." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Page is the main app container."><title>Framework7 page container — f7Page • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 page container — f7Page"><meta property="og:description" content="f7Page is the main app container."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 page container</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Page.R'><code>R/f7Page.R</code></a></small>
-    <div class="hidden name"><code>f7Page.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 page container</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Page.R" class="external-link"><code>R/f7Page.R</code></a></small>
+      <div class="d-none name"><code>f7Page.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p><code>f7Page</code> is the main app container.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Page</span><span class='op'>(</span>
-  <span class='va'>...</span>,
-  title <span class='op'>=</span> <span class='cn'>NULL</span>,
-  preloader <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  loading_duration <span class='op'>=</span> <span class='fl'>3</span>,
-  options <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>theme <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"ios"</span>, <span class='st'>"md"</span>, <span class='st'>"auto"</span>, <span class='st'>"aurora"</span><span class='op'>)</span>, dark <span class='op'>=</span> <span class='cn'>TRUE</span>, filled <span class='op'>=</span> <span class='cn'>FALSE</span>,
-    color <span class='op'>=</span> <span class='st'>"#007aff"</span>, touch <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>tapHold <span class='op'>=</span> <span class='cn'>TRUE</span>, tapHoldDelay <span class='op'>=</span> <span class='fl'>750</span>, iosTouchRipple <span class='op'>=</span>
-    <span class='cn'>FALSE</span><span class='op'>)</span>, iosTranslucentBars <span class='op'>=</span> <span class='cn'>FALSE</span>, navbar <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>iosCenterTitle <span class='op'>=</span> <span class='cn'>TRUE</span>,
-    hideOnPageScroll <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>, toolbar <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>hideOnPageScroll <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>, pullToRefresh <span class='op'>=</span>
-    <span class='cn'>FALSE</span><span class='op'>)</span>,
-  allowPWA <span class='op'>=</span> <span class='cn'>FALSE</span>
-<span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Page</span><span class="op">(</span></span>
+<span>  <span class="va">...</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>theme <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"auto"</span>, <span class="st">"ios"</span>, <span class="st">"md"</span>, <span class="st">"aurora"</span><span class="op">)</span>, dark <span class="op">=</span> <span class="cn">TRUE</span>, skeletonsOnLoad <span class="op">=</span></span>
+<span>    <span class="cn">FALSE</span>, preloader <span class="op">=</span> <span class="cn">FALSE</span>, filled <span class="op">=</span> <span class="cn">FALSE</span>, color <span class="op">=</span> <span class="st">"#007aff"</span>, touch <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>tapHold <span class="op">=</span></span>
+<span>    <span class="cn">TRUE</span>, tapHoldDelay <span class="op">=</span> <span class="fl">750</span>, iosTouchRipple <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>, iosTranslucentBars <span class="op">=</span> <span class="cn">FALSE</span>, navbar</span>
+<span>    <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>iosCenterTitle <span class="op">=</span> <span class="cn">TRUE</span>, hideOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>, toolbar <span class="op">=</span></span>
+<span>    <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>hideOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>, pullToRefresh <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>,</span>
+<span>  allowPWA <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Slot for shinyMobile skeleton elements: <a href="appbar.html">f7Appbar</a>, <a href="f7SingleLayout.html">f7SingleLayout</a>,
+<a href="f7TabLayout.html">f7TabLayout</a>, <a href="f7SplitLayout.html">f7SplitLayout</a>.</p></dd>
+
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for shinyMobile skeleton elements: <a href='f7Appbar.html'>f7Appbar</a>, <a href='f7SingleLayout.html'>f7SingleLayout</a>,
-<a href='f7TabLayout.html'>f7TabLayout</a>, <a href='f7SplitLayout.html'>f7SplitLayout</a>.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Page title.</p></td>
-    </tr>
-    <tr>
-      <th>preloader</th>
-      <td><p>Whether to display a preloader before the app starts.
-FALSE by default.</p></td>
-    </tr>
-    <tr>
-      <th>loading_duration</th>
-      <td><p>Preloader duration.</p></td>
-    </tr>
-    <tr>
-      <th>options</th>
-      <td><p>shinyMobile configuration. See <a href='https://framework7.io/docs/app.html'>https://framework7.io/docs/app.html</a>. Below are the most
-notable options. General options:</p><ul>
-<li><p><code>theme</code>: App skin: "ios", "md", "auto" or "aurora".</p></li>
+<dt>title</dt>
+<dd><p>Page title.</p></dd>
+
+
+<dt>options</dt>
+<dd><p>shinyMobile configuration. See <a href="https://framework7.io/docs/app.html" class="external-link">https://framework7.io/docs/app.html</a>. Below are the most
+notable options. General options:</p><ul><li><p><code>theme</code>: App skin: "ios", "md", "auto" or "aurora".</p></li>
 <li><p><code>dark</code>: Dark layout. TRUE or FALSE.</p></li>
-<li><p><code>filled</code>: Whether to fill the <a href='f7Navbar.html'>f7Navbar</a> and <a href='f7Toolbar.html'>f7Toolbar</a> with
+<li><p><code>skeletonsOnLoad</code>: Whether to display skeletons on load.
+ This is a preloading effect. Not compatible with preloader.</p></li>
+<li><p><code>preloader</code>: Loading spinner. Not compatible with skeletonsOnLoad.</p></li>
+<li><p><code>filled</code>: Whether to fill the <a href="navbar.html">f7Navbar</a> and <a href="f7Toolbar.html">f7Toolbar</a> with
  the current selected color. FALSE by default.</p></li>
-<li><p><code>color</code>: Color theme: See <a href='https://framework7.io/docs/color-themes.html'>https://framework7.io/docs/color-themes.html</a>.
- Expect a name like blue or red. If NULL, use the default color.</p></li>
+<li><p><code>color</code>: Color theme: See <a href="https://framework7.io/docs/color-themes.html" class="external-link">https://framework7.io/docs/color-themes.html</a>.
+ Expect a name like blue, red or hex code like `#FF0000`. If NULL, use the default color.
+ If a name is specified it must be accepted either by <a href="https://rdrr.io/pkg/gplots/man/col2hex.html" class="external-link">col2hex</a> or
+ <a href="getF7Colors.html">getF7Colors</a> (valid Framework 7 color names).</p></li>
 <li><p><code>pullToRefresh</code>: Whether to active the pull to refresh feature. Default to FALSE.
- See <a href='https://v5.framework7.io/docs/pull-to-refresh.html#examples'>https://v5.framework7.io/docs/pull-to-refresh.html#examples</a>.</p></li>
+ See <a href="https://v5.framework7.io/docs/pull-to-refresh.html#examples" class="external-link">https://v5.framework7.io/docs/pull-to-refresh.html#examples</a>.</p></li>
 <li><p><code>iosTranslucentBars</code>: Enable translucent effect (blur background) on navigation bars for iOS theme (on iOS devices).
  FALSE by default.</p></li>
-</ul><p>Touch module options <a href='https://v5.framework7.io/docs/app.html#app-parameters'>https://v5.framework7.io/docs/app.html#app-parameters</a>:</p><ul>
-<li><p><code>tapHold</code>:  It triggers (if enabled) after a sustained, complete touch event.
+</ul><p>Touch module options <a href="https://v5.framework7.io/docs/app.html#app-parameters" class="external-link">https://v5.framework7.io/docs/app.html#app-parameters</a>:</p><ul><li><p><code>tapHold</code>:  It triggers (if enabled) after a sustained, complete touch event.
  By default it is disabled. Note, that Tap Hold is a part of built-in Fast Clicks library,
  so Fast Clicks should be also enabled.</p></li>
 <li><p><code>tapHoldDelay</code>: Determines how long (in ms) the user must hold their tap before the taphold event is fired on the target element.
  Default to 750 ms.</p></li>
 <li><p><code>iosTouchRipple</code>: Default to FALSE. Enables touch ripple effect for iOS theme.</p></li>
-</ul><p>Navbar options <a href='https://v5.framework7.io/docs/navbar.html#navbar-app-parameters'>https://v5.framework7.io/docs/navbar.html#navbar-app-parameters</a>:</p><ul>
-<li><p><code>iosCenterTitle</code>: Default to TRUE. When enabled then it will try to position
+</ul><p>Navbar options <a href="https://v5.framework7.io/docs/navbar.html#navbar-app-parameters" class="external-link">https://v5.framework7.io/docs/navbar.html#navbar-app-parameters</a>:</p><ul><li><p><code>iosCenterTitle</code>: Default to TRUE. When enabled then it will try to position
  title at the center in iOS theme. Sometime (with some custom design) it may not needed.</p></li>
 <li><p><code>hideOnPageScroll</code>: Default to FALSE. Will hide Navbars on page scroll.</p></li>
-</ul><p>Toolbar options <a href='https://v5.framework7.io/docs/toolbar-tabbar.html#toolbar-app-parameters'>https://v5.framework7.io/docs/toolbar-tabbar.html#toolbar-app-parameters</a>:</p><ul>
-<li><p><code>hideOnPageScroll</code>: Default to FALSE. Will hide tabs on page scroll.</p></li>
-</ul>
+</ul><p>Toolbar options <a href="https://v5.framework7.io/docs/toolbar-tabbar.html#toolbar-app-parameters" class="external-link">https://v5.framework7.io/docs/toolbar-tabbar.html#toolbar-app-parameters</a>:</p><ul><li><p><code>hideOnPageScroll</code>: Default to FALSE. Will hide tabs on page scroll.</p></li>
+</ul><p>In any case, you must follow the same structure as provided in the function arguments.</p></dd>
 
-<p>In any case, you must follow the same structure as provided in the function arguments.</p></td>
-    </tr>
-    <tr>
-      <th>allowPWA</th>
-      <td><p>Whether to include PWA dependencies. Default to FALSE.</p></td>
-    </tr>
-    </table>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
+<dt>allowPWA</dt>
+<dd><p>Whether to include PWA dependencies. Default to FALSE.</p></dd>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Password.html b/docs/reference/f7Password.html
index ebb71e32..e57d1a70 100644
--- a/docs/reference/f7Password.html
+++ b/docs/reference/f7Password.html
@@ -1,251 +1,146 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Create an f7 password input — f7Password • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create an f7 password input — f7Password" />
-<meta property="og:description" content="Create an f7 password input" />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create an f7 password input"><title>Create an f7 password input — f7Password • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create an f7 password input — f7Password"><meta property="og:description" content="Create an f7 password input"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create an f7 password input</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7-inputs.R'><code>R/f7-inputs.R</code></a></small>
-    <div class="hidden name"><code>f7Password.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Create an f7 password input</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7-inputs.R" class="external-link"><code>R/f7-inputs.R</code></a></small>
+      <div class="d-none name"><code>f7Password.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Create an f7 password input</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Password</span><span class='op'>(</span><span class='va'>inputId</span>, <span class='va'>label</span>, value <span class='op'>=</span> <span class='st'>""</span>, placeholder <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>inputId</th>
-      <td><p>The id of the input object.</p></td>
-    </tr>
-    <tr>
-      <th>label</th>
-      <td><p>The label to set for the input object.</p></td>
-    </tr>
-    <tr>
-      <th>value</th>
-      <td><p>The value to set for the input object.</p></td>
-    </tr>
-    <tr>
-      <th>placeholder</th>
-      <td><p>The placeholder to set for the input object.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"My app"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-      navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Password"</span><span class='op'>)</span>,
-      <span class='fu'>f7Password</span><span class='op'>(</span>
-       inputId <span class='op'>=</span> <span class='st'>"password"</span>,
-       label <span class='op'>=</span> <span class='st'>"Password:"</span>,
-       placeholder <span class='op'>=</span> <span class='st'>"Your password here"</span>
-      <span class='op'>)</span>,
-      <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/textOutput.html'>verbatimTextOutput</a></span><span class='op'>(</span><span class='st'>"value"</span><span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span>
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>value</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPrint.html'>renderPrint</a></span><span class='op'>(</span><span class='op'>{</span> <span class='va'>input</span><span class='op'>$</span><span class='va'>password</span> <span class='op'>}</span><span class='op'>)</span>
-   <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Password</span><span class="op">(</span><span class="va">inputId</span>, <span class="va">label</span>, value <span class="op">=</span> <span class="st">""</span>, placeholder <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>inputId</dt>
+<dd><p>The id of the input object.</p></dd>
+
+
+<dt>label</dt>
+<dd><p>The label to set for the input object.</p></dd>
+
+
+<dt>value</dt>
+<dd><p>The value to set for the input object.</p></dd>
+
+
+<dt>placeholder</dt>
+<dd><p>The placeholder to set for the input object.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"My app"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Password"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu">f7Password</span><span class="op">(</span></span></span>
+<span class="r-in"><span>       inputId <span class="op">=</span> <span class="st">"password"</span>,</span></span>
+<span class="r-in"><span>       label <span class="op">=</span> <span class="st">"Password:"</span>,</span></span>
+<span class="r-in"><span>       placeholder <span class="op">=</span> <span class="st">"Your password here"</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">verbatimTextOutput</a></span><span class="op">(</span><span class="st">"value"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">value</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderPrint</a></span><span class="op">(</span><span class="op">{</span> <span class="va">input</span><span class="op">$</span><span class="va">password</span> <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7PhotoBrowser.html b/docs/reference/f7PhotoBrowser.html
index 3fd4f06c..6ed9ea60 100644
--- a/docs/reference/f7PhotoBrowser.html
+++ b/docs/reference/f7PhotoBrowser.html
@@ -1,269 +1,164 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 photo browser — f7PhotoBrowser • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 photo browser — f7PhotoBrowser" />
-<meta property="og:description" content="A nice photo browser." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A nice photo browser."><title>Framework7 photo browser — f7PhotoBrowser • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 photo browser — f7PhotoBrowser"><meta property="og:description" content="A nice photo browser."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 photo browser</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7PhotoBrowser.R'><code>R/f7PhotoBrowser.R</code></a></small>
-    <div class="hidden name"><code>f7PhotoBrowser.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 photo browser</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7PhotoBrowser.R" class="external-link"><code>R/f7PhotoBrowser.R</code></a></small>
+      <div class="d-none name"><code>f7PhotoBrowser.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>A nice photo browser.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7PhotoBrowser</span><span class='op'>(</span>
-  <span class='va'>photos</span>,
-  theme <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"light"</span>, <span class='st'>"dark"</span><span class='op'>)</span>,
-  type <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"popup"</span>, <span class='st'>"standalone"</span>, <span class='st'>"page"</span><span class='op'>)</span>,
-  <span class='va'>...</span>,
-  session <span class='op'>=</span> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span><span class='op'>(</span><span class='op'>)</span>
-<span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>photos</th>
-      <td><p>List of photos</p></td>
-    </tr>
-    <tr>
-      <th>theme</th>
-      <td><p>Browser theme: choose either light or dark.</p></td>
-    </tr>
-    <tr>
-      <th>type</th>
-      <td><p>Browser type: choose among <code><a href='https://rdrr.io/r/base/c.html'>c("popup", "standalone", "page")</a></code>.</p></td>
-    </tr>
-    <tr>
-      <th>...</th>
-      <td><p>Other options.</p></td>
-    </tr>
-    <tr>
-      <th>session</th>
-      <td><p>Shiny session object.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"f7PhotoBrowser"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7PhotoBrowser"</span><span class='op'>)</span>,
-       <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"togglePhoto"</span>, <span class='st'>"Open photo"</span><span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-    <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>togglePhoto</span>, <span class='op'>{</span>
-     <span class='fu'>f7PhotoBrowser</span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"photobrowser1"</span>,
-         label <span class='op'>=</span> <span class='st'>"Open"</span>,
-         theme <span class='op'>=</span> <span class='st'>"light"</span>,
-         type <span class='op'>=</span> <span class='st'>"standalone"</span>,
-         photos <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span>
-           <span class='st'>"https://cdn.framework7.io/placeholder/sports-1024x1024-1.jpg"</span>,
-           <span class='st'>"https://cdn.framework7.io/placeholder/sports-1024x1024-2.jpg"</span>,
-           <span class='st'>"https://cdn.framework7.io/placeholder/sports-1024x1024-3.jpg"</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span>
-    <span class='op'>}</span><span class='op'>)</span>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7PhotoBrowser</span><span class="op">(</span></span>
+<span>  <span class="va">photos</span>,</span>
+<span>  theme <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"light"</span>, <span class="st">"dark"</span><span class="op">)</span>,</span>
+<span>  type <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"popup"</span>, <span class="st">"standalone"</span>, <span class="st">"page"</span><span class="op">)</span>,</span>
+<span>  <span class="va">...</span>,</span>
+<span>  session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-   <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>photos</dt>
+<dd><p>List of photos</p></dd>
+
+
+<dt>theme</dt>
+<dd><p>Browser theme: choose either light or dark.</p></dd>
+
+
+<dt>type</dt>
+<dd><p>Browser type: choose among <code>c("popup", "standalone", "page")</code>.</p></dd>
+
+
+<dt>...</dt>
+<dd><p>Other options.</p></dd>
+
+
+<dt>session</dt>
+<dd><p>Shiny session object.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"f7PhotoBrowser"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7PhotoBrowser"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"togglePhoto"</span>, <span class="st">"Open photo"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">togglePhoto</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>     <span class="fu">f7PhotoBrowser</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"photobrowser1"</span>,</span></span>
+<span class="r-in"><span>         label <span class="op">=</span> <span class="st">"Open"</span>,</span></span>
+<span class="r-in"><span>         theme <span class="op">=</span> <span class="st">"dark"</span>,</span></span>
+<span class="r-in"><span>         type <span class="op">=</span> <span class="st">"standalone"</span>,</span></span>
+<span class="r-in"><span>         photos <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           <span class="st">"https://cdn.framework7.io/placeholder/sports-1024x1024-1.jpg"</span>,</span></span>
+<span class="r-in"><span>           <span class="st">"https://cdn.framework7.io/placeholder/sports-1024x1024-2.jpg"</span>,</span></span>
+<span class="r-in"><span>           <span class="st">"https://cdn.framework7.io/placeholder/sports-1024x1024-3.jpg"</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Popup.html b/docs/reference/f7Popup.html
index 402a7703..d5162e23 100644
--- a/docs/reference/f7Popup.html
+++ b/docs/reference/f7Popup.html
@@ -1,313 +1,215 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Popup creates a popup window with any UI content that pops up over App's main content.
+Popup as all other overlays is part of so called &quot;Temporary Views&quot;."><title>Framework7 popup — f7Popup • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 popup — f7Popup"><meta property="og:description" content="f7Popup creates a popup window with any UI content that pops up over App's main content.
+Popup as all other overlays is part of so called &quot;Temporary Views&quot;."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-<title>Create a f7 popup — f7Popup • shinyMobile</title>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
+</li>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
+</li>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
+     
+  </a>
+</li>
+      </ul></div>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 popup</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Popup.R" class="external-link"><code>R/f7Popup.R</code></a></small>
+      <div class="d-none name"><code>f7Popup.Rd</code></div>
+    </div>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div class="ref-description section level2">
+    <p><code>f7Popup</code> creates a popup window with any UI content that pops up over App's main content.
+Popup as all other overlays is part of so called "Temporary Views".</p>
+    </div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Popup</span><span class="op">(</span></span>
+<span>  <span class="va">...</span>,</span>
+<span>  <span class="va">id</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  backdrop <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  closeByBackdropClick <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  closeOnEscape <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  animate <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  swipeToClose <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  fullsize <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  closeButton <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>UI elements for the body of the popup window.</p></dd>
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
 
+<dt>id</dt>
+<dd><p>Popup unique id. Useful if you want to access the popup state.
+input$&lt;id&gt; is TRUE when the popup is opened and inversely.</p></dd>
 
 
-  <link href="../extra.css" rel="stylesheet">
-  
+<dt>title</dt>
+<dd><p>Title for the popup window, use <code>NULL</code> for no title.</p></dd>
 
-<meta property="og:title" content="Create a f7 popup — f7Popup" />
-<meta property="og:description" content="Popup is a popup window with any UI content that pops up over App's main content.
- Popup as all other overlays is part of so called &quot;Temporary Views&quot;." />
-<meta property="og:image" content="/logo.png" />
 
+<dt>backdrop</dt>
+<dd><p>Enables Popup backdrop (dark semi transparent layer behind).
+Default to <code>TRUE</code>.</p></dd>
 
 
+<dt>closeByBackdropClick</dt>
+<dd><p>When enabled, popup will be closed on backdrop click.
+Default to <code>TRUE</code>.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.8.0.9000</span>
-      </span>
-    </div>
+<dt>closeOnEscape</dt>
+<dd><p>When enabled, popup will be closed on ESC keyboard key press.
+Default to <code>FALSE</code>.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.8.0.9000</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa fab fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
 
-      
+<dt>animate</dt>
+<dd><p>Whether the Popup should be opened/closed with animation or not.
+Default to <code>TRUE</code>.</p></dd>
 
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a f7 popup</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Popup.R'><code>R/f7Popup.R</code></a></small>
-    <div class="hidden name"><code>f7Popup.Rd</code></div>
-    </div>
-
-    <div class="ref-description">
-    <p>Popup is a popup window with any UI content that pops up over App's main content.
- Popup as all other overlays is part of so called "Temporary Views".</p>
-    </div>
-
-    <pre class="usage"><span class='fu'>f7Popup</span>(
-  <span class='no'>...</span>,
-  <span class='no'>id</span>,
-  <span class='kw'>title</span> <span class='kw'>=</span> <span class='kw'>NULL</span>,
-  <span class='kw'>backdrop</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
-  <span class='kw'>closeByBackdropClick</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
-  <span class='kw'>closeOnEscape</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
-  <span class='kw'>animate</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>,
-  <span class='kw'>swipeToClose</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
-  <span class='kw'>fullsize</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
-  <span class='kw'>closeButton</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
-)</pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>UI elements for the body of the popup window.</p></td>
-    </tr>
-    <tr>
-      <th>id</th>
-      <td><p>Popup unique id.</p></td>
-    </tr>
-    <tr>
-      <th>title</th>
-      <td><p>Title for the popup window, use <code>NULL</code> for no title.</p></td>
-    </tr>
-    <tr>
-      <th>backdrop</th>
-      <td><p>Enables Popup backdrop (dark semi transparent layer behind).
-Default to <code>TRUE</code>.</p></td>
-    </tr>
-    <tr>
-      <th>closeByBackdropClick</th>
-      <td><p>When enabled, popup will be closed on backdrop click.
-Default to <code>TRUE</code>.</p></td>
-    </tr>
-    <tr>
-      <th>closeOnEscape</th>
-      <td><p>When enabled, popup will be closed on ESC keyboard key press.
-Default to <code>FALSE</code>.</p></td>
-    </tr>
-    <tr>
-      <th>animate</th>
-      <td><p>Whether the Popup should be opened/closed with animation or not.
-Default to <code>TRUE</code>.</p></td>
-    </tr>
-    <tr>
-      <th>swipeToClose</th>
-      <td><p>Whether the Popup can be closed with swipe gesture.
+<dt>swipeToClose</dt>
+<dd><p>Whether the Popup can be closed with swipe gesture.
 Can be true to allow to close popup with swipes to top and to bottom.
-Default to <code>FALSE</code>.</p></td>
-    </tr>
-    <tr>
-      <th>fullsize</th>
-      <td><p>Open popup in full width or not. Default to <code>FALSE</code>.</p></td>
-    </tr>
-    <tr>
-      <th>closeButton</th>
-      <td><p>Add or not a button to easily close the popup.
-Default to <code>TRUE</code>.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> (<span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span>()) {
- <span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>shiny</span>)
- <span class='fu'><a href='https://rdrr.io/r/base/library.html'>library</a></span>(<span class='no'>shinyMobile</span>)
- <span class='kw pkg'>shiny</span><span class='kw ns'>::</span><span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/shinyApp.html'>shinyApp</a></span>(
-   <span class='kw'>ui</span> <span class='kw'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span>(
-     <span class='kw'>color</span> <span class='kw'>=</span> <span class='st'>"pink"</span>,
-     <span class='kw'>title</span> <span class='kw'>=</span> <span class='st'>"My app"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span>(
-      <span class='kw'>navbar</span> <span class='kw'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span>(
-        <span class='kw'>title</span> <span class='kw'>=</span> <span class='st'>"f7Popup"</span>,
-        <span class='kw'>hairline</span> <span class='kw'>=</span> <span class='fl'>FALSE</span>,
-        <span class='kw'>shadow</span> <span class='kw'>=</span> <span class='fl'>TRUE</span>
-      ),
-      <span class='fu'><a href='f7Button.html'>f7Button</a></span>(<span class='st'>"togglePopup"</span>, <span class='st'>"Toggle Popup"</span>),
-      <span class='fu'>f7Popup</span>(
-       <span class='kw'>id</span> <span class='kw'>=</span> <span class='st'>"popup1"</span>,
-       <span class='kw'>title</span> <span class='kw'>=</span> <span class='st'>"My first popup"</span>,
-       <span class='fu'><a href='f7Text.html'>f7Text</a></span>(<span class='st'>"text"</span>, <span class='st'>"Popup content"</span>, <span class='st'>"This is my first popup ever, I swear!"</span>),
-       <span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/textOutput.html'>verbatimTextOutput</a></span>(<span class='st'>"popupContent"</span>)
-      )
-     )
-   ),
-   <span class='kw'>server</span> <span class='kw'>=</span> <span class='kw'>function</span>(<span class='no'>input</span>, <span class='no'>output</span>, <span class='no'>session</span>) {
-
-    <span class='no'>output</span>$<span class='no'>popupContent</span> <span class='kw'>&lt;-</span> <span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/renderPrint.html'>renderPrint</a></span>(<span class='no'>input</span>$<span class='no'>text</span>)
-
-    <span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/observeEvent.html'>observeEvent</a></span>(<span class='no'>input</span>$<span class='no'>togglePopup</span>, {
-     <span class='fu'><a href='f7TogglePopup.html'>f7TogglePopup</a></span>(<span class='kw'>id</span> <span class='kw'>=</span> <span class='st'>"popup1"</span>)
-    })
-
-    <span class='fu'><a href='https://shiny.rstudio.com/reference/shiny/latest/observeEvent.html'>observeEvent</a></span>(<span class='no'>input</span>$<span class='no'>popup1</span>, {
-
-     <span class='no'>popupStatus</span> <span class='kw'>&lt;-</span> <span class='kw'>if</span> (<span class='no'>input</span>$<span class='no'>popup1</span>) <span class='st'>"opened"</span> <span class='kw'>else</span> <span class='st'>"closed"</span>
-
-     <span class='fu'><a href='f7Toast.html'>f7Toast</a></span>(
-      <span class='no'>session</span>,
-      <span class='kw'>position</span> <span class='kw'>=</span> <span class='st'>"top"</span>,
-      <span class='kw'>text</span> <span class='kw'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span>(<span class='st'>"Popup is"</span>, <span class='no'>popupStatus</span>)
-     )
-    })
-   }
- )
-}</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+Default to <code>FALSE</code>.</p></dd>
+
+
+<dt>fullsize</dt>
+<dd><p>Open popup in full width or not. Default to <code>FALSE</code>.</p></dd>
+
+
+<dt>closeButton</dt>
+<dd><p>Add or not a button to easily close the popup.
+Default to <code>TRUE</code>.</p></dd>
+
+
+<dt>session</dt>
+<dd><p>Shiny session object.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Popup"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        title <span class="op">=</span> <span class="st">"f7Popup"</span>,</span></span>
+<span class="r-in"><span>        hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span><span class="st">"togglePopup"</span>, <span class="st">"Toggle Popup"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>    <span class="va">output</span><span class="op">$</span><span class="va">popupContent</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderPrint</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">text</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">togglePopup</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>     <span class="fu">f7Popup</span><span class="op">(</span></span></span>
+<span class="r-in"><span>       id <span class="op">=</span> <span class="st">"popup1"</span>,</span></span>
+<span class="r-in"><span>       title <span class="op">=</span> <span class="st">"My first popup"</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="text.html">f7Text</a></span><span class="op">(</span><span class="st">"text"</span>, <span class="st">"Popup content"</span>, <span class="st">"This is my first popup ever, I swear!"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">verbatimTextOutput</a></span><span class="op">(</span><span class="st">"popupContent"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">popup1</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">popupStatus</span> <span class="op">&lt;-</span> <span class="kw">if</span> <span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">popup1</span><span class="op">)</span> <span class="st">"opened"</span> <span class="kw">else</span> <span class="st">"closed"</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7Toast.html">f7Toast</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      position <span class="op">=</span> <span class="st">"top"</span>,</span></span>
+<span class="r-in"><span>      text <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Popup is"</span>, <span class="va">popupStatus</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Row.html b/docs/reference/f7Row.html
index f469b098..bf88ee7a 100644
--- a/docs/reference/f7Row.html
+++ b/docs/reference/f7Row.html
@@ -1,260 +1,156 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 row container — f7Row • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 row container — f7Row" />
-<meta property="og:description" content="Build a Framework7 row container" />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 row container"><title>Framework7 row container — f7Row • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 row container — f7Row"><meta property="og:description" content="Build a Framework7 row container"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 row container</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Grid.R'><code>R/f7Grid.R</code></a></small>
-    <div class="hidden name"><code>f7Row.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 row container</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Grid.R" class="external-link"><code>R/f7Grid.R</code></a></small>
+      <div class="d-none name"><code>f7Row.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Build a Framework7 row container</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Row</span><span class='op'>(</span><span class='va'>...</span>, gap <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Row content.</p></td>
-    </tr>
-    <tr>
-      <th>gap</th>
-      <td><p>Whether to display gap between columns. TRUE by default.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Row</span><span class="op">(</span><span class="va">...</span>, gap <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Row content.</p></dd>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
+<dt>gap</dt>
+<dd><p>Whether to display gap between columns. TRUE by default.</p></dd>
 
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Grid"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-     navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Row, f7Col"</span><span class='op'>)</span>,
-     <span class='fu'>f7Row</span><span class='op'>(</span>
-     <span class='fu'><a href='f7Col.html'>f7Col</a></span><span class='op'>(</span>
-      <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-       <span class='st'>"This is a simple card with plain text,
-       but cards can also contain their own header,
-       footer, list view, image, or any other element."</span>
-      <span class='op'>)</span>
-     <span class='op'>)</span>,
-     <span class='fu'><a href='f7Col.html'>f7Col</a></span><span class='op'>(</span>
-      <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-       title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-       <span class='st'>"This is a simple card with plain text,
-        but cards can also contain their own header,
-        footer, list view, image, or any other element."</span>,
-       footer <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-        <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"blue"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span><span class='op'>)</span>,
-        <span class='fu'><a href='f7Badge.html'>f7Badge</a></span><span class='op'>(</span><span class='st'>"Badge"</span>, color <span class='op'>=</span> <span class='st'>"green"</span><span class='op'>)</span>
-       <span class='op'>)</span>
-      <span class='op'>)</span>
-     <span class='op'>)</span>
-    <span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
 
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Grid"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Row, f7Col"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">f7Row</span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7Col.html">f7Col</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       <span class="st">"This is a simple card with plain text,</span></span></span>
+<span class="r-in"><span><span class="st">       but cards can also contain their own header,</span></span></span>
+<span class="r-in"><span><span class="st">       footer, list view, image, or any other element."</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7Col.html">f7Col</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>       <span class="st">"This is a simple card with plain text,</span></span></span>
+<span class="r-in"><span><span class="st">        but cards can also contain their own header,</span></span></span>
+<span class="r-in"><span><span class="st">        footer, list view, image, or any other element."</span>,</span></span>
+<span class="r-in"><span>       footer <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"blue"</span>, label <span class="op">=</span> <span class="st">"My button"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="f7Badge.html">f7Badge</a></span><span class="op">(</span><span class="st">"Badge"</span>, color <span class="op">=</span> <span class="st">"green"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7SearchIgnore.html b/docs/reference/f7SearchIgnore.html
index d06a601e..29c8e21d 100644
--- a/docs/reference/f7SearchIgnore.html
+++ b/docs/reference/f7SearchIgnore.html
@@ -1,215 +1,108 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Utility to ignore an item from search. — f7SearchIgnore • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Utility to ignore an item from search. — f7SearchIgnore" />
-<meta property="og:description" content="Use with f7Searchbar." />
-<meta property="og:image" content="/logo.png" />
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to ignore an item from search. — f7SearchIgnore • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Utility to ignore an item from search. — f7SearchIgnore"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Utility to ignore an item from search.</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Searchbar.R'><code>R/f7Searchbar.R</code></a></small>
-    <div class="hidden name"><code>f7SearchIgnore.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Utility to ignore an item from search.</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Searchbar.R" class="external-link"><code>R/f7Searchbar.R</code></a></small>
+      <div class="d-none name"><code>f7SearchIgnore.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>Use with <a href='f7Searchbar.html'>f7Searchbar</a>.</p>
+    <div class="ref-description section level2">
+    <p>Use with <a href="f7Searchbar.html">f7Searchbar</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7SearchIgnore</span><span class='op'>(</span><span class='va'>tag</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7SearchIgnore</span><span class="op">(</span><span class="va">tag</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>tag to ignore.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>tag</dt>
+<dd><p>tag to ignore.</p></dd>
 
+</dl></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Searchbar.html b/docs/reference/f7Searchbar.html
index 4047d06e..f2c0739d 100644
--- a/docs/reference/f7Searchbar.html
+++ b/docs/reference/f7Searchbar.html
@@ -1,339 +1,234 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework 7 searchbar — f7Searchbar • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework 7 searchbar — f7Searchbar" />
-<meta property="og:description" content="Searchbar to filter elements in a page." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Searchbar to filter elements in a page."><title>Framework 7 searchbar — f7Searchbar • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework 7 searchbar — f7Searchbar"><meta property="og:description" content="Searchbar to filter elements in a page."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-  </head>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework 7 searchbar</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Searchbar.R'><code>R/f7Searchbar.R</code></a></small>
-    <div class="hidden name"><code>f7Searchbar.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework 7 searchbar</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Searchbar.R" class="external-link"><code>R/f7Searchbar.R</code></a></small>
+      <div class="d-none name"><code>f7Searchbar.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Searchbar to filter elements in a page.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Searchbar</span><span class='op'>(</span>
-  <span class='va'>id</span>,
-  placeholder <span class='op'>=</span> <span class='st'>"Search"</span>,
-  expandable <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  inline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  options <span class='op'>=</span> <span class='cn'>NULL</span>
-<span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>id</th>
-      <td><p>Necessary when using <a href='f7SearchbarTrigger.html'>f7SearchbarTrigger</a>. NULL otherwise.</p></td>
-    </tr>
-    <tr>
-      <th>placeholder</th>
-      <td><p>Searchbar placeholder.</p></td>
-    </tr>
-    <tr>
-      <th>expandable</th>
-      <td><p>Whether to enable the searchbar with a target link,
-in the navbar. See <a href='f7SearchbarTrigger.html'>f7SearchbarTrigger</a>.</p></td>
-    </tr>
-    <tr>
-      <th>inline</th>
-      <td><p>Useful to add an f7Searchbar in an <a href='f7Appbar.html'>f7Appbar</a>.
-Notice that utilities like <a href='f7HideOnSearch.html'>f7HideOnSearch</a> and <a href='f7NotFound.html'>f7NotFound</a> are not
-compatible with this mode.</p></td>
-    </tr>
-    <tr>
-      <th>options</th>
-      <td><p>Search bar options.
-See <a href='https://v5.framework7.io/docs/searchbar.html#searchbar-parameters'>https://v5.framework7.io/docs/searchbar.html#searchbar-parameters</a>.
-If no options are provided, the searchbar will search in list elements by
-item title. This may be changed by updating the default searchContainer and
-searchIn.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
-<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
-<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Searchbar</span><span class="op">(</span></span>
+<span>  <span class="va">id</span>,</span>
+<span>  placeholder <span class="op">=</span> <span class="st">"Search"</span>,</span>
+<span>  expandable <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  inline <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  options <span class="op">=</span> <span class="cn">NULL</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<span class='va'>cars</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/colnames.html'>rownames</a></span><span class='op'>(</span><span class='va'>mtcars</span><span class='op'>)</span>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>id</dt>
+<dd><p>Necessary when using <a href="f7SearchbarTrigger.html">f7SearchbarTrigger</a>. NULL otherwise.</p></dd>
 
-<span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Simple searchbar"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-      navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-        title <span class='op'>=</span> <span class='st'>"f7Searchbar"</span>,
-        hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-        shadow <span class='op'>=</span> <span class='cn'>TRUE</span>,
-        subNavbar <span class='op'>=</span> <span class='fu'><a href='f7SubNavbar.html'>f7SubNavbar</a></span><span class='op'>(</span>
-          <span class='fu'>f7Searchbar</span><span class='op'>(</span>id <span class='op'>=</span> <span class='st'>"search1"</span><span class='op'>)</span>
-        <span class='op'>)</span>
-      <span class='op'>)</span>,
-      <span class='fu'><a href='f7Block.html'>f7Block</a></span><span class='op'>(</span>
-        <span class='st'>"This block will be hidden on search.
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit."</span>
-      <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'><a href='f7HideOnSearch.html'>f7HideOnSearch</a></span><span class='op'>(</span><span class='op'>)</span>,
-      <span class='fu'><a href='f7List.html'>f7List</a></span><span class='op'>(</span>
-        <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/seq.html'>seq_along</a></span><span class='op'>(</span><span class='va'>cars</span><span class='op'>)</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>i</span><span class='op'>)</span> <span class='op'>{</span>
-          <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span><span class='va'>cars</span><span class='op'>[</span><span class='va'>i</span><span class='op'>]</span><span class='op'>)</span>
-        <span class='op'>}</span><span class='op'>)</span>
-      <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'><a href='f7Found.html'>f7Found</a></span><span class='op'>(</span><span class='op'>)</span>,
 
-      <span class='fu'><a href='f7Block.html'>f7Block</a></span><span class='op'>(</span>
-        <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>p</a></span><span class='op'>(</span><span class='st'>"Nothing found"</span><span class='op'>)</span>
-      <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'><a href='f7NotFound.html'>f7NotFound</a></span><span class='op'>(</span><span class='op'>)</span>
+<dt>placeholder</dt>
+<dd><p>Searchbar placeholder.</p></dd>
 
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
 
- <span class='co'># Expandable searchbar with trigger</span>
- <span class='va'>cities</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/names.html'>names</a></span><span class='op'>(</span><span class='va'>precip</span><span class='op'>)</span>
+<dt>expandable</dt>
+<dd><p>Whether to enable the searchbar with a target link,
+in the navbar. See <a href="f7SearchbarTrigger.html">f7SearchbarTrigger</a>.</p></dd>
 
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Expandable searchbar"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='st'>"f7Searchbar with trigger"</span>,
-         hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-         shadow <span class='op'>=</span> <span class='cn'>TRUE</span>,
-         subNavbar <span class='op'>=</span> <span class='fu'><a href='f7SubNavbar.html'>f7SubNavbar</a></span><span class='op'>(</span>
-           <span class='fu'>f7Searchbar</span><span class='op'>(</span>id <span class='op'>=</span> <span class='st'>"search1"</span>, expandable <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span>,
-       <span class='fu'><a href='f7Block.html'>f7Block</a></span><span class='op'>(</span>
-         <span class='fu'><a href='f7SearchbarTrigger.html'>f7SearchbarTrigger</a></span><span class='op'>(</span>targetId <span class='op'>=</span> <span class='st'>"search1"</span><span class='op'>)</span>
-       <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'><a href='f7HideOnSearch.html'>f7HideOnSearch</a></span><span class='op'>(</span><span class='op'>)</span>,
-       <span class='fu'><a href='f7List.html'>f7List</a></span><span class='op'>(</span>
-         <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/seq.html'>seq_along</a></span><span class='op'>(</span><span class='va'>cities</span><span class='op'>)</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>i</span><span class='op'>)</span> <span class='op'>{</span>
-           <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span><span class='va'>cities</span><span class='op'>[</span><span class='va'>i</span><span class='op'>]</span><span class='op'>)</span>
-         <span class='op'>}</span><span class='op'>)</span>
-       <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'><a href='f7Found.html'>f7Found</a></span><span class='op'>(</span><span class='op'>)</span>,
 
-       <span class='fu'><a href='f7Block.html'>f7Block</a></span><span class='op'>(</span>
-         <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>p</a></span><span class='op'>(</span><span class='st'>"Nothing found"</span><span class='op'>)</span>
-       <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'><a href='f7NotFound.html'>f7NotFound</a></span><span class='op'>(</span><span class='op'>)</span>
+<dt>inline</dt>
+<dd><p>Useful to add an f7Searchbar in an <a href="appbar.html">f7Appbar</a>.
+Notice that utilities like <a href="f7HideOnSearch.html">f7HideOnSearch</a> and <a href="f7NotFound.html">f7NotFound</a> are not
+compatible with this mode.</p></dd>
 
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
 
- <span class='co'># Searchbar in \link{f7Appbar}</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Searchbar in appbar"</span>,
-    <span class='fu'><a href='f7Appbar.html'>f7Appbar</a></span><span class='op'>(</span>
-      <span class='fu'>f7Searchbar</span><span class='op'>(</span>id <span class='op'>=</span> <span class='st'>"search1"</span>, inline <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>
-    <span class='op'>)</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-      navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-        title <span class='op'>=</span> <span class='st'>"f7Searchbar in f7Appbar"</span>,
-        hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-        shadow <span class='op'>=</span> <span class='cn'>TRUE</span>
-      <span class='op'>)</span>,
-      <span class='fu'><a href='f7List.html'>f7List</a></span><span class='op'>(</span>
-        <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/seq.html'>seq_along</a></span><span class='op'>(</span><span class='va'>cities</span><span class='op'>)</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>i</span><span class='op'>)</span> <span class='op'>{</span>
-          <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span><span class='va'>cities</span><span class='op'>[</span><span class='va'>i</span><span class='op'>]</span><span class='op'>)</span>
-        <span class='op'>}</span><span class='op'>)</span>
-      <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'><a href='f7Found.html'>f7Found</a></span><span class='op'>(</span><span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>options</dt>
+<dd><p>Search bar options.
+See <a href="https://v5.framework7.io/docs/searchbar.html#searchbar-parameters" class="external-link">https://v5.framework7.io/docs/searchbar.html#searchbar-parameters</a>.
+If no options are provided, the searchbar will search in list elements by
+item title. This may be changed by updating the default searchContainer and
+searchIn.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span><span class="va">cars</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/colnames.html" class="external-link">rownames</a></span><span class="op">(</span><span class="va">mtcars</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Simple searchbar"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        title <span class="op">=</span> <span class="st">"f7Searchbar"</span>,</span></span>
+<span class="r-in"><span>        hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>        shadow <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>        subNavbar <span class="op">=</span> <span class="fu"><a href="f7SubNavbar.html">f7SubNavbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>          <span class="fu">f7Searchbar</span><span class="op">(</span>id <span class="op">=</span> <span class="st">"search1"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="block.html">f7Block</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        <span class="st">"This block will be hidden on search.</span></span></span>
+<span class="r-in"><span><span class="st">        Lorem ipsum dolor sit amet, consectetur adipisicing elit."</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span> <span class="op"><a href="pipe.html">%&gt;%</a></span> <span class="fu"><a href="f7HideOnSearch.html">f7HideOnSearch</a></span><span class="op">(</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="f7List.html">f7List</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/seq.html" class="external-link">seq_along</a></span><span class="op">(</span><span class="va">cars</span><span class="op">)</span>, <span class="kw">function</span><span class="op">(</span><span class="va">i</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>          <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span><span class="va">cars</span><span class="op">[</span><span class="va">i</span><span class="op">]</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span> <span class="op"><a href="pipe.html">%&gt;%</a></span> <span class="fu"><a href="f7Found.html">f7Found</a></span><span class="op">(</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="block.html">f7Block</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">p</a></span><span class="op">(</span><span class="st">"Nothing found"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span> <span class="op"><a href="pipe.html">%&gt;%</a></span> <span class="fu"><a href="f7NotFound.html">f7NotFound</a></span><span class="op">(</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="co"># Expandable searchbar with trigger</span></span></span>
+<span class="r-in"><span> <span class="va">cities</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/names.html" class="external-link">names</a></span><span class="op">(</span><span class="va">precip</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Expandable searchbar"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"f7Searchbar with trigger"</span>,</span></span>
+<span class="r-in"><span>         hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>         shadow <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>         subNavbar <span class="op">=</span> <span class="fu"><a href="f7SubNavbar.html">f7SubNavbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           <span class="fu">f7Searchbar</span><span class="op">(</span>id <span class="op">=</span> <span class="st">"search1"</span>, expandable <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="block.html">f7Block</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7SearchbarTrigger.html">f7SearchbarTrigger</a></span><span class="op">(</span>targetId <span class="op">=</span> <span class="st">"search1"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span> <span class="op"><a href="pipe.html">%&gt;%</a></span> <span class="fu"><a href="f7HideOnSearch.html">f7HideOnSearch</a></span><span class="op">(</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7List.html">f7List</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/seq.html" class="external-link">seq_along</a></span><span class="op">(</span><span class="va">cities</span><span class="op">)</span>, <span class="kw">function</span><span class="op">(</span><span class="va">i</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span><span class="va">cities</span><span class="op">[</span><span class="va">i</span><span class="op">]</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span> <span class="op"><a href="pipe.html">%&gt;%</a></span> <span class="fu"><a href="f7Found.html">f7Found</a></span><span class="op">(</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="block.html">f7Block</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">p</a></span><span class="op">(</span><span class="st">"Nothing found"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span> <span class="op"><a href="pipe.html">%&gt;%</a></span> <span class="fu"><a href="f7NotFound.html">f7NotFound</a></span><span class="op">(</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="co"># Searchbar in \link{f7Appbar}</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Searchbar in appbar"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="appbar.html">f7Appbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      <span class="fu">f7Searchbar</span><span class="op">(</span>id <span class="op">=</span> <span class="st">"search1"</span>, inline <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        title <span class="op">=</span> <span class="st">"f7Searchbar in f7Appbar"</span>,</span></span>
+<span class="r-in"><span>        hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="f7List.html">f7List</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/seq.html" class="external-link">seq_along</a></span><span class="op">(</span><span class="va">cities</span><span class="op">)</span>, <span class="kw">function</span><span class="op">(</span><span class="va">i</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>          <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span><span class="va">cities</span><span class="op">[</span><span class="va">i</span><span class="op">]</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span> <span class="op"><a href="pipe.html">%&gt;%</a></span> <span class="fu"><a href="f7Found.html">f7Found</a></span><span class="op">(</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7SearchbarTrigger.html b/docs/reference/f7SearchbarTrigger.html
index 11b1f9dc..c18b7bfb 100644
--- a/docs/reference/f7SearchbarTrigger.html
+++ b/docs/reference/f7SearchbarTrigger.html
@@ -1,215 +1,108 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework 7 searchbar trigger — f7SearchbarTrigger • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework 7 searchbar trigger — f7SearchbarTrigger" />
-<meta property="og:description" content="Element that triggers the searchbar." />
-<meta property="og:image" content="/logo.png" />
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Element that triggers the searchbar."><title>Framework 7 searchbar trigger — f7SearchbarTrigger • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework 7 searchbar trigger — f7SearchbarTrigger"><meta property="og:description" content="Element that triggers the searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework 7 searchbar trigger</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Searchbar.R'><code>R/f7Searchbar.R</code></a></small>
-    <div class="hidden name"><code>f7SearchbarTrigger.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework 7 searchbar trigger</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Searchbar.R" class="external-link"><code>R/f7Searchbar.R</code></a></small>
+      <div class="d-none name"><code>f7SearchbarTrigger.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Element that triggers the searchbar.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7SearchbarTrigger</span><span class='op'>(</span><span class='va'>targetId</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7SearchbarTrigger</span><span class="op">(</span><span class="va">targetId</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>targetId</th>
-      <td><p>Id of the <a href='f7Searchbar.html'>f7Searchbar</a>.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>targetId</dt>
+<dd><p>Id of the <a href="f7Searchbar.html">f7Searchbar</a>.</p></dd>
 
+</dl></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Segment.html b/docs/reference/f7Segment.html
index dcd1da4c..2c501ed9 100644
--- a/docs/reference/f7Segment.html
+++ b/docs/reference/f7Segment.html
@@ -1,308 +1,204 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 segmented button container — f7Segment • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 segmented button container — f7Segment" />
-<meta property="og:description" content="A Framework7 segmented button container for f7Button." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A Framework7 segmented button container for f7Button."><title>Framework7 segmented button container — f7Segment • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 segmented button container — f7Segment"><meta property="og:description" content="A Framework7 segmented button container for f7Button."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-  </head>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 segmented button container</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Button.R'><code>R/f7Button.R</code></a></small>
-    <div class="hidden name"><code>f7Segment.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 segmented button container</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Button.R" class="external-link"><code>R/f7Button.R</code></a></small>
+      <div class="d-none name"><code>f7Segment.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>A Framework7 segmented button container for <a href='f7Button.html'>f7Button</a>.</p>
+    <div class="ref-description section level2">
+    <p>A Framework7 segmented button container for <a href="button.html">f7Button</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Segment</span><span class='op'>(</span>
-  <span class='va'>...</span>,
-  container <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"segment"</span>, <span class='st'>"row"</span><span class='op'>)</span>,
-  shadow <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  rounded <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  strong <span class='op'>=</span> <span class='cn'>FALSE</span>
-<span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Segment</span><span class="op">(</span></span>
+<span>  <span class="va">...</span>,</span>
+<span>  container <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"segment"</span>, <span class="st">"row"</span><span class="op">)</span>,</span>
+<span>  shadow <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  rounded <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  strong <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='f7Button.html'>f7Button</a>.</p></td>
-    </tr>
-    <tr>
-      <th>container</th>
-      <td><p>Either "row" or "segment".</p></td>
-    </tr>
-    <tr>
-      <th>shadow</th>
-      <td><p>Button shadow. FALSE by default. Only if the container is segment.</p></td>
-    </tr>
-    <tr>
-      <th>rounded</th>
-      <td><p>Round style. FALSE by default. Only if the container is segment.</p></td>
-    </tr>
-    <tr>
-      <th>strong</th>
-      <td><p>Strong style. FALSE by default.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Slot for <a href="button.html">f7Button</a>.</p></dd>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+<dt>container</dt>
+<dd><p>Either "row" or "segment".</p></dd>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
 
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Button Segments"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-     navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Segment, f7Button"</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7BlockTitle.html'>f7BlockTitle</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"Simple Buttons in a row container"</span><span class='op'>)</span>,
-    <span class='fu'>f7Segment</span><span class='op'>(</span>
-     container <span class='op'>=</span> <span class='st'>"row"</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"blue"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, fill <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"green"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span>, fill <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"yellow"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, fill <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>
-    <span class='op'>)</span>,
-    <span class='fu'><a href='f7BlockTitle.html'>f7BlockTitle</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"Filled Buttons in a segment/rounded container"</span><span class='op'>)</span>,
-    <span class='fu'>f7Segment</span><span class='op'>(</span>
-     rounded <span class='op'>=</span> <span class='cn'>TRUE</span>,
-     container <span class='op'>=</span> <span class='st'>"segment"</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"black"</span>, label <span class='op'>=</span> <span class='st'>"Action Button"</span>, inputId <span class='op'>=</span> <span class='st'>"button2"</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"green"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"yellow"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span><span class='op'>)</span>
-    <span class='op'>)</span>,
-    <span class='fu'><a href='f7BlockTitle.html'>f7BlockTitle</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"Outline Buttons in a segment/shadow container"</span><span class='op'>)</span>,
-    <span class='fu'>f7Segment</span><span class='op'>(</span>
-     shadow <span class='op'>=</span> <span class='cn'>TRUE</span>,
-     container <span class='op'>=</span> <span class='st'>"segment"</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"My button"</span>, outline <span class='op'>=</span> <span class='cn'>TRUE</span>, fill <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"My button"</span>, outline <span class='op'>=</span> <span class='cn'>TRUE</span>, fill <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"My button"</span>, outline <span class='op'>=</span> <span class='cn'>TRUE</span>, fill <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>
-    <span class='op'>)</span>,
-    <span class='fu'><a href='f7BlockTitle.html'>f7BlockTitle</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"Buttons in a segment/strong container"</span><span class='op'>)</span>,
-    <span class='fu'>f7Segment</span><span class='op'>(</span>
-     strong <span class='op'>=</span> <span class='cn'>TRUE</span>,
-     container <span class='op'>=</span> <span class='st'>"segment"</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"My button"</span>, fill <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"My button"</span>, fill <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"My button"</span>, fill <span class='op'>=</span> <span class='cn'>FALSE</span>, active <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>
-    <span class='op'>)</span>,
-    <span class='fu'><a href='f7BlockTitle.html'>f7BlockTitle</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"Rounded Buttons in a segment container"</span><span class='op'>)</span>,
-    <span class='fu'>f7Segment</span><span class='op'>(</span>
-     container <span class='op'>=</span> <span class='st'>"segment"</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"blue"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, rounded <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"green"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, rounded <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"yellow"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, rounded <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>
-    <span class='op'>)</span>,
-    <span class='fu'><a href='f7BlockTitle.html'>f7BlockTitle</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"Buttons of different size in a row container"</span><span class='op'>)</span>,
-    <span class='fu'>f7Segment</span><span class='op'>(</span>
-     container <span class='op'>=</span> <span class='st'>"row"</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"pink"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, shadow <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"purple"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, size <span class='op'>=</span> <span class='st'>"large"</span>, shadow <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"orange"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, size <span class='op'>=</span> <span class='st'>"small"</span>, shadow <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>
-    <span class='op'>)</span>,
+<dt>shadow</dt>
+<dd><p>Button shadow. FALSE by default. Only if the container is segment.</p></dd>
 
-    <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>br</a></span><span class='op'>(</span><span class='op'>)</span>, <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>br</a></span><span class='op'>(</span><span class='op'>)</span>,
-    <span class='fu'><a href='f7BlockTitle.html'>f7BlockTitle</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"Click on the black action button to update the value"</span><span class='op'>)</span>,
-    <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/textOutput.html'>verbatimTextOutput</a></span><span class='op'>(</span><span class='st'>"val"</span><span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span>
-   <span class='va'>output</span><span class='op'>$</span><span class='va'>val</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPrint.html'>renderPrint</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>button2</span><span class='op'>)</span>
-  <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
 
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>rounded</dt>
+<dd><p>Round style. FALSE by default. Only if the container is segment.</p></dd>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+<dt>strong</dt>
+<dd><p>Strong style. FALSE by default.</p></dd>
+
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Button Segments"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Segment, f7Button"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7BlockTitle.html">f7BlockTitle</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Simple Buttons in a row container"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu">f7Segment</span><span class="op">(</span></span></span>
+<span class="r-in"><span>     container <span class="op">=</span> <span class="st">"row"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"blue"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, fill <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"green"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span>, fill <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"yellow"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, fill <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7BlockTitle.html">f7BlockTitle</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Filled Buttons in a segment/rounded container"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu">f7Segment</span><span class="op">(</span></span></span>
+<span class="r-in"><span>     rounded <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>     container <span class="op">=</span> <span class="st">"segment"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"black"</span>, label <span class="op">=</span> <span class="st">"Action Button"</span>, inputId <span class="op">=</span> <span class="st">"button2"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"green"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"yellow"</span>, label <span class="op">=</span> <span class="st">"My button"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7BlockTitle.html">f7BlockTitle</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Outline Buttons in a segment/shadow container"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu">f7Segment</span><span class="op">(</span></span></span>
+<span class="r-in"><span>     shadow <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>     container <span class="op">=</span> <span class="st">"segment"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"My button"</span>, outline <span class="op">=</span> <span class="cn">TRUE</span>, fill <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"My button"</span>, outline <span class="op">=</span> <span class="cn">TRUE</span>, fill <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"My button"</span>, outline <span class="op">=</span> <span class="cn">TRUE</span>, fill <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7BlockTitle.html">f7BlockTitle</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Buttons in a segment/strong container"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu">f7Segment</span><span class="op">(</span></span></span>
+<span class="r-in"><span>     strong <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>     container <span class="op">=</span> <span class="st">"segment"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"My button"</span>, fill <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"My button"</span>, fill <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"My button"</span>, fill <span class="op">=</span> <span class="cn">FALSE</span>, active <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7BlockTitle.html">f7BlockTitle</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Rounded Buttons in a segment container"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu">f7Segment</span><span class="op">(</span></span></span>
+<span class="r-in"><span>     container <span class="op">=</span> <span class="st">"segment"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"blue"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, rounded <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"green"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, rounded <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"yellow"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, rounded <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7BlockTitle.html">f7BlockTitle</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Buttons of different size in a row container"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu">f7Segment</span><span class="op">(</span></span></span>
+<span class="r-in"><span>     container <span class="op">=</span> <span class="st">"row"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"pink"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, shadow <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"purple"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, size <span class="op">=</span> <span class="st">"large"</span>, shadow <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"orange"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, size <span class="op">=</span> <span class="st">"small"</span>, shadow <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span>,</span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">br</a></span><span class="op">(</span><span class="op">)</span>, <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">br</a></span><span class="op">(</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7BlockTitle.html">f7BlockTitle</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Click on the black action button to update the value"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">verbatimTextOutput</a></span><span class="op">(</span><span class="st">"val"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>   <span class="va">output</span><span class="op">$</span><span class="va">val</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderPrint</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">button2</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Shadow.html b/docs/reference/f7Shadow.html
index 6a052998..59a1e263 100644
--- a/docs/reference/f7Shadow.html
+++ b/docs/reference/f7Shadow.html
@@ -1,262 +1,158 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 shadow effect — f7Shadow • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 shadow effect — f7Shadow" />
-<meta property="og:description" content="Creates a shadow effect to apply on UI elements like f7Card." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Creates a shadow effect to apply on UI elements like f7Card."><title>Framework7 shadow effect — f7Shadow • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 shadow effect — f7Shadow"><meta property="og:description" content="Creates a shadow effect to apply on UI elements like f7Card."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 shadow effect</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Shadow.R'><code>R/f7Shadow.R</code></a></small>
-    <div class="hidden name"><code>f7Shadow.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 shadow effect</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Shadow.R" class="external-link"><code>R/f7Shadow.R</code></a></small>
+      <div class="d-none name"><code>f7Shadow.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>Creates a shadow effect to apply on UI elements like <a href='f7Card.html'>f7Card</a>.</p>
+    <div class="ref-description section level2">
+    <p>Creates a shadow effect to apply on UI elements like <a href="card.html">f7Card</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Shadow</span><span class='op'>(</span><span class='va'>tag</span>, <span class='va'>intensity</span>, hover <span class='op'>=</span> <span class='cn'>FALSE</span>, pressed <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Shadow</span><span class="op">(</span><span class="va">tag</span>, <span class="va">intensity</span>, hover <span class="op">=</span> <span class="cn">FALSE</span>, pressed <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>Tag to apply the shadow on.</p></td>
-    </tr>
-    <tr>
-      <th>intensity</th>
-      <td><p>Shadow intensity. Numeric between 1 and 24. 24 is the highest elevation.</p></td>
-    </tr>
-    <tr>
-      <th>hover</th>
-      <td><p>Whether to display the shadow on hover. FALSE by default.</p></td>
-    </tr>
-    <tr>
-      <th>pressed</th>
-      <td><p>Whether to display the shadow on click. FALSE by default.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>tag</dt>
+<dd><p>Tag to apply the shadow on.</p></dd>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+<dt>intensity</dt>
+<dd><p>Shadow intensity. Numeric between 1 and 24. 24 is the highest elevation.</p></dd>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
 
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Shadows"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-     navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Shadow"</span><span class='op'>)</span>,
-     <span class='fu'>f7Shadow</span><span class='op'>(</span>
-     intensity <span class='op'>=</span> <span class='fl'>16</span>,
-     hover <span class='op'>=</span> <span class='cn'>TRUE</span>,
-     pressed <span class='op'>=</span> <span class='cn'>TRUE</span>,
-     <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-      title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-      <span class='st'>"This is a simple card with plain text,
-       but cards can also contain their own header,
-       footer, list view, image, or any other element."</span>,
-      footer <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-       <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"blue"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,
-       <span class='fu'><a href='f7Badge.html'>f7Badge</a></span><span class='op'>(</span><span class='st'>"Badge"</span>, color <span class='op'>=</span> <span class='st'>"green"</span><span class='op'>)</span>
-      <span class='op'>)</span>
-     <span class='op'>)</span>
-    <span class='op'>)</span>
-    <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
+<dt>hover</dt>
+<dd><p>Whether to display the shadow on hover. FALSE by default.</p></dd>
 
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
+<dt>pressed</dt>
+<dd><p>Whether to display the shadow on click. FALSE by default.</p></dd>
+
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Shadows"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Shadow"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">f7Shadow</span><span class="op">(</span></span></span>
+<span class="r-in"><span>     intensity <span class="op">=</span> <span class="fl">16</span>,</span></span>
+<span class="r-in"><span>     hover <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>     pressed <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>      <span class="st">"This is a simple card with plain text,</span></span></span>
+<span class="r-in"><span><span class="st">       but cards can also contain their own header,</span></span></span>
+<span class="r-in"><span><span class="st">       footer, list view, image, or any other element."</span>,</span></span>
+<span class="r-in"><span>      footer <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"blue"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Badge.html">f7Badge</a></span><span class="op">(</span><span class="st">"Badge"</span>, color <span class="op">=</span> <span class="st">"green"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7SingleLayout.html b/docs/reference/f7SingleLayout.html
index 5b043824..8ffa926b 100644
--- a/docs/reference/f7SingleLayout.html
+++ b/docs/reference/f7SingleLayout.html
@@ -1,279 +1,175 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 single layout — f7SingleLayout • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 single layout — f7SingleLayout" />
-<meta property="og:description" content="f7SingleLayout provides a simple page layout." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7SingleLayout provides a simple page layout."><title>Framework7 single layout — f7SingleLayout • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 single layout — f7SingleLayout"><meta property="og:description" content="f7SingleLayout provides a simple page layout."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-  </head>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 single layout</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Page.R'><code>R/f7Page.R</code></a></small>
-    <div class="hidden name"><code>f7SingleLayout.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 single layout</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Page.R" class="external-link"><code>R/f7Page.R</code></a></small>
+      <div class="d-none name"><code>f7SingleLayout.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p><code>f7SingleLayout</code> provides a simple page layout.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7SingleLayout</span><span class='op'>(</span><span class='va'>...</span>, <span class='va'>navbar</span>, toolbar <span class='op'>=</span> <span class='cn'>NULL</span>, panels <span class='op'>=</span> <span class='cn'>NULL</span>, appbar <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7SingleLayout</span><span class="op">(</span><span class="va">...</span>, <span class="va">navbar</span>, toolbar <span class="op">=</span> <span class="cn">NULL</span>, panels <span class="op">=</span> <span class="cn">NULL</span>, appbar <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Content.</p></td>
-    </tr>
-    <tr>
-      <th>navbar</th>
-      <td><p>Slot for <a href='f7Navbar.html'>f7Navbar</a>.</p></td>
-    </tr>
-    <tr>
-      <th>toolbar</th>
-      <td><p>Slot for <a href='f7Toolbar.html'>f7Toolbar</a>.</p></td>
-    </tr>
-    <tr>
-      <th>panels</th>
-      <td><p>Slot for <a href='f7Panel.html'>f7Panel</a>.
-Wrap in <code>tagList</code> if multiple panels.</p></td>
-    </tr>
-    <tr>
-      <th>appbar</th>
-      <td><p>Slot for <a href='f7Appbar.html'>f7Appbar</a>.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Content.</p></dd>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+<dt>navbar</dt>
+<dd><p>Slot for <a href="navbar.html">f7Navbar</a>.</p></dd>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Single layout"</span>,
-    <span class='fu'>f7SingleLayout</span><span class='op'>(</span>
-      navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-        title <span class='op'>=</span> <span class='st'>"Single Layout"</span>,
-        hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-        shadow <span class='op'>=</span> <span class='cn'>TRUE</span>
-      <span class='op'>)</span>,
-      toolbar <span class='op'>=</span> <span class='fu'><a href='f7Toolbar.html'>f7Toolbar</a></span><span class='op'>(</span>
-        position <span class='op'>=</span> <span class='st'>"bottom"</span>,
-        <span class='fu'><a href='f7Link.html'>f7Link</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"Link 1"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,
-        <span class='fu'><a href='f7Link.html'>f7Link</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"Link 2"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>
-      <span class='op'>)</span>,
-      <span class='co'># main content</span>
-      <span class='fu'><a href='f7Shadow.html'>f7Shadow</a></span><span class='op'>(</span>
-        intensity <span class='op'>=</span> <span class='fl'>10</span>,
-        hover <span class='op'>=</span> <span class='cn'>TRUE</span>,
-        <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-          title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-          <span class='fu'><a href='f7Slider.html'>f7Slider</a></span><span class='op'>(</span><span class='st'>"obs"</span>, <span class='st'>"Number of observations"</span>, <span class='fl'>0</span>, <span class='fl'>1000</span>, <span class='fl'>500</span><span class='op'>)</span>,
-          <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/plotOutput.html'>plotOutput</a></span><span class='op'>(</span><span class='st'>"distPlot"</span><span class='op'>)</span>,
-          footer <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-            <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"blue"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,
-            <span class='fu'><a href='f7Badge.html'>f7Badge</a></span><span class='op'>(</span><span class='st'>"Badge"</span>, color <span class='op'>=</span> <span class='st'>"green"</span><span class='op'>)</span>
-          <span class='op'>)</span>
-        <span class='op'>)</span>
-      <span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span>
-    <span class='va'>output</span><span class='op'>$</span><span class='va'>distPlot</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPlot.html'>renderPlot</a></span><span class='op'>(</span><span class='op'>{</span>
-      <span class='va'>dist</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>obs</span><span class='op'>)</span>
-      <span class='fu'><a href='https://rdrr.io/r/graphics/hist.html'>hist</a></span><span class='op'>(</span><span class='va'>dist</span><span class='op'>)</span>
-    <span class='op'>}</span><span class='op'>)</span>
-  <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
 
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>toolbar</dt>
+<dd><p>Slot for <a href="f7Toolbar.html">f7Toolbar</a>.</p></dd>
+
+
+<dt>panels</dt>
+<dd><p>Slot for <a href="panel.html">f7Panel</a>.
+Wrap in <code>tagList</code> if multiple panels.</p></dd>
+
+
+<dt>appbar</dt>
+<dd><p>Slot for <a href="appbar.html">f7Appbar</a>.</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Single layout"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu">f7SingleLayout</span><span class="op">(</span></span></span>
+<span class="r-in"><span>      navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        title <span class="op">=</span> <span class="st">"Single Layout"</span>,</span></span>
+<span class="r-in"><span>        hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      toolbar <span class="op">=</span> <span class="fu"><a href="f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        position <span class="op">=</span> <span class="st">"bottom"</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="co"># main content</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        intensity <span class="op">=</span> <span class="fl">10</span>,</span></span>
+<span class="r-in"><span>        hover <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>          title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="slider.html">f7Slider</a></span><span class="op">(</span><span class="st">"obs"</span>, <span class="st">"Number of observations"</span>, <span class="fl">0</span>, <span class="fl">1000</span>, <span class="fl">500</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html" class="external-link">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>          footer <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>            <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"blue"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>            <span class="fu"><a href="f7Badge.html">f7Badge</a></span><span class="op">(</span><span class="st">"Badge"</span>, color <span class="op">=</span> <span class="st">"green"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>          <span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>    <span class="va">output</span><span class="op">$</span><span class="va">distPlot</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html" class="external-link">renderPlot</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="va">dist</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html" class="external-link">hist</a></span><span class="op">(</span><span class="va">dist</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Skeleton.html b/docs/reference/f7Skeleton.html
index 20501314..e5a38c5c 100644
--- a/docs/reference/f7Skeleton.html
+++ b/docs/reference/f7Skeleton.html
@@ -1,260 +1,173 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework 7 skeleton effect — f7Skeleton • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework 7 skeleton effect — f7Skeleton" />
-<meta property="og:description" content="Nice loading overlay for UI elements." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Nice loading overlay for UI elements."><title>Framework 7 skeleton effect — f7Skeleton • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework 7 skeleton effect — f7Skeleton"><meta property="og:description" content="Nice loading overlay for UI elements."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework 7 skeleton effect</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Skeleton.R'><code>R/f7Skeleton.R</code></a></small>
-    <div class="hidden name"><code>f7Skeleton.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework 7 skeleton effect</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Skeleton.R" class="external-link"><code>R/f7Skeleton.R</code></a></small>
+      <div class="d-none name"><code>f7Skeleton.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Nice loading overlay for UI elements.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Skeleton</span><span class='op'>(</span><span class='va'>tag</span>, effect <span class='op'>=</span> <span class='st'>"fade"</span>, duration <span class='op'>=</span> <span class='fl'>2</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>tag</th>
-      <td><p>Tag to be modified.</p></td>
-    </tr>
-    <tr>
-      <th>effect</th>
-      <td><p>Choose between "fade", "blink" or "pulse".</p></td>
-    </tr>
-    <tr>
-      <th>duration</th>
-      <td><p>Effect duration: 2s by default.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Skeletons"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Skeleton"</span><span class='op'>)</span>,
-       <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-         <span class='st'>"This is a simple card with plain text,
-      but cards can also contain their own header,
-      footer, list view, image, or any other element."</span>,
-         footer <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-           <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"blue"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,
-           <span class='fu'><a href='f7Badge.html'>f7Badge</a></span><span class='op'>(</span><span class='st'>"Badge"</span>, color <span class='op'>=</span> <span class='st'>"green"</span><span class='op'>)</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'>f7Skeleton</span><span class='op'>(</span><span class='op'>)</span>,
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Skeleton</span><span class="op">(</span></span>
+<span>  target <span class="op">=</span> <span class="st">".card"</span>,</span>
+<span>  effect <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"fade"</span>, <span class="st">"blink"</span>, <span class="st">"pulse"</span><span class="op">)</span>,</span>
+<span>  duration <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-        <span class='fu'><a href='f7List.html'>f7List</a></span><span class='op'>(</span>
-         <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span>
-           href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span>,
-           title <span class='op'>=</span> <span class='st'>"Item 1"</span>
-         <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'>f7Skeleton</span><span class='op'>(</span>effect <span class='op'>=</span> <span class='st'>"pulse"</span>, duration <span class='op'>=</span> <span class='fl'>5</span><span class='op'>)</span> ,
-         <span class='fu'><a href='f7ListItem.html'>f7ListItem</a></span><span class='op'>(</span>
-           href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span>,
-           title <span class='op'>=</span> <span class='st'>"Item 2"</span>
-         <span class='op'>)</span> <span class='op'>%&gt;%</span> <span class='fu'>f7Skeleton</span><span class='op'>(</span>effect <span class='op'>=</span> <span class='st'>"pulse"</span>, duration <span class='op'>=</span> <span class='fl'>5</span><span class='op'>)</span>
-        <span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>target</dt>
+<dd><p>CSS selector on which to apply the effect.
+In general, you apply the effect on a wrapper such as a card,
+such that all nested elements receive the skeleton.</p></dd>
+
+
+<dt>effect</dt>
+<dd><p>Choose between "fade", "blink" or "pulse".</p></dd>
+
+
+<dt>duration</dt>
+<dd><p>Effect duration. NULL by default. If you know
+exactly how much time your most time consuming output takes
+to render, you can pass an explicit duration. In other cases,
+leave it to NULL.</p></dd>
+
+
+<dt>session</dt>
+<dd><p>Shiny session object.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Skeletons"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Skeleton"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>         <span class="st">"This is a simple card with plain text,</span></span></span>
+<span class="r-in"><span><span class="st">      but cards can also contain their own header,</span></span></span>
+<span class="r-in"><span><span class="st">      footer, list view, image, or any other element."</span>,</span></span>
+<span class="r-in"><span>         footer <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"blue"</span>, label <span class="op">=</span> <span class="st">"My button"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7Badge.html">f7Badge</a></span><span class="op">(</span><span class="st">"Badge"</span>, color <span class="op">=</span> <span class="st">"green"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>        <span class="fu"><a href="f7List.html">f7List</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           href <span class="op">=</span> <span class="st">"https://www.google.com"</span>,</span></span>
+<span class="r-in"><span>           title <span class="op">=</span> <span class="st">"Item 1"</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7ListItem.html">f7ListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           href <span class="op">=</span> <span class="st">"https://www.google.com"</span>,</span></span>
+<span class="r-in"><span>           title <span class="op">=</span> <span class="st">"Item 2"</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="cn">TRUE</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu">f7Skeleton</span><span class="op">(</span><span class="st">".card"</span>, <span class="st">"fade"</span>, <span class="fl">2</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span>, once <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Slide.html b/docs/reference/f7Slide.html
index 749d31cd..96904640 100644
--- a/docs/reference/f7Slide.html
+++ b/docs/reference/f7Slide.html
@@ -1,215 +1,108 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 slide — f7Slide • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 slide — f7Slide" />
-<meta property="og:description" content="f7Slide is an f7Swiper element." />
-<meta property="og:image" content="/logo.png" />
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Slide is an f7Swiper element."><title>Framework7 slide — f7Slide • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 slide — f7Slide"><meta property="og:description" content="f7Slide is an f7Swiper element."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 slide</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Swiper.R'><code>R/f7Swiper.R</code></a></small>
-    <div class="hidden name"><code>f7Slide.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 slide</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Swiper.R" class="external-link"><code>R/f7Swiper.R</code></a></small>
+      <div class="d-none name"><code>f7Slide.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p><code>f7Slide</code> is an <a href='f7Swiper.html'>f7Swiper</a> element.</p>
+    <div class="ref-description section level2">
+    <p><code>f7Slide</code> is an <a href="swiper.html">f7Swiper</a> element.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Slide</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Slide</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slide content. Any element.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Slide content. Any element.</p></dd>
 
+</dl></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7SplitLayout.html b/docs/reference/f7SplitLayout.html
index 68ec8771..d9df1741 100644
--- a/docs/reference/f7SplitLayout.html
+++ b/docs/reference/f7SplitLayout.html
@@ -1,307 +1,204 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 split layout — f7SplitLayout • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 split layout — f7SplitLayout" />
-<meta property="og:description" content="This is a modified version of the f7SingleLayout.
-It is intended to be used with tablets." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="This is a modified version of the f7SingleLayout.
+It is intended to be used with tablets."><title>Framework7 split layout — f7SplitLayout • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 split layout — f7SplitLayout"><meta property="og:description" content="This is a modified version of the f7SingleLayout.
+It is intended to be used with tablets."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-  </head>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 split layout</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Page.R'><code>R/f7Page.R</code></a></small>
-    <div class="hidden name"><code>f7SplitLayout.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 split layout</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Page.R" class="external-link"><code>R/f7Page.R</code></a></small>
+      <div class="d-none name"><code>f7SplitLayout.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>This is a modified version of the <a href='f7SingleLayout.html'>f7SingleLayout</a>.
+    <div class="ref-description section level2">
+    <p>This is a modified version of the <a href="f7SingleLayout.html">f7SingleLayout</a>.
 It is intended to be used with tablets.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7SplitLayout</span><span class='op'>(</span>
-  <span class='va'>...</span>,
-  <span class='va'>navbar</span>,
-  <span class='va'>sidebar</span>,
-  toolbar <span class='op'>=</span> <span class='cn'>NULL</span>,
-  panels <span class='op'>=</span> <span class='cn'>NULL</span>,
-  appbar <span class='op'>=</span> <span class='cn'>NULL</span>
-<span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7SplitLayout</span><span class="op">(</span></span>
+<span>  <span class="va">...</span>,</span>
+<span>  <span class="va">navbar</span>,</span>
+<span>  <span class="va">sidebar</span>,</span>
+<span>  toolbar <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  panel <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  appbar <span class="op">=</span> <span class="cn">NULL</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Content.</p></td>
-    </tr>
-    <tr>
-      <th>navbar</th>
-      <td><p>Slot for <a href='f7Navbar.html'>f7Navbar</a>.</p></td>
-    </tr>
-    <tr>
-      <th>sidebar</th>
-      <td><p>Slot for <a href='f7Panel.html'>f7Panel</a>. Particularly we expect the following code:
-<code><a href='f7Panel.html'>f7Panel(title = "Sidebar", side = "left", theme = "light", "Blabla", style = "reveal")</a></code></p></td>
-    </tr>
-    <tr>
-      <th>toolbar</th>
-      <td><p>Slot for <a href='f7Toolbar.html'>f7Toolbar</a>.</p></td>
-    </tr>
-    <tr>
-      <th>panels</th>
-      <td><p>Slot for <a href='f7Panel.html'>f7Panel</a>. Expect only a right panel, for instance:
-<code><a href='f7Panel.html'>f7Panel(title = "Left Panel", side = "right", theme = "light", "Blabla", style = "cover")</a></code></p></td>
-    </tr>
-    <tr>
-      <th>appbar</th>
-      <td><p>Slot for <a href='f7Appbar.html'>f7Appbar</a>.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Content.</p></dd>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+<dt>navbar</dt>
+<dd><p>Slot for <a href="navbar.html">f7Navbar</a>.</p></dd>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Split layout"</span>,
-     <span class='fu'>f7SplitLayout</span><span class='op'>(</span>
-       sidebar <span class='op'>=</span> <span class='fu'><a href='f7Panel.html'>f7Panel</a></span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"sidebar"</span>,
-         title <span class='op'>=</span> <span class='st'>"Sidebar"</span>,
-         side <span class='op'>=</span> <span class='st'>"left"</span>,
-         theme <span class='op'>=</span> <span class='st'>"dark"</span>,
-         <span class='fu'><a href='f7PanelMenu.html'>f7PanelMenu</a></span><span class='op'>(</span>
-           id <span class='op'>=</span> <span class='st'>"menu"</span>,
-           <span class='fu'><a href='f7PanelMenu.html'>f7PanelItem</a></span><span class='op'>(</span>tabName <span class='op'>=</span> <span class='st'>"tab1"</span>, title <span class='op'>=</span> <span class='st'>"Tab 1"</span>, icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"envelope"</span><span class='op'>)</span>, active <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-           <span class='fu'><a href='f7PanelMenu.html'>f7PanelItem</a></span><span class='op'>(</span>tabName <span class='op'>=</span> <span class='st'>"tab2"</span>, title <span class='op'>=</span> <span class='st'>"Tab 2"</span>, icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"house"</span><span class='op'>)</span><span class='op'>)</span>
-         <span class='op'>)</span>,
-         <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/htmlOutput.html'>uiOutput</a></span><span class='op'>(</span><span class='st'>"selected_tab"</span><span class='op'>)</span>
-       <span class='op'>)</span>,
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='st'>"Split Layout"</span>,
-         hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-         shadow <span class='op'>=</span> <span class='cn'>TRUE</span>
-       <span class='op'>)</span>,
-       toolbar <span class='op'>=</span> <span class='fu'><a href='f7Toolbar.html'>f7Toolbar</a></span><span class='op'>(</span>
-         position <span class='op'>=</span> <span class='st'>"bottom"</span>,
-         <span class='fu'><a href='f7Link.html'>f7Link</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"Link 1"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,
-         <span class='fu'><a href='f7Link.html'>f7Link</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"Link 2"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>
-       <span class='op'>)</span>,
-       <span class='co'># main content</span>
-       <span class='fu'><a href='f7Items.html'>f7Items</a></span><span class='op'>(</span>
-         <span class='fu'><a href='f7Item.html'>f7Item</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"tab1"</span>,
-           <span class='fu'><a href='f7Slider.html'>f7Slider</a></span><span class='op'>(</span><span class='st'>"obs"</span>, <span class='st'>"Number of observations:"</span>,
-                       min <span class='op'>=</span> <span class='fl'>0</span>, max <span class='op'>=</span> <span class='fl'>1000</span>, value <span class='op'>=</span> <span class='fl'>500</span>
-           <span class='op'>)</span>,
-           <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/plotOutput.html'>plotOutput</a></span><span class='op'>(</span><span class='st'>"distPlot"</span><span class='op'>)</span>
-         <span class='op'>)</span>,
-         <span class='fu'><a href='f7Item.html'>f7Item</a></span><span class='op'>(</span>tabName <span class='op'>=</span> <span class='st'>"tab2"</span>, <span class='st'>"Tab 2 content"</span><span class='op'>)</span>
-       <span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span>
 
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>selected_tab</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderUI.html'>renderUI</a></span><span class='op'>(</span><span class='op'>{</span>
-      <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/HTML.html'>HTML</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste0</a></span><span class='op'>(</span><span class='st'>"Selected tab: "</span>, <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>strong</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>menu</span><span class='op'>)</span><span class='op'>)</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
+<dt>sidebar</dt>
+<dd><p>Slot for <a href="panel.html">f7Panel</a>. Particularly we expect the following code:
+<code>f7Panel(title = "Sidebar", side = "left", theme = "light", "Blabla", style = "reveal")</code></p></dd>
 
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>distPlot</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPlot.html'>renderPlot</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='va'>dist</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>obs</span><span class='op'>)</span>
-       <span class='fu'><a href='https://rdrr.io/r/graphics/hist.html'>hist</a></span><span class='op'>(</span><span class='va'>dist</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-   <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
 
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>toolbar</dt>
+<dd><p>Slot for <a href="f7Toolbar.html">f7Toolbar</a>.</p></dd>
+
+
+<dt>panel</dt>
+<dd><p>Slot for <a href="panel.html">f7Panel</a>. Expect only a right panel, for instance:
+<code>f7Panel(title = "Left Panel", side = "right", theme = "light", "Blabla", style = "cover")</code></p></dd>
+
+
+<dt>appbar</dt>
+<dd><p>Slot for <a href="appbar.html">f7Appbar</a>.</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Split layout"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">f7SplitLayout</span><span class="op">(</span></span></span>
+<span class="r-in"><span>       sidebar <span class="op">=</span> <span class="fu"><a href="panel.html">f7Panel</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"sidebar"</span>,</span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Sidebar"</span>,</span></span>
+<span class="r-in"><span>         side <span class="op">=</span> <span class="st">"left"</span>,</span></span>
+<span class="r-in"><span>         theme <span class="op">=</span> <span class="st">"dark"</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="panelmenu.html">f7PanelMenu</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           id <span class="op">=</span> <span class="st">"menu"</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="panelmenu.html">f7PanelItem</a></span><span class="op">(</span>tabName <span class="op">=</span> <span class="st">"tab1"</span>, title <span class="op">=</span> <span class="st">"Tab 1"</span>, icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"envelope"</span><span class="op">)</span>, active <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="panelmenu.html">f7PanelItem</a></span><span class="op">(</span>tabName <span class="op">=</span> <span class="st">"tab2"</span>, title <span class="op">=</span> <span class="st">"Tab 2"</span>, icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"house"</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html" class="external-link">uiOutput</a></span><span class="op">(</span><span class="st">"selected_tab"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Split Layout"</span>,</span></span>
+<span class="r-in"><span>         hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>         shadow <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       toolbar <span class="op">=</span> <span class="fu"><a href="f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         position <span class="op">=</span> <span class="st">"bottom"</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="co"># main content</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Items.html">f7Items</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Item.html">f7Item</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"tab1"</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="slider.html">f7Slider</a></span><span class="op">(</span><span class="st">"obs"</span>, <span class="st">"Number of observations:"</span>,</span></span>
+<span class="r-in"><span>                       min <span class="op">=</span> <span class="fl">0</span>, max <span class="op">=</span> <span class="fl">1000</span>, value <span class="op">=</span> <span class="fl">500</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html" class="external-link">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Item.html">f7Item</a></span><span class="op">(</span>tabName <span class="op">=</span> <span class="st">"tab2"</span>, <span class="st">"Tab 2 content"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">selected_tab</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html" class="external-link">renderUI</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/HTML.html" class="external-link">HTML</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste0</a></span><span class="op">(</span><span class="st">"Selected tab: "</span>, <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">strong</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">menu</span><span class="op">)</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">distPlot</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html" class="external-link">renderPlot</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="va">dist</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html" class="external-link">hist</a></span><span class="op">(</span><span class="va">dist</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7SubNavbar.html b/docs/reference/f7SubNavbar.html
index 8b3943c1..20638422 100644
--- a/docs/reference/f7SubNavbar.html
+++ b/docs/reference/f7SubNavbar.html
@@ -1,270 +1,166 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 sub navbar — f7SubNavbar • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 sub navbar — f7SubNavbar" />
-<meta property="og:description" content="f7SubNavbar creates a nested navbar component for
-f7Navbar." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7SubNavbar creates a nested navbar component for
+f7Navbar."><title>Framework7 sub navbar — f7SubNavbar • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 sub navbar — f7SubNavbar"><meta property="og:description" content="f7SubNavbar creates a nested navbar component for
+f7Navbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 sub navbar</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Navbar.R'><code>R/f7Navbar.R</code></a></small>
-    <div class="hidden name"><code>f7SubNavbar.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 sub navbar</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Navbar.R" class="external-link"><code>R/f7Navbar.R</code></a></small>
+      <div class="d-none name"><code>f7SubNavbar.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p><code>f7SubNavbar</code> creates a nested navbar component for
-<a href='f7Navbar.html'>f7Navbar</a>.</p>
+<a href="navbar.html">f7Navbar</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7SubNavbar</span><span class='op'>(</span><span class='va'>...</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Any elements.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7SubNavbar</span><span class="op">(</span><span class="va">...</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Sub Navbar"</span>,
-     <span class='fu'><a href='f7TabLayout.html'>f7TabLayout</a></span><span class='op'>(</span>
-        panels <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-         <span class='fu'><a href='f7Panel.html'>f7Panel</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"Left Panel"</span>, side <span class='op'>=</span> <span class='st'>"left"</span>, theme <span class='op'>=</span> <span class='st'>"light"</span>, <span class='st'>"Blabla"</span>, style <span class='op'>=</span> <span class='st'>"cover"</span><span class='op'>)</span>,
-         <span class='fu'><a href='f7Panel.html'>f7Panel</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"Right Panel"</span>, side <span class='op'>=</span> <span class='st'>"right"</span>, theme <span class='op'>=</span> <span class='st'>"dark"</span>, <span class='st'>"Blabla"</span>, style <span class='op'>=</span> <span class='st'>"cover"</span><span class='op'>)</span>
-        <span class='op'>)</span>,
-        navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-           title <span class='op'>=</span> <span class='st'>"SubNavbar"</span>,
-           hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-           shadow <span class='op'>=</span> <span class='cn'>TRUE</span>,
-           leftPanel <span class='op'>=</span> <span class='cn'>TRUE</span>,
-           rightPanel <span class='op'>=</span> <span class='cn'>TRUE</span>,
-           subNavbar <span class='op'>=</span> <span class='fu'>f7SubNavbar</span><span class='op'>(</span>
-              <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"My button"</span><span class='op'>)</span>,
-              <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"My button"</span><span class='op'>)</span>,
-              <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"My button"</span><span class='op'>)</span>
-           <span class='op'>)</span>
-        <span class='op'>)</span>,
-        <span class='fu'><a href='f7Tabs.html'>f7Tabs</a></span><span class='op'>(</span>
-           animated <span class='op'>=</span> <span class='cn'>TRUE</span>,
-           <span class='co'>#swipeable = TRUE,</span>
-           <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-              tabName <span class='op'>=</span> <span class='st'>"Tab 1"</span>,
-              icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"envelope"</span><span class='op'>)</span>,
-              active <span class='op'>=</span> <span class='cn'>TRUE</span>,
-              <span class='st'>"Tab 1"</span>
-           <span class='op'>)</span>,
-           <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-              tabName <span class='op'>=</span> <span class='st'>"Tab 2"</span>,
-              icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"today"</span><span class='op'>)</span>,
-              active <span class='op'>=</span> <span class='cn'>FALSE</span>,
-              <span class='st'>"Tab 2"</span>
-           <span class='op'>)</span>,
-           <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-              tabName <span class='op'>=</span> <span class='st'>"Tab 3"</span>,
-              icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"cloud_upload"</span><span class='op'>)</span>,
-              active <span class='op'>=</span> <span class='cn'>FALSE</span>,
-              <span class='st'>"Tab 3"</span>
-           <span class='op'>)</span>
-        <span class='op'>)</span>
-     <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span><span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Any elements.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Sub Navbar"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        panels <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="fu"><a href="panel.html">f7Panel</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Left Panel"</span>, side <span class="op">=</span> <span class="st">"left"</span>, theme <span class="op">=</span> <span class="st">"light"</span>, <span class="st">"Blabla"</span>, style <span class="op">=</span> <span class="st">"cover"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="panel.html">f7Panel</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Right Panel"</span>, side <span class="op">=</span> <span class="st">"right"</span>, theme <span class="op">=</span> <span class="st">"dark"</span>, <span class="st">"Blabla"</span>, style <span class="op">=</span> <span class="st">"cover"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span>,</span></span>
+<span class="r-in"><span>        navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           title <span class="op">=</span> <span class="st">"SubNavbar"</span>,</span></span>
+<span class="r-in"><span>           hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>           shadow <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>           leftPanel <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>           rightPanel <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>           subNavbar <span class="op">=</span> <span class="fu">f7SubNavbar</span><span class="op">(</span></span></span>
+<span class="r-in"><span>              <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"My button"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>              <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"My button"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>              <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"My button"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="f7Tabs.html">f7Tabs</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           animated <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>           <span class="co">#swipeable = TRUE,</span></span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>              tabName <span class="op">=</span> <span class="st">"Tab 1"</span>,</span></span>
+<span class="r-in"><span>              icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"envelope"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>              active <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>              <span class="st">"Tab 1"</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>              tabName <span class="op">=</span> <span class="st">"Tab 2"</span>,</span></span>
+<span class="r-in"><span>              icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"today"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>              active <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>              <span class="st">"Tab 2"</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>              tabName <span class="op">=</span> <span class="st">"Tab 3"</span>,</span></span>
+<span class="r-in"><span>              icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"cloud_upload"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>              active <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>              <span class="st">"Tab 3"</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span><span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Tab.html b/docs/reference/f7Tab.html
index d47118bb..5ee95568 100644
--- a/docs/reference/f7Tab.html
+++ b/docs/reference/f7Tab.html
@@ -1,237 +1,135 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Create a Framework7 tab item — f7Tab • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 tab item"><title>Create a Framework7 tab item — f7Tab • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a Framework7 tab item — f7Tab"><meta property="og:description" content="Build a Framework7 tab item"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
+</li>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
+</li>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
+     
+  </a>
+</li>
+      </ul></div>
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+    
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Create a Framework7 tab item</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7-tabs.R" class="external-link"><code>R/f7-tabs.R</code></a></small>
+      <div class="d-none name"><code>f7Tab.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p>Build a Framework7 tab item</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Tab</span><span class="op">(</span><span class="va">...</span>, title <span class="op">=</span> <span class="cn">NULL</span>, <span class="va">tabName</span>, icon <span class="op">=</span> <span class="cn">NULL</span>, active <span class="op">=</span> <span class="cn">FALSE</span>, hidden <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Item content.</p></dd>
 
-<meta property="og:title" content="Create a Framework7 tab item — f7Tab" />
-<meta property="og:description" content="Build a Framework7 tab item" />
-<meta property="og:image" content="/logo.png" />
 
+<dt>title</dt>
+<dd><p>Tab title (name).</p></dd>
 
 
+<dt>tabName</dt>
+<dd><p>Item id. Must be unique, without space nor punctuation symbols.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<dt>icon</dt>
+<dd><p>Item icon. Expect <a href="f7Icon.html">f7Icon</a> function with the suitable lib argument
+(either md or ios or NULL for native f7 icons).</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
 
-      
+<dt>active</dt>
+<dd><p>Whether the tab is active at start. Do not select multiple tabs, only
+the first one will be set to active.</p></dd>
 
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Framework7 tab item</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7-tabs.R'><code>R/f7-tabs.R</code></a></small>
-    <div class="hidden name"><code>f7Tab.Rd</code></div>
-    </div>
+<dt>hidden</dt>
+<dd><p>Whether to hide the tab. This is useful when you want to add invisible tabs
+(that do not appear in the tabbar) but you can still navigate with <a href="updateF7Tabs.html">updateF7Tabs</a>.</p></dd>
 
-    <div class="ref-description">
-    <p>Build a Framework7 tab item</p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Tab</span><span class='op'>(</span><span class='va'>...</span>, <span class='va'>tabName</span>, icon <span class='op'>=</span> <span class='cn'>NULL</span>, active <span class='op'>=</span> <span class='cn'>FALSE</span>, hidden <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Item content.</p></td>
-    </tr>
-    <tr>
-      <th>tabName</th>
-      <td><p>Item id. Must be unique.</p></td>
-    </tr>
-    <tr>
-      <th>icon</th>
-      <td><p>Item icon. Expect <a href='f7Icon.html'>f7Icon</a> function with the suitable lib argument
-(either md or ios or NULL for native f7 icons).</p></td>
-    </tr>
-    <tr>
-      <th>active</th>
-      <td><p>Whether the tab is active at start. Do not select multiple tabs, only
-the first one will be set to active.</p></td>
-    </tr>
-    <tr>
-      <th>hidden</th>
-      <td><p>Whether to hide the tab. This is useful when you want to add invisible tabs
-(that do not appear in the tabbar) but you can still navigate with <a href='updateF7Tabs.html'>updateF7Tabs</a>.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7TabLayout.html b/docs/reference/f7TabLayout.html
index f2a35293..a227993c 100644
--- a/docs/reference/f7TabLayout.html
+++ b/docs/reference/f7TabLayout.html
@@ -1,379 +1,276 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 tab layout — f7TabLayout • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 tab layout — f7TabLayout" />
-<meta property="og:description" content="f7TabLayout create a single page app with multiple tabs,
-giving the illusion of a multi pages experience." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7TabLayout create a single page app with multiple tabs,
+giving the illusion of a multi pages experience."><title>Framework7 tab layout — f7TabLayout • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 tab layout — f7TabLayout"><meta property="og:description" content="f7TabLayout create a single page app with multiple tabs,
+giving the illusion of a multi pages experience."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 tab layout</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Page.R'><code>R/f7Page.R</code></a></small>
-    <div class="hidden name"><code>f7TabLayout.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 tab layout</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Page.R" class="external-link"><code>R/f7Page.R</code></a></small>
+      <div class="d-none name"><code>f7TabLayout.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p><code>f7TabLayout</code> create a single page app with multiple tabs,
 giving the illusion of a multi pages experience.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7TabLayout</span><span class='op'>(</span><span class='va'>...</span>, <span class='va'>navbar</span>, messagebar <span class='op'>=</span> <span class='cn'>NULL</span>, panels <span class='op'>=</span> <span class='cn'>NULL</span>, appbar <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7TabLayout</span><span class="op">(</span><span class="va">...</span>, <span class="va">navbar</span>, messagebar <span class="op">=</span> <span class="cn">NULL</span>, panels <span class="op">=</span> <span class="cn">NULL</span>, appbar <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='f7Tabs.html'>f7Tabs</a>.</p></td>
-    </tr>
-    <tr>
-      <th>navbar</th>
-      <td><p>Slot for <a href='f7Navbar.html'>f7Navbar</a>.</p></td>
-    </tr>
-    <tr>
-      <th>messagebar</th>
-      <td><p>Slot for <a href='f7MessageBar.html'>f7MessageBar</a>.</p></td>
-    </tr>
-    <tr>
-      <th>panels</th>
-      <td><p>Slot for <a href='f7Panel.html'>f7Panel</a>.
-Wrap in <code>tagList</code> if multiple panels.</p></td>
-    </tr>
-    <tr>
-      <th>appbar</th>
-      <td><p>Slot for <a href='f7Appbar.html'>f7Appbar</a>.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Slot for <a href="f7Tabs.html">f7Tabs</a>.</p></dd>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+<dt>navbar</dt>
+<dd><p>Slot for <a href="navbar.html">f7Navbar</a>.</p></dd>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/dreamRs/shinyWidgets'>shinyWidgets</a></span><span class='op'>)</span>
 
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Tab layout"</span>,
-     <span class='fu'>f7TabLayout</span><span class='op'>(</span>
-       <span class='va'>tags</span><span class='op'>$</span><span class='fu'>head</span><span class='op'>(</span>
-         <span class='va'>tags</span><span class='op'>$</span><span class='fu'>script</span><span class='op'>(</span>
-           <span class='st'>"$(function(){
-               $('#tapHold').on('taphold', function () {
-                 app.dialog.alert('Tap hold fired!');
-               });
-             });
-             "</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span>,
-       panels <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-         <span class='fu'><a href='f7Panel.html'>f7Panel</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"Left Panel"</span>, side <span class='op'>=</span> <span class='st'>"left"</span>, theme <span class='op'>=</span> <span class='st'>"light"</span>, <span class='st'>"Blabla"</span>, effect <span class='op'>=</span> <span class='st'>"cover"</span><span class='op'>)</span>,
-         <span class='fu'><a href='f7Panel.html'>f7Panel</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"Right Panel"</span>, side <span class='op'>=</span> <span class='st'>"right"</span>, theme <span class='op'>=</span> <span class='st'>"dark"</span>, <span class='st'>"Blabla"</span>, effect <span class='op'>=</span> <span class='st'>"cover"</span><span class='op'>)</span>
-       <span class='op'>)</span>,
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='st'>"Tabs"</span>,
-         hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-         shadow <span class='op'>=</span> <span class='cn'>TRUE</span>,
-         leftPanel <span class='op'>=</span> <span class='cn'>TRUE</span>,
-         rightPanel <span class='op'>=</span> <span class='cn'>TRUE</span>
-       <span class='op'>)</span>,
-       <span class='fu'><a href='f7Tabs.html'>f7Tabs</a></span><span class='op'>(</span>
-         animated <span class='op'>=</span> <span class='cn'>FALSE</span>,
-         swipeable <span class='op'>=</span> <span class='cn'>TRUE</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"Tab 1"</span>,
-           icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"envelope"</span><span class='op'>)</span>,
-           active <span class='op'>=</span> <span class='cn'>TRUE</span>,
-           <span class='fu'><a href='f7Shadow.html'>f7Shadow</a></span><span class='op'>(</span>
-             intensity <span class='op'>=</span> <span class='fl'>10</span>,
-             hover <span class='op'>=</span> <span class='cn'>TRUE</span>,
-             <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-               title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-               <span class='fu'><a href='f7Stepper.html'>f7Stepper</a></span><span class='op'>(</span>
-                 <span class='st'>"obs1"</span>,
-                 <span class='st'>"Number of observations"</span>,
-                 min <span class='op'>=</span> <span class='fl'>0</span>,
-                 max <span class='op'>=</span> <span class='fl'>1000</span>,
-                 value <span class='op'>=</span> <span class='fl'>500</span>,
-                 step <span class='op'>=</span> <span class='fl'>100</span>
-               <span class='op'>)</span>,
-               <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/plotOutput.html'>plotOutput</a></span><span class='op'>(</span><span class='st'>"distPlot1"</span><span class='op'>)</span>,
-               footer <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-                 <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"tapHold"</span>, label <span class='op'>=</span> <span class='st'>"My button"</span><span class='op'>)</span>,
-                 <span class='fu'><a href='f7Badge.html'>f7Badge</a></span><span class='op'>(</span><span class='st'>"Badge"</span>, color <span class='op'>=</span> <span class='st'>"green"</span><span class='op'>)</span>
-               <span class='op'>)</span>
-             <span class='op'>)</span>
-           <span class='op'>)</span>
-         <span class='op'>)</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"Tab 2"</span>,
-           icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"today"</span><span class='op'>)</span>,
-           active <span class='op'>=</span> <span class='cn'>FALSE</span>,
-           <span class='fu'><a href='f7Shadow.html'>f7Shadow</a></span><span class='op'>(</span>
-             intensity <span class='op'>=</span> <span class='fl'>10</span>,
-             hover <span class='op'>=</span> <span class='cn'>TRUE</span>,
-             <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-               title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-               <span class='fu'><a href='f7Select.html'>f7Select</a></span><span class='op'>(</span>
-                 inputId <span class='op'>=</span> <span class='st'>"obs2"</span>,
-                 label <span class='op'>=</span> <span class='st'>"Distribution type:"</span>,
-                 choices <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span>
-                   <span class='st'>"Normal"</span> <span class='op'>=</span> <span class='st'>"norm"</span>,
-                   <span class='st'>"Uniform"</span> <span class='op'>=</span> <span class='st'>"unif"</span>,
-                   <span class='st'>"Log-normal"</span> <span class='op'>=</span> <span class='st'>"lnorm"</span>,
-                   <span class='st'>"Exponential"</span> <span class='op'>=</span> <span class='st'>"exp"</span>
-                 <span class='op'>)</span>
-               <span class='op'>)</span>,
-               <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/plotOutput.html'>plotOutput</a></span><span class='op'>(</span><span class='st'>"distPlot2"</span><span class='op'>)</span>,
-               footer <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-                 <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"My button"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,
-                 <span class='fu'><a href='f7Badge.html'>f7Badge</a></span><span class='op'>(</span><span class='st'>"Badge"</span>, color <span class='op'>=</span> <span class='st'>"orange"</span><span class='op'>)</span>
-               <span class='op'>)</span>
-             <span class='op'>)</span>
-           <span class='op'>)</span>
-         <span class='op'>)</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"Tab 3"</span>,
-           icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"cloud_upload"</span><span class='op'>)</span>,
-           active <span class='op'>=</span> <span class='cn'>FALSE</span>,
-           <span class='fu'><a href='f7Shadow.html'>f7Shadow</a></span><span class='op'>(</span>
-             intensity <span class='op'>=</span> <span class='fl'>10</span>,
-             hover <span class='op'>=</span> <span class='cn'>TRUE</span>,
-             <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-               title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-               <span class='fu'><a href='f7SmartSelect.html'>f7SmartSelect</a></span><span class='op'>(</span>
-                 inputId <span class='op'>=</span> <span class='st'>"variable"</span>,
-                 label <span class='op'>=</span> <span class='st'>"Variables to show:"</span>,
-                 <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"Cylinders"</span> <span class='op'>=</span> <span class='st'>"cyl"</span>,
-                   <span class='st'>"Transmission"</span> <span class='op'>=</span> <span class='st'>"am"</span>,
-                   <span class='st'>"Gears"</span> <span class='op'>=</span> <span class='st'>"gear"</span><span class='op'>)</span>,
-                 multiple <span class='op'>=</span> <span class='cn'>TRUE</span>,
-                 selected <span class='op'>=</span> <span class='st'>"cyl"</span>
-               <span class='op'>)</span>,
-               <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/tableOutput.html'>tableOutput</a></span><span class='op'>(</span><span class='st'>"data"</span><span class='op'>)</span>,
-               footer <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-                 <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>label <span class='op'>=</span> <span class='st'>"My button"</span>, href <span class='op'>=</span> <span class='st'>"https://www.google.com"</span><span class='op'>)</span>,
-                 <span class='fu'><a href='f7Badge.html'>f7Badge</a></span><span class='op'>(</span><span class='st'>"Badge"</span>, color <span class='op'>=</span> <span class='st'>"green"</span><span class='op'>)</span>
-               <span class='op'>)</span>
-             <span class='op'>)</span>
-           <span class='op'>)</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span>
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>distPlot1</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPlot.html'>renderPlot</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='va'>dist</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>obs1</span><span class='op'>)</span>
-       <span class='fu'><a href='https://rdrr.io/r/graphics/hist.html'>hist</a></span><span class='op'>(</span><span class='va'>dist</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
+<dt>messagebar</dt>
+<dd><p>Slot for <a href="messagebar.html">f7MessageBar</a>.</p></dd>
 
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>distPlot2</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPlot.html'>renderPlot</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='va'>dist</span> <span class='op'>&lt;-</span> <span class='kw'><a href='https://rdrr.io/r/base/switch.html'>switch</a></span><span class='op'>(</span>
-         <span class='va'>input</span><span class='op'>$</span><span class='va'>obs2</span>,
-         norm <span class='op'>=</span> <span class='va'>rnorm</span>,
-         unif <span class='op'>=</span> <span class='va'>runif</span>,
-         lnorm <span class='op'>=</span> <span class='va'>rlnorm</span>,
-         exp <span class='op'>=</span> <span class='va'>rexp</span>,
-         <span class='va'>rnorm</span>
-       <span class='op'>)</span>
 
-       <span class='fu'><a href='https://rdrr.io/r/graphics/hist.html'>hist</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/stats/dist.html'>dist</a></span><span class='op'>(</span><span class='fl'>500</span><span class='op'>)</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
+<dt>panels</dt>
+<dd><p>Slot for <a href="panel.html">f7Panel</a>.
+Wrap in <code>tagList</code> if multiple panels.</p></dd>
 
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>data</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderTable.html'>renderTable</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='va'>mtcars</span><span class='op'>[</span>, <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"mpg"</span>, <span class='va'>input</span><span class='op'>$</span><span class='va'>variable</span><span class='op'>)</span>, drop <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>]</span>
-     <span class='op'>}</span>, rownames <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>
-   <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
 
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>appbar</dt>
+<dd><p>Slot for <a href="appbar.html">f7Appbar</a>.</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/shinyWidgets" class="external-link">shinyWidgets</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Tab layout"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu">f7TabLayout</span><span class="op">(</span></span></span>
+<span class="r-in"><span>       <span class="va">tags</span><span class="op">$</span><span class="fu">head</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="va">tags</span><span class="op">$</span><span class="fu">script</span><span class="op">(</span></span></span>
+<span class="r-in"><span>           <span class="st">"$(function(){</span></span></span>
+<span class="r-in"><span><span class="st">               $('#tapHold').on('taphold', function () {</span></span></span>
+<span class="r-in"><span><span class="st">                 app.dialog.alert('Tap hold fired!');</span></span></span>
+<span class="r-in"><span><span class="st">               });</span></span></span>
+<span class="r-in"><span><span class="st">             });</span></span></span>
+<span class="r-in"><span><span class="st">             "</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       panels <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="fu"><a href="panel.html">f7Panel</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Left Panel"</span>, side <span class="op">=</span> <span class="st">"left"</span>, theme <span class="op">=</span> <span class="st">"light"</span>, <span class="st">"Blabla"</span>, effect <span class="op">=</span> <span class="st">"cover"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="panel.html">f7Panel</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Right Panel"</span>, side <span class="op">=</span> <span class="st">"right"</span>, theme <span class="op">=</span> <span class="st">"dark"</span>, <span class="st">"Blabla"</span>, effect <span class="op">=</span> <span class="st">"cover"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Tabs"</span>,</span></span>
+<span class="r-in"><span>         hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>         shadow <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>         leftPanel <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>         rightPanel <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Tabs.html">f7Tabs</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         animated <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>         swipeable <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"Tab1"</span>,</span></span>
+<span class="r-in"><span>           icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"envelope"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>           active <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             intensity <span class="op">=</span> <span class="fl">10</span>,</span></span>
+<span class="r-in"><span>             hover <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>             <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>               title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>               <span class="fu"><a href="stepper.html">f7Stepper</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                 <span class="st">"obs1"</span>,</span></span>
+<span class="r-in"><span>                 <span class="st">"Number of observations"</span>,</span></span>
+<span class="r-in"><span>                 min <span class="op">=</span> <span class="fl">0</span>,</span></span>
+<span class="r-in"><span>                 max <span class="op">=</span> <span class="fl">1000</span>,</span></span>
+<span class="r-in"><span>                 value <span class="op">=</span> <span class="fl">500</span>,</span></span>
+<span class="r-in"><span>                 step <span class="op">=</span> <span class="fl">100</span></span></span>
+<span class="r-in"><span>               <span class="op">)</span>,</span></span>
+<span class="r-in"><span>               <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html" class="external-link">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot1"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>               footer <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                 <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"tapHold"</span>, label <span class="op">=</span> <span class="st">"My button"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>                 <span class="fu"><a href="f7Badge.html">f7Badge</a></span><span class="op">(</span><span class="st">"Badge"</span>, color <span class="op">=</span> <span class="st">"green"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>               <span class="op">)</span></span></span>
+<span class="r-in"><span>             <span class="op">)</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"Tab2"</span>,</span></span>
+<span class="r-in"><span>           icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"today"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>           active <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             intensity <span class="op">=</span> <span class="fl">10</span>,</span></span>
+<span class="r-in"><span>             hover <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>             <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>               title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>               <span class="fu"><a href="select.html">f7Select</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                 inputId <span class="op">=</span> <span class="st">"obs2"</span>,</span></span>
+<span class="r-in"><span>                 label <span class="op">=</span> <span class="st">"Distribution type:"</span>,</span></span>
+<span class="r-in"><span>                 choices <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                   <span class="st">"Normal"</span> <span class="op">=</span> <span class="st">"norm"</span>,</span></span>
+<span class="r-in"><span>                   <span class="st">"Uniform"</span> <span class="op">=</span> <span class="st">"unif"</span>,</span></span>
+<span class="r-in"><span>                   <span class="st">"Log-normal"</span> <span class="op">=</span> <span class="st">"lnorm"</span>,</span></span>
+<span class="r-in"><span>                   <span class="st">"Exponential"</span> <span class="op">=</span> <span class="st">"exp"</span></span></span>
+<span class="r-in"><span>                 <span class="op">)</span></span></span>
+<span class="r-in"><span>               <span class="op">)</span>,</span></span>
+<span class="r-in"><span>               <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html" class="external-link">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot2"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>               footer <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                 <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"My button"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>                 <span class="fu"><a href="f7Badge.html">f7Badge</a></span><span class="op">(</span><span class="st">"Badge"</span>, color <span class="op">=</span> <span class="st">"orange"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>               <span class="op">)</span></span></span>
+<span class="r-in"><span>             <span class="op">)</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"Tab3"</span>,</span></span>
+<span class="r-in"><span>           icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"cloud_upload"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>           active <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             intensity <span class="op">=</span> <span class="fl">10</span>,</span></span>
+<span class="r-in"><span>             hover <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>             <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>               title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>               <span class="fu"><a href="smartselect.html">f7SmartSelect</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                 inputId <span class="op">=</span> <span class="st">"variable"</span>,</span></span>
+<span class="r-in"><span>                 label <span class="op">=</span> <span class="st">"Variables to show:"</span>,</span></span>
+<span class="r-in"><span>                 <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"Cylinders"</span> <span class="op">=</span> <span class="st">"cyl"</span>,</span></span>
+<span class="r-in"><span>                   <span class="st">"Transmission"</span> <span class="op">=</span> <span class="st">"am"</span>,</span></span>
+<span class="r-in"><span>                   <span class="st">"Gears"</span> <span class="op">=</span> <span class="st">"gear"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>                 multiple <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>                 selected <span class="op">=</span> <span class="st">"cyl"</span></span></span>
+<span class="r-in"><span>               <span class="op">)</span>,</span></span>
+<span class="r-in"><span>               <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderTable.html" class="external-link">tableOutput</a></span><span class="op">(</span><span class="st">"data"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>               footer <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                 <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"My button"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>                 <span class="fu"><a href="f7Badge.html">f7Badge</a></span><span class="op">(</span><span class="st">"Badge"</span>, color <span class="op">=</span> <span class="st">"green"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>               <span class="op">)</span></span></span>
+<span class="r-in"><span>             <span class="op">)</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">distPlot1</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html" class="external-link">renderPlot</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="va">dist</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs1</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html" class="external-link">hist</a></span><span class="op">(</span><span class="va">dist</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">distPlot2</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html" class="external-link">renderPlot</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="va">dist</span> <span class="op">&lt;-</span> <span class="kw"><a href="https://rdrr.io/r/base/switch.html" class="external-link">switch</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="va">input</span><span class="op">$</span><span class="va">obs2</span>,</span></span>
+<span class="r-in"><span>         norm <span class="op">=</span> <span class="va">rnorm</span>,</span></span>
+<span class="r-in"><span>         unif <span class="op">=</span> <span class="va">runif</span>,</span></span>
+<span class="r-in"><span>         lnorm <span class="op">=</span> <span class="va">rlnorm</span>,</span></span>
+<span class="r-in"><span>         exp <span class="op">=</span> <span class="va">rexp</span>,</span></span>
+<span class="r-in"><span>         <span class="va">rnorm</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html" class="external-link">hist</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/stats/dist.html" class="external-link">dist</a></span><span class="op">(</span><span class="fl">500</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">data</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderTable.html" class="external-link">renderTable</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="va">mtcars</span><span class="op">[</span>, <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"mpg"</span>, <span class="va">input</span><span class="op">$</span><span class="va">variable</span><span class="op">)</span>, drop <span class="op">=</span> <span class="cn">FALSE</span><span class="op">]</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span>, rownames <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7TabLink.html b/docs/reference/f7TabLink.html
index fd67b53b..bb30da51 100644
--- a/docs/reference/f7TabLink.html
+++ b/docs/reference/f7TabLink.html
@@ -1,223 +1,116 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Special button/link to insert in the tabbar — f7TabLink • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Special button/link to insert in the tabbar — f7TabLink" />
-<meta property="og:description" content="Use in the .items slot of f7Tabs." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use in the .items slot of f7Tabs."><title>Special button/link to insert in the tabbar — f7TabLink • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Special button/link to insert in the tabbar — f7TabLink"><meta property="og:description" content="Use in the .items slot of f7Tabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Special button/link to insert in the tabbar</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7-tabs.R'><code>R/f7-tabs.R</code></a></small>
-    <div class="hidden name"><code>f7TabLink.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Special button/link to insert in the tabbar</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7-tabs.R" class="external-link"><code>R/f7-tabs.R</code></a></small>
+      <div class="d-none name"><code>f7TabLink.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>Use in the .items slot of <a href='f7Tabs.html'>f7Tabs</a>.</p>
+    <div class="ref-description section level2">
+    <p>Use in the .items slot of <a href="f7Tabs.html">f7Tabs</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7TabLink</span><span class='op'>(</span><span class='va'>...</span>, icon <span class='op'>=</span> <span class='cn'>NULL</span>, label <span class='op'>=</span> <span class='cn'>NULL</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Any attribute like <code>`data-sheet`</code>, id, ...</p></td>
-    </tr>
-    <tr>
-      <th>icon</th>
-      <td><p>Expect <a href='f7Icon.html'>f7Icon</a>.</p></td>
-    </tr>
-    <tr>
-      <th>label</th>
-      <td><p>Button label.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7TabLink</span><span class="op">(</span><span class="va">...</span>, icon <span class="op">=</span> <span class="cn">NULL</span>, label <span class="op">=</span> <span class="cn">NULL</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Any attribute like <code>`data-sheet`</code>, id, ...</p></dd>
+
+
+<dt>icon</dt>
+<dd><p>Expect <a href="f7Icon.html">f7Icon</a>.</p></dd>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
+<dt>label</dt>
+<dd><p>Button label.</p></dd>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+</dl></div>
+
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Table.html b/docs/reference/f7Table.html
index aec209bf..a58cf1aa 100644
--- a/docs/reference/f7Table.html
+++ b/docs/reference/f7Table.html
@@ -1,246 +1,141 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 table — f7Table • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 table — f7Table" />
-<meta property="og:description" content="Creates a table container." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Creates a table container."><title>Framework7 table — f7Table • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 table — f7Table"><meta property="og:description" content="Creates a table container."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 table</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7-tables.R'><code>R/f7-tables.R</code></a></small>
-    <div class="hidden name"><code>f7Table.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 table</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7-tables.R" class="external-link"><code>R/f7-tables.R</code></a></small>
+      <div class="d-none name"><code>f7Table.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Creates a table container.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Table</span><span class='op'>(</span><span class='va'>data</span>, colnames <span class='op'>=</span> <span class='cn'>NULL</span>, card <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>data</th>
-      <td><p>A data.frame.</p></td>
-    </tr>
-    <tr>
-      <th>colnames</th>
-      <td><p>Column names to use, if <code>NULL</code> uses <code>data</code> column names.</p></td>
-    </tr>
-    <tr>
-      <th>card</th>
-      <td><p>Whether to use as card.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span><span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"My app"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='st'>"f7Table"</span>
-       <span class='op'>)</span>,
-      <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/htmlOutput.html'>uiOutput</a></span><span class='op'>(</span><span class='st'>"table"</span><span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span>
-    <span class='va'>output</span><span class='op'>$</span><span class='va'>table</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderUI.html'>renderUI</a></span><span class='op'>(</span><span class='op'>{</span>
-      <span class='fu'>f7Table</span><span class='op'>(</span><span class='va'>mtcars</span><span class='op'>)</span>
-    <span class='op'>}</span><span class='op'>)</span>
-  <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Table</span><span class="op">(</span><span class="va">data</span>, colnames <span class="op">=</span> <span class="cn">NULL</span>, card <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>data</dt>
+<dd><p>A data.frame.</p></dd>
+
+
+<dt>colnames</dt>
+<dd><p>Column names to use, if <code>NULL</code> uses <code>data</code> column names.</p></dd>
+
+
+<dt>card</dt>
+<dd><p>Whether to use as card.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span><span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"f7Table"</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html" class="external-link">uiOutput</a></span><span class="op">(</span><span class="st">"table"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>    <span class="va">output</span><span class="op">$</span><span class="va">table</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html" class="external-link">renderUI</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="fu">f7Table</span><span class="op">(</span><span class="va">mtcars</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Tabs.html b/docs/reference/f7Tabs.html
index cb89dc5b..85b49746 100644
--- a/docs/reference/f7Tabs.html
+++ b/docs/reference/f7Tabs.html
@@ -1,407 +1,304 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Create a Framework7 tabs — f7Tabs • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Create a Framework7 tabs — f7Tabs" />
-<meta property="og:description" content="By default, f7Tabs are used within the f7TabLayout. However, you
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="By default, f7Tabs are used within the f7TabLayout. However, you
 may use them as standalone components if you specify a the segmented or strong
-styles." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+styles."><title>Create a Framework7 tabs — f7Tabs • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a Framework7 tabs — f7Tabs"><meta property="og:description" content="By default, f7Tabs are used within the f7TabLayout. However, you
+may use them as standalone components if you specify a the segmented or strong
+styles."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-  </head>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Create a Framework7 tabs</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7-tabs.R'><code>R/f7-tabs.R</code></a></small>
-    <div class="hidden name"><code>f7Tabs.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Create a Framework7 tabs</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7-tabs.R" class="external-link"><code>R/f7-tabs.R</code></a></small>
+      <div class="d-none name"><code>f7Tabs.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>By default, f7Tabs are used within the <a href='f7TabLayout.html'>f7TabLayout</a>. However, you
+    <div class="ref-description section level2">
+    <p>By default, f7Tabs are used within the <a href="f7TabLayout.html">f7TabLayout</a>. However, you
 may use them as standalone components if you specify a the segmented or strong
 styles.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Tabs</span><span class='op'>(</span>
-  <span class='va'>...</span>,
-  .items <span class='op'>=</span> <span class='cn'>NULL</span>,
-  id <span class='op'>=</span> <span class='cn'>NULL</span>,
-  swipeable <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  animated <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  style <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"toolbar"</span>, <span class='st'>"segmented"</span>, <span class='st'>"strong"</span><span class='op'>)</span>
-<span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Tabs</span><span class="op">(</span></span>
+<span>  <span class="va">...</span>,</span>
+<span>  .items <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  id <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  swipeable <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  animated <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  style <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"toolbar"</span>, <span class="st">"segmented"</span>, <span class="st">"strong"</span><span class="op">)</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='f7Tab.html'>f7Tab</a>.</p></td>
-    </tr>
-    <tr>
-      <th>.items</th>
-      <td><p>Slot for other items that could be part of the toolbar such as
-buttons or <a href='f7TabLink.html'>f7TabLink</a>. This may be useful to open an <a href='f7Sheet.html'>f7Sheet</a> from
-the tabbar.</p></td>
-    </tr>
-    <tr>
-      <th>id</th>
-      <td><p>Optional to get the id of the currently selected <a href='f7Tab.html'>f7Tab</a>.</p></td>
-    </tr>
-    <tr>
-      <th>swipeable</th>
-      <td><p>Whether to allow finger swip. FALSE by default. Only for touch-screens.
-Not compatible with animated.</p></td>
-    </tr>
-    <tr>
-      <th>animated</th>
-      <td><p>Whether to show transition between tabs. TRUE by default.
-Not compatible with swipeable.</p></td>
-    </tr>
-    <tr>
-      <th>style</th>
-      <td><p>Tabs style: <code><a href='https://rdrr.io/r/base/c.html'>c("toolbar", "segmented", "strong")</a></code>. If style
-is toolbar, then <a href='f7Tab.html'>f7Tab</a> have a toolbar behavior.</p></td>
-    </tr>
-    </table>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Slot for <a href="f7Tab.html">f7Tab</a>.</p></dd>
 
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
 
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+<dt>.items</dt>
+<dd><p>Slot for other items that could be part of the toolbar such as
+buttons or <a href="f7TabLink.html">f7TabLink</a>. This may be useful to open an <a href="sheet.html">f7Sheet</a> from
+the tabbar.</p></dd>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='co'># tabs as toolbar</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Tab Layout"</span>,
-    <span class='fu'><a href='f7TabLayout.html'>f7TabLayout</a></span><span class='op'>(</span>
-      navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/HTML.html'>HTML</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Currently selected:"</span>, <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/textOutput.html'>textOutput</a></span><span class='op'>(</span><span class='st'>"selected"</span><span class='op'>)</span><span class='op'>)</span><span class='op'>)</span><span class='op'>)</span>,
-      <span class='fu'>f7Tabs</span><span class='op'>(</span>
-        id <span class='op'>=</span> <span class='st'>"tabdemo"</span>,
-        swipeable <span class='op'>=</span> <span class='cn'>TRUE</span>,
-        animated <span class='op'>=</span> <span class='cn'>FALSE</span>,
-        <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-         tabName <span class='op'>=</span> <span class='st'>"Tab 1"</span>,
-         <span class='fu'><a href='f7Sheet.html'>f7Sheet</a></span><span class='op'>(</span>
-          id <span class='op'>=</span> <span class='st'>"sheet"</span>,
-          label <span class='op'>=</span> <span class='st'>"More"</span>,
-          orientation <span class='op'>=</span> <span class='st'>"bottom"</span>,
-          swipeToClose <span class='op'>=</span> <span class='cn'>TRUE</span>,
-          swipeToStep <span class='op'>=</span> <span class='cn'>TRUE</span>,
-          backdrop <span class='op'>=</span> <span class='cn'>TRUE</span>,
-          <span class='st'>"Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-          Quisque ac diam ac quam euismod porta vel a nunc. Quisque sodales
-          scelerisque est, at porta justo cursus ac"</span>
-         <span class='op'>)</span>
-        <span class='op'>)</span>,
-        <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>tabName <span class='op'>=</span> <span class='st'>"Tab 2"</span>, <span class='st'>"tab 2 text"</span><span class='op'>)</span>,
-        <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>tabName <span class='op'>=</span> <span class='st'>"Tab 3"</span>, <span class='st'>"tab 3 text"</span><span class='op'>)</span>,
-        .items <span class='op'>=</span> <span class='fu'><a href='f7TabLink.html'>f7TabLink</a></span><span class='op'>(</span>
-         icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"bolt_fill"</span><span class='op'>)</span>,
-         label <span class='op'>=</span> <span class='st'>"Toggle Sheet"</span>,
-         `data-sheet` <span class='op'>=</span> <span class='st'>"#sheet"</span>,
-         class <span class='op'>=</span> <span class='st'>"sheet-open"</span>
-        <span class='op'>)</span>
-      <span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span>
-    <span class='va'>output</span><span class='op'>$</span><span class='va'>selected</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPrint.html'>renderText</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>tabdemo</span><span class='op'>)</span>
-  <span class='op'>}</span>
- <span class='op'>)</span>
- <span class='co'># standalone tabs</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"My app"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='st'>"Standalone tabs"</span>,
-         hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-         shadow <span class='op'>=</span> <span class='cn'>TRUE</span>
-       <span class='op'>)</span>,
-       <span class='fu'>f7Tabs</span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"tabs"</span>,
-         style <span class='op'>=</span> <span class='st'>"strong"</span>, animated <span class='op'>=</span> <span class='cn'>FALSE</span>, swipeable <span class='op'>=</span> <span class='cn'>TRUE</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"Tab 1"</span>,
-           icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"envelope"</span><span class='op'>)</span>,
-           active <span class='op'>=</span> <span class='cn'>TRUE</span>,
-           <span class='fu'><a href='f7Shadow.html'>f7Shadow</a></span><span class='op'>(</span>
-             intensity <span class='op'>=</span> <span class='fl'>10</span>,
-             hover <span class='op'>=</span> <span class='cn'>TRUE</span>,
-             <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-               title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-               <span class='fu'><a href='f7Stepper.html'>f7Stepper</a></span><span class='op'>(</span>
-                 <span class='st'>"obs1"</span>,
-                 <span class='st'>"Number of observations"</span>,
-                 min <span class='op'>=</span> <span class='fl'>0</span>,
-                 max <span class='op'>=</span> <span class='fl'>1000</span>,
-                 value <span class='op'>=</span> <span class='fl'>500</span>,
-                 step <span class='op'>=</span> <span class='fl'>100</span>
-               <span class='op'>)</span>,
-               <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/plotOutput.html'>plotOutput</a></span><span class='op'>(</span><span class='st'>"distPlot"</span><span class='op'>)</span>
-             <span class='op'>)</span>
-           <span class='op'>)</span>
-         <span class='op'>)</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"Tab 2"</span>,
-           icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"today"</span><span class='op'>)</span>,
-           active <span class='op'>=</span> <span class='cn'>FALSE</span>,
-           <span class='fu'><a href='f7Shadow.html'>f7Shadow</a></span><span class='op'>(</span>
-             intensity <span class='op'>=</span> <span class='fl'>10</span>,
-             hover <span class='op'>=</span> <span class='cn'>TRUE</span>,
-             <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-               title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-               <span class='fu'><a href='f7Select.html'>f7Select</a></span><span class='op'>(</span>
-                 inputId <span class='op'>=</span> <span class='st'>"obs2"</span>,
-                 label <span class='op'>=</span> <span class='st'>"Distribution type:"</span>,
-                 choices <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span>
-                   <span class='st'>"Normal"</span> <span class='op'>=</span> <span class='st'>"norm"</span>,
-                   <span class='st'>"Uniform"</span> <span class='op'>=</span> <span class='st'>"unif"</span>,
-                   <span class='st'>"Log-normal"</span> <span class='op'>=</span> <span class='st'>"lnorm"</span>,
-                   <span class='st'>"Exponential"</span> <span class='op'>=</span> <span class='st'>"exp"</span>
-                 <span class='op'>)</span>
-               <span class='op'>)</span>,
-               <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/plotOutput.html'>plotOutput</a></span><span class='op'>(</span><span class='st'>"distPlot2"</span><span class='op'>)</span>
-             <span class='op'>)</span>
-           <span class='op'>)</span>
-         <span class='op'>)</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"Tab 3"</span>,
-           icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>"cloud_upload"</span><span class='op'>)</span>,
-           active <span class='op'>=</span> <span class='cn'>FALSE</span>,
-           <span class='fu'><a href='f7Shadow.html'>f7Shadow</a></span><span class='op'>(</span>
-             intensity <span class='op'>=</span> <span class='fl'>10</span>,
-             hover <span class='op'>=</span> <span class='cn'>TRUE</span>,
-             <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-               title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-               <span class='fu'><a href='f7SmartSelect.html'>f7SmartSelect</a></span><span class='op'>(</span>
-                 inputId <span class='op'>=</span> <span class='st'>"variable"</span>,
-                 label <span class='op'>=</span> <span class='st'>"Variables to show:"</span>,
-                 <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"Cylinders"</span> <span class='op'>=</span> <span class='st'>"cyl"</span>,
-                   <span class='st'>"Transmission"</span> <span class='op'>=</span> <span class='st'>"am"</span>,
-                   <span class='st'>"Gears"</span> <span class='op'>=</span> <span class='st'>"gear"</span><span class='op'>)</span>,
-                 multiple <span class='op'>=</span> <span class='cn'>TRUE</span>,
-                 selected <span class='op'>=</span> <span class='st'>"cyl"</span>
-               <span class='op'>)</span>,
-               <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/tableOutput.html'>tableOutput</a></span><span class='op'>(</span><span class='st'>"data"</span><span class='op'>)</span>
-             <span class='op'>)</span>
-           <span class='op'>)</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span><span class='op'>)</span> <span class='op'>{</span>
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>distPlot</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPlot.html'>renderPlot</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='va'>dist</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>obs1</span><span class='op'>)</span>
-       <span class='fu'><a href='https://rdrr.io/r/graphics/hist.html'>hist</a></span><span class='op'>(</span><span class='va'>dist</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
 
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>distPlot2</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPlot.html'>renderPlot</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='va'>dist</span> <span class='op'>&lt;-</span> <span class='kw'><a href='https://rdrr.io/r/base/switch.html'>switch</a></span><span class='op'>(</span>
-         <span class='va'>input</span><span class='op'>$</span><span class='va'>obs2</span>,
-         norm <span class='op'>=</span> <span class='va'>rnorm</span>,
-         unif <span class='op'>=</span> <span class='va'>runif</span>,
-         lnorm <span class='op'>=</span> <span class='va'>rlnorm</span>,
-         exp <span class='op'>=</span> <span class='va'>rexp</span>,
-         <span class='va'>rnorm</span>
-       <span class='op'>)</span>
+<dt>id</dt>
+<dd><p>Optional to get the id of the currently selected <a href="f7Tab.html">f7Tab</a>.</p></dd>
 
-       <span class='fu'><a href='https://rdrr.io/r/graphics/hist.html'>hist</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/stats/dist.html'>dist</a></span><span class='op'>(</span><span class='fl'>500</span><span class='op'>)</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
 
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>data</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderTable.html'>renderTable</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='va'>mtcars</span><span class='op'>[</span>, <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"mpg"</span>, <span class='va'>input</span><span class='op'>$</span><span class='va'>variable</span><span class='op'>)</span>, drop <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>]</span>
-     <span class='op'>}</span>, rownames <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>
-   <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>swipeable</dt>
+<dd><p>Whether to allow finger swip. FALSE by default. Only for touch-screens.
+Not compatible with animated.</p></dd>
+
+
+<dt>animated</dt>
+<dd><p>Whether to show transition between tabs. TRUE by default.
+Not compatible with swipeable.</p></dd>
+
+
+<dt>style</dt>
+<dd><p>Tabs style: <code>c("toolbar", "segmented", "strong")</code>. If style
+is toolbar, then <a href="f7Tab.html">f7Tab</a> have a toolbar behavior.</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
+    </div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="co"># tabs as toolbar</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Tab Layout"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/HTML.html" class="external-link">HTML</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Currently selected:"</span>, <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">textOutput</a></span><span class="op">(</span><span class="st">"selected"</span><span class="op">)</span><span class="op">)</span><span class="op">)</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu">f7Tabs</span><span class="op">(</span></span></span>
+<span class="r-in"><span>        id <span class="op">=</span> <span class="st">"tabdemo"</span>,</span></span>
+<span class="r-in"><span>        swipeable <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>        animated <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Tab 1"</span>,</span></span>
+<span class="r-in"><span>         tabName <span class="op">=</span> <span class="st">"Tab1"</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="sheet.html">f7Sheet</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>          id <span class="op">=</span> <span class="st">"sheet"</span>,</span></span>
+<span class="r-in"><span>          label <span class="op">=</span> <span class="st">"More"</span>,</span></span>
+<span class="r-in"><span>          orientation <span class="op">=</span> <span class="st">"bottom"</span>,</span></span>
+<span class="r-in"><span>          swipeToClose <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>          swipeToStep <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>          backdrop <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>          <span class="st">"Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></span></span>
+<span class="r-in"><span><span class="st">          Quisque ac diam ac quam euismod porta vel a nunc. Quisque sodales</span></span></span>
+<span class="r-in"><span><span class="st">          scelerisque est, at porta justo cursus ac"</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Tab 2"</span>, tabName <span class="op">=</span> <span class="st">"Tab2"</span>, <span class="st">"tab 2 text"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Tab 3"</span>, tabName <span class="op">=</span> <span class="st">"Tab3"</span>, <span class="st">"tab 3 text"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>        .items <span class="op">=</span> <span class="fu"><a href="f7TabLink.html">f7TabLink</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"bolt_fill"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         label <span class="op">=</span> <span class="st">"Toggle Sheet"</span>,</span></span>
+<span class="r-in"><span>         `data-sheet` <span class="op">=</span> <span class="st">"#sheet"</span>,</span></span>
+<span class="r-in"><span>         class <span class="op">=</span> <span class="st">"sheet-open"</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>    <span class="va">output</span><span class="op">$</span><span class="va">selected</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderText</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">tabdemo</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="co"># standalone tabs</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"My app"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Standalone tabs"</span>,</span></span>
+<span class="r-in"><span>         hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>         shadow <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu">f7Tabs</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"tabs"</span>,</span></span>
+<span class="r-in"><span>         style <span class="op">=</span> <span class="st">"strong"</span>, animated <span class="op">=</span> <span class="cn">FALSE</span>, swipeable <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"Tab1"</span>,</span></span>
+<span class="r-in"><span>           icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"envelope"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>           active <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             intensity <span class="op">=</span> <span class="fl">10</span>,</span></span>
+<span class="r-in"><span>             hover <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>             <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>               title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>               <span class="fu"><a href="stepper.html">f7Stepper</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                 <span class="st">"obs1"</span>,</span></span>
+<span class="r-in"><span>                 <span class="st">"Number of observations"</span>,</span></span>
+<span class="r-in"><span>                 min <span class="op">=</span> <span class="fl">0</span>,</span></span>
+<span class="r-in"><span>                 max <span class="op">=</span> <span class="fl">1000</span>,</span></span>
+<span class="r-in"><span>                 value <span class="op">=</span> <span class="fl">500</span>,</span></span>
+<span class="r-in"><span>                 step <span class="op">=</span> <span class="fl">100</span></span></span>
+<span class="r-in"><span>               <span class="op">)</span>,</span></span>
+<span class="r-in"><span>               <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html" class="external-link">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>             <span class="op">)</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"Tab2"</span>,</span></span>
+<span class="r-in"><span>           icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"today"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             intensity <span class="op">=</span> <span class="fl">10</span>,</span></span>
+<span class="r-in"><span>             hover <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>             <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>               title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>               <span class="fu"><a href="select.html">f7Select</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                 inputId <span class="op">=</span> <span class="st">"obs2"</span>,</span></span>
+<span class="r-in"><span>                 label <span class="op">=</span> <span class="st">"Distribution type:"</span>,</span></span>
+<span class="r-in"><span>                 choices <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                   <span class="st">"Normal"</span> <span class="op">=</span> <span class="st">"norm"</span>,</span></span>
+<span class="r-in"><span>                   <span class="st">"Uniform"</span> <span class="op">=</span> <span class="st">"unif"</span>,</span></span>
+<span class="r-in"><span>                   <span class="st">"Log-normal"</span> <span class="op">=</span> <span class="st">"lnorm"</span>,</span></span>
+<span class="r-in"><span>                   <span class="st">"Exponential"</span> <span class="op">=</span> <span class="st">"exp"</span></span></span>
+<span class="r-in"><span>                 <span class="op">)</span></span></span>
+<span class="r-in"><span>               <span class="op">)</span>,</span></span>
+<span class="r-in"><span>               <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html" class="external-link">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot2"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>             <span class="op">)</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"Tab3"</span>,</span></span>
+<span class="r-in"><span>           icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"cloud_upload"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             intensity <span class="op">=</span> <span class="fl">10</span>,</span></span>
+<span class="r-in"><span>             hover <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>             <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>               title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>               <span class="fu"><a href="smartselect.html">f7SmartSelect</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                 inputId <span class="op">=</span> <span class="st">"variable"</span>,</span></span>
+<span class="r-in"><span>                 label <span class="op">=</span> <span class="st">"Variables to show:"</span>,</span></span>
+<span class="r-in"><span>                 <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"Cylinders"</span> <span class="op">=</span> <span class="st">"cyl"</span>,</span></span>
+<span class="r-in"><span>                   <span class="st">"Transmission"</span> <span class="op">=</span> <span class="st">"am"</span>,</span></span>
+<span class="r-in"><span>                   <span class="st">"Gears"</span> <span class="op">=</span> <span class="st">"gear"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>                 multiple <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>                 selected <span class="op">=</span> <span class="st">"cyl"</span></span></span>
+<span class="r-in"><span>               <span class="op">)</span>,</span></span>
+<span class="r-in"><span>               <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderTable.html" class="external-link">tableOutput</a></span><span class="op">(</span><span class="st">"data"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>             <span class="op">)</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">distPlot</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html" class="external-link">renderPlot</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="va">dist</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs1</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html" class="external-link">hist</a></span><span class="op">(</span><span class="va">dist</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">distPlot2</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html" class="external-link">renderPlot</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="va">dist</span> <span class="op">&lt;-</span> <span class="kw"><a href="https://rdrr.io/r/base/switch.html" class="external-link">switch</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="va">input</span><span class="op">$</span><span class="va">obs2</span>,</span></span>
+<span class="r-in"><span>         norm <span class="op">=</span> <span class="va">rnorm</span>,</span></span>
+<span class="r-in"><span>         unif <span class="op">=</span> <span class="va">runif</span>,</span></span>
+<span class="r-in"><span>         lnorm <span class="op">=</span> <span class="va">rlnorm</span>,</span></span>
+<span class="r-in"><span>         exp <span class="op">=</span> <span class="va">rexp</span>,</span></span>
+<span class="r-in"><span>         <span class="va">rnorm</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html" class="external-link">hist</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/stats/dist.html" class="external-link">dist</a></span><span class="op">(</span><span class="fl">500</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">data</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderTable.html" class="external-link">renderTable</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="va">mtcars</span><span class="op">[</span>, <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"mpg"</span>, <span class="va">input</span><span class="op">$</span><span class="va">variable</span><span class="op">)</span>, drop <span class="op">=</span> <span class="cn">FALSE</span><span class="op">]</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span>, rownames <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7TapHold.html b/docs/reference/f7TapHold.html
index cafb23bd..4011c68c 100644
--- a/docs/reference/f7TapHold.html
+++ b/docs/reference/f7TapHold.html
@@ -1,248 +1,143 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 tapHold module — f7TapHold • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 tapHold module — f7TapHold" />
-<meta property="og:description" content="f7TapHold is triggered after long press on an element, from the server." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7TapHold is triggered after long press on an element, from the server."><title>Framework7 tapHold module — f7TapHold • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 tapHold module — f7TapHold"><meta property="og:description" content="f7TapHold is triggered after long press on an element, from the server."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 tapHold module</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7TapHold.R'><code>R/f7TapHold.R</code></a></small>
-    <div class="hidden name"><code>f7TapHold.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 tapHold module</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7TapHold.R" class="external-link"><code>R/f7TapHold.R</code></a></small>
+      <div class="d-none name"><code>f7TapHold.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>f7TapHold is triggered after long press on an element, from the server.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7TapHold</span><span class='op'>(</span><span class='va'>target</span>, <span class='va'>callback</span>, session <span class='op'>=</span> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>target</th>
-      <td><p>Element to apply the tapHold event on. Must be a jQuery selector,
-such as "#id" or ".class", ".class1, .class2", "a"...</p></td>
-    </tr>
-    <tr>
-      <th>callback</th>
-      <td><p>Javascript callback.</p></td>
-    </tr>
-    <tr>
-      <th>session</th>
-      <td><p>Shiny session object.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
-<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
-<span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Taphold"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7TapHold"</span><span class='op'>)</span>,
-       <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"pressme"</span>, label <span class='op'>=</span> <span class='st'>"Press me"</span><span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-    <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observe.html'>observe</a></span><span class='op'>(</span><span class='op'>{</span>
-      <span class='fu'>f7TapHold</span><span class='op'>(</span>
-       target <span class='op'>=</span> <span class='st'>"#pressme"</span>,
-       callback <span class='op'>=</span> <span class='st'>"app.dialog.alert('Tap hold fired!')"</span>
-      <span class='op'>)</span>
-    <span class='op'>}</span><span class='op'>)</span>
-   <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7TapHold</span><span class="op">(</span><span class="va">target</span>, <span class="va">callback</span>, session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>target</dt>
+<dd><p>Element to apply the tapHold event on. Must be a jQuery selector,
+such as "#id" or ".class", ".class1, .class2", "a"...</p></dd>
+
+
+<dt>callback</dt>
+<dd><p>Javascript callback.</p></dd>
+
+
+<dt>session</dt>
+<dd><p>Shiny session object.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Taphold"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7TapHold"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"pressme"</span>, label <span class="op">=</span> <span class="st">"Press me"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observe.html" class="external-link">observe</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="fu">f7TapHold</span><span class="op">(</span></span></span>
+<span class="r-in"><span>       target <span class="op">=</span> <span class="st">"#pressme"</span>,</span></span>
+<span class="r-in"><span>       callback <span class="op">=</span> <span class="st">"app.dialog.alert('Tap hold fired!')"</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Toast.html b/docs/reference/f7Toast.html
index 7429bbbf..b2242d06 100644
--- a/docs/reference/f7Toast.html
+++ b/docs/reference/f7Toast.html
@@ -1,282 +1,177 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Toast creates a small toast notification from the server side."><title>Framework7 toast — f7Toast • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 toast — f7Toast"><meta property="og:description" content="f7Toast creates a small toast notification from the server side."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-<title>Framework7 toast — f7Toast • shinyMobile</title>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
+</li>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
+</li>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
+     
+  </a>
+</li>
+      </ul></div>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 toast</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Toast.R" class="external-link"><code>R/f7Toast.R</code></a></small>
+      <div class="d-none name"><code>f7Toast.Rd</code></div>
+    </div>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div class="ref-description section level2">
+    <p><code>f7Toast</code> creates a small toast notification from the server side.</p>
+    </div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Toast</span><span class="op">(</span></span>
+<span>  <span class="va">text</span>,</span>
+<span>  position <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"bottom"</span>, <span class="st">"top"</span>, <span class="st">"center"</span><span class="op">)</span>,</span>
+<span>  closeButton <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  closeButtonText <span class="op">=</span> <span class="st">"close"</span>,</span>
+<span>  closeButtonColor <span class="op">=</span> <span class="st">"red"</span>,</span>
+<span>  closeTimeout <span class="op">=</span> <span class="fl">3000</span>,</span>
+<span>  icon <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  <span class="va">...</span>,</span>
+<span>  session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>text</dt>
+<dd><p>Toast content.</p></dd>
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
 
+<dt>position</dt>
+<dd><p>Toast position <code>c("bottom", "top", "center")</code>.</p></dd>
 
 
-  <link href="../extra.css" rel="stylesheet">
-  
+<dt>closeButton</dt>
+<dd><p>Whether to close the toast with a button.
+TRUE by default.</p></dd>
 
-<meta property="og:title" content="Framework7 toast — f7Toast" />
-<meta property="og:description" content="f7Toast creates a small toast notification from the server side." />
-<meta property="og:image" content="/logo.png" />
 
+<dt>closeButtonText</dt>
+<dd><p>Close button text.</p></dd>
 
 
+<dt>closeButtonColor</dt>
+<dd><p>Close button color.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<dt>closeTimeout</dt>
+<dd><p>Time before toast closes.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
 
-      
+<dt>icon</dt>
+<dd><p>Optional. Expect <a href="f7Icon.html">f7Icon</a>. Warning:
+Adding icon will hide the close button.</p></dd>
 
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 toast</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Toast.R'><code>R/f7Toast.R</code></a></small>
-    <div class="hidden name"><code>f7Toast.Rd</code></div>
-    </div>
+<dt>...</dt>
+<dd><p>Other options. See <a href="https://framework7.io/docs/toast.html#toast-parameters" class="external-link">https://framework7.io/docs/toast.html#toast-parameters</a>.</p></dd>
 
-    <div class="ref-description">
-    <p><code>f7Toast</code> creates a small toast notification from the server side.</p>
-    </div>
 
-    <pre class="usage"><span class='fu'>f7Toast</span><span class='op'>(</span>
-  <span class='va'>text</span>,
-  position <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"bottom"</span>, <span class='st'>"top"</span>, <span class='st'>"center"</span><span class='op'>)</span>,
-  closeButton <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  closeButtonText <span class='op'>=</span> <span class='st'>"close"</span>,
-  closeButtonColor <span class='op'>=</span> <span class='st'>"red"</span>,
-  closeTimeout <span class='op'>=</span> <span class='fl'>3000</span>,
-  icon <span class='op'>=</span> <span class='cn'>NULL</span>,
-  <span class='va'>...</span>,
-  session <span class='op'>=</span> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span><span class='op'>(</span><span class='op'>)</span>
-<span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>text</th>
-      <td><p>Toast content.</p></td>
-    </tr>
-    <tr>
-      <th>position</th>
-      <td><p>Toast position <code><a href='https://rdrr.io/r/base/c.html'>c("bottom", "top", "center")</a></code>.</p></td>
-    </tr>
-    <tr>
-      <th>closeButton</th>
-      <td><p>Whether to close the toast with a button.
-TRUE by default.</p></td>
-    </tr>
-    <tr>
-      <th>closeButtonText</th>
-      <td><p>Close button text.</p></td>
-    </tr>
-    <tr>
-      <th>closeButtonColor</th>
-      <td><p>Close button color.</p></td>
-    </tr>
-    <tr>
-      <th>closeTimeout</th>
-      <td><p>Time before toast closes.</p></td>
-    </tr>
-    <tr>
-      <th>icon</th>
-      <td><p>Optional. Expect <a href='f7Icon.html'>f7Icon</a>. Warning:
-Adding icon will hide the close button.</p></td>
-    </tr>
-    <tr>
-      <th>...</th>
-      <td><p>Other options. See <a href='https://framework7.io/docs/toast.html#toast-parameters'>https://framework7.io/docs/toast.html#toast-parameters</a>.</p></td>
-    </tr>
-    <tr>
-      <th>session</th>
-      <td><p>Shiny session.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Toast"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-      navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Toast"</span><span class='op'>)</span>,
-      <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"toast"</span>, label <span class='op'>=</span> <span class='st'>"Open Toast"</span><span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-    <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>toast</span>, <span class='op'>{</span>
-      <span class='fu'>f7Toast</span><span class='op'>(</span>
-        position <span class='op'>=</span> <span class='st'>"top"</span>,
-        text <span class='op'>=</span> <span class='st'>"I am a toast. Eat me!"</span>
-      <span class='op'>)</span>
-    <span class='op'>}</span><span class='op'>)</span>
-  <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+<dt>session</dt>
+<dd><p>Shiny session.</p></dd>
 
+</dl></div>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Toast"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Toast"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"toast"</span>, label <span class="op">=</span> <span class="st">"Open Toast"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">toast</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="fu">f7Toast</span><span class="op">(</span></span></span>
+<span class="r-in"><span>        position <span class="op">=</span> <span class="st">"top"</span>,</span></span>
+<span class="r-in"><span>        text <span class="op">=</span> <span class="st">"I am a toast. Eat me!"</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/f7Toolbar.html b/docs/reference/f7Toolbar.html
index 89ff02bb..13027694 100644
--- a/docs/reference/f7Toolbar.html
+++ b/docs/reference/f7Toolbar.html
@@ -1,247 +1,142 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 Toolbar — f7Toolbar • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Toolbar is a layout element located at the bottom or top. It is
+internally used by f7Tabs."><title>Framework7 Toolbar — f7Toolbar • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 Toolbar — f7Toolbar"><meta property="og:description" content="f7Toolbar is a layout element located at the bottom or top. It is
+internally used by f7Tabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
+</li>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
+</li>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
+     
+  </a>
+</li>
+      </ul></div>
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+    
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 Toolbar</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Toolbar.R" class="external-link"><code>R/f7Toolbar.R</code></a></small>
+      <div class="d-none name"><code>f7Toolbar.Rd</code></div>
+    </div>
 
+    <div class="ref-description section level2">
+    <p><code>f7Toolbar</code> is a layout element located at the bottom or top. It is
+internally used by <a href="f7Tabs.html">f7Tabs</a>.</p>
+    </div>
 
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Toolbar</span><span class="op">(</span></span>
+<span>  <span class="va">...</span>,</span>
+<span>  position <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"top"</span>, <span class="st">"bottom"</span><span class="op">)</span>,</span>
+<span>  hairline <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  shadow <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  icons <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  scrollable <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  <link href="../extra.css" rel="stylesheet">
-  
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Slot for <a href="f7Link.html">f7Link</a> or any other element.</p></dd>
 
-<meta property="og:title" content="Framework7 Toolbar — f7Toolbar" />
-<meta property="og:description" content="f7Toolbar is a layout element located at the bottom or top. It is
-internally used by f7Tabs." />
-<meta property="og:image" content="/logo.png" />
 
+<dt>position</dt>
+<dd><p>Tabs position: "top" or "bottom".</p></dd>
 
 
+<dt>hairline</dt>
+<dd><p>Whether to display a thin border on the top of the toolbar. TRUE by default.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<dt>shadow</dt>
+<dd><p>Whether to display a shadow. TRUE by default.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
 
-      
+<dt>icons</dt>
+<dd><p>Whether to use icons instead of text. Either ios or md icons.</p></dd>
 
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 Toolbar</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Toolbar.R'><code>R/f7Toolbar.R</code></a></small>
-    <div class="hidden name"><code>f7Toolbar.Rd</code></div>
-    </div>
+<dt>scrollable</dt>
+<dd><p>Whether to allow scrolling. FALSE by default.</p></dd>
 
-    <div class="ref-description">
-    <p><code>f7Toolbar</code> is a layout element located at the bottom or top. It is
-internally used by <a href='f7Tabs.html'>f7Tabs</a>.</p>
+</dl></div>
+    <div class="section level2">
+    <h2 id="author">Author<a class="anchor" aria-label="anchor" href="#author"></a></h2>
+    <p>David Granjon, <a href="mailto:dgranjon@ymail.com">dgranjon@ymail.com</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>f7Toolbar</span><span class='op'>(</span>
-  <span class='va'>...</span>,
-  position <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"top"</span>, <span class='st'>"bottom"</span><span class='op'>)</span>,
-  hairline <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  shadow <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  icons <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  scrollable <span class='op'>=</span> <span class='cn'>FALSE</span>
-<span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Slot for <a href='f7Link.html'>f7Link</a> or any other element.</p></td>
-    </tr>
-    <tr>
-      <th>position</th>
-      <td><p>Tabs position: "top" or "bottom".</p></td>
-    </tr>
-    <tr>
-      <th>hairline</th>
-      <td><p>Whether to display a thin border on the top of the toolbar. TRUE by default.</p></td>
-    </tr>
-    <tr>
-      <th>shadow</th>
-      <td><p>Whether to display a shadow. TRUE by default.</p></td>
-    </tr>
-    <tr>
-      <th>icons</th>
-      <td><p>Whether to use icons instead of text. Either ios or md icons.</p></td>
-    </tr>
-    <tr>
-      <th>scrollable</th>
-      <td><p>Whether to allow scrolling. FALSE by default.</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
-
-    <p>David Granjon, <a href='mailto:dgranjon@ymail.com'>dgranjon@ymail.com</a></p>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
 
-
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/getF7Colors.html b/docs/reference/getF7Colors.html
index 690ebb4f..0d386c9d 100644
--- a/docs/reference/getF7Colors.html
+++ b/docs/reference/getF7Colors.html
@@ -1,210 +1,108 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Function to get all colors available in shinyMobile — getF7Colors • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Function to get all colors available in shinyMobile — getF7Colors" />
-<meta property="og:description" content="Function to get all colors available in shinyMobile" />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Function to get all colors available in shinyMobile"><title>Function to get all colors available in shinyMobile — getF7Colors • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Function to get all colors available in shinyMobile — getF7Colors"><meta property="og:description" content="Function to get all colors available in shinyMobile"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Function to get all colors available in shinyMobile</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/utils.R'><code>R/utils.R</code></a></small>
-    <div class="hidden name"><code>getF7Colors.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Function to get all colors available in shinyMobile</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/utils.R" class="external-link"><code>R/utils.R</code></a></small>
+      <div class="d-none name"><code>getF7Colors.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Function to get all colors available in shinyMobile</p>
     </div>
 
-    <pre class="usage"><span class='fu'>getF7Colors</span><span class='op'>(</span><span class='op'>)</span></pre>
-
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">getF7Colors</span><span class="op">(</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>
+    <div class="section level2">
+    <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
+    
 
-    <p>A vector containing colors</p>
+<p>A vector containing colors</p>
+    </div>
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/index.html b/docs/reference/index.html
index 6d6bf5ff..5375f503 100644
--- a/docs/reference/index.html
+++ b/docs/reference/index.html
@@ -1,1336 +1,1031 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Function reference • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Function reference"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-<title>Function reference • shinyMobile</title>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
+</li>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
+</li>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
+     
+  </a>
+</li>
+      </ul></div>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    
+  </div>
+</nav><div class="container template-reference-index">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Function reference</h1>
+    </div>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div class="section level2">
+      <h2 id="basic-functions">Basic functions<a class="anchor" aria-label="anchor" href="#basic-functions"></a></h2>
+      
+      <p class="section-desc"></p><p>Page skeleton functions</p>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
+      
+    </div><div id="" class="section level2">
+      
+      
+      
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+      <dl><dt>
+          
+          <code><a href="appbar.html">f7Appbar()</a></code> <code><a href="appbar.html">f7Back()</a></code> <code><a href="appbar.html">f7Next()</a></code> 
+        </dt>
+        <dd>Framework7 appbar</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Item.html">f7Item()</a></code> 
+        </dt>
+        <dd>Framework7 body item</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Items.html">f7Items()</a></code> 
+        </dt>
+        <dd>Framework7 item container</dd>
+      </dl><dl><dt>
+          
+          <code><a href="navbar.html">f7Navbar()</a></code> <code><a href="navbar.html">updateF7Navbar()</a></code> 
+        </dt>
+        <dd>Framework7 Navbar</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Page.html">f7Page()</a></code> 
+        </dt>
+        <dd>Framework7 page container</dd>
+      </dl><dl><dt>
+          
+          <code><a href="panel.html">f7Panel()</a></code> <code><a href="panel.html">updateF7Panel()</a></code> 
+        </dt>
+        <dd>Framework7 panel</dd>
+      </dl><dl><dt>
+          
+          <code><a href="panelmenu.html">f7PanelMenu()</a></code> <code><a href="panelmenu.html">f7PanelItem()</a></code> 
+        </dt>
+        <dd>Framework7 sidebar menu</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7SubNavbar.html">f7SubNavbar()</a></code> 
+        </dt>
+        <dd>Framework7 sub navbar</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Tab.html">f7Tab()</a></code> 
+        </dt>
+        <dd>Create a Framework7 tab item</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Tabs.html">f7Tabs()</a></code> 
+        </dt>
+        <dd>Create a Framework7 tabs</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Toolbar.html">f7Toolbar()</a></code> 
+        </dt>
+        <dd>Framework7 Toolbar</dd>
+      </dl></div><div class="section level2">
+      <h2 id="authentication">Authentication<a class="anchor" aria-label="anchor" href="#authentication"></a></h2>
+      
+      <p class="section-desc"></p><p>UI skeletons for authentication purposes</p>
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
+      
+    </div><div id="" class="section level2">
+      
+      
+      
 
+      <dl><dt>
+          
+          <code><a href="authentication.html">f7Login()</a></code> <code><a href="authentication.html">f7LoginServer()</a></code> <code><a href="authentication.html">updateF7Login()</a></code> 
+        </dt>
+        <dd>Framework7 login screen</dd>
+      </dl></div><div class="section level2">
+      <h2 id="toward-progressive-web-app">Toward progressive web app<a class="anchor" aria-label="anchor" href="#toward-progressive-web-app"></a></h2>
+      
+      <p class="section-desc"></p><p>Tools to build a progressive web app</p>
 
+      
+    </div><div id="" class="section level2">
+      
+      
+      
 
-  <link href="../extra.css" rel="stylesheet">
-  
+      <dl><dt>
+          
+          <code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> 
+        </dt>
+        <dd>Deprecated functions</dd>
+      </dl><dl><dt>
+          
+          <code><a href="preview_mobile.html">preview_mobile()</a></code> 
+        </dt>
+        <dd>Allow to preview a given app on different devices.</dd>
+      </dl></div><div class="section level2">
+      <h2 id="inputs-validation">Inputs validation<a class="anchor" aria-label="anchor" href="#inputs-validation"></a></h2>
+      
+      <p class="section-desc"></p><p>Provide feedback when an input is missing, …</p>
 
-<meta property="og:title" content="Function reference" />
-<meta property="og:image" content="/logo.png" />
+      
+    </div><div id="" class="section level2">
+      
+      
+      
 
+      <dl><dt>
+          
+          <code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> 
+        </dt>
+        <dd>Deprecated functions</dd>
+      </dl><dl><dt>
+          
+          <code><a href="validation.html">validateF7Input()</a></code> 
+        </dt>
+        <dd>Framework7 input validation</dd>
+      </dl></div><div class="section level2">
+      <h2 id="grid-functions">Grid functions<a class="anchor" aria-label="anchor" href="#grid-functions"></a></h2>
+      
+      <p class="section-desc"></p><p>Rows, columns, flex, …</p>
 
+      
+    </div><div id="" class="section level2">
+      
+      
+      
 
+      <dl><dt>
+          
+          <code><a href="f7Col.html">f7Col()</a></code> 
+        </dt>
+        <dd>Framework7 column container</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Flex.html">f7Flex()</a></code> 
+        </dt>
+        <dd>Framework7 flex container</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Row.html">f7Row()</a></code> 
+        </dt>
+        <dd>Framework7 row container</dd>
+      </dl></div><div class="section level2">
+      <h2 id="tab-navigation">Tab Navigation<a class="anchor" aria-label="anchor" href="#tab-navigation"></a></h2>
+      
+      <p class="section-desc"></p><p>Next, back</p>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+      
+    </div><div id="" class="section level2">
+      
+      
+      
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-index">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+      <dl><dt>
+          
+          <code><a href="appbar.html">f7Appbar()</a></code> <code><a href="appbar.html">f7Back()</a></code> <code><a href="appbar.html">f7Next()</a></code> 
+        </dt>
+        <dd>Framework7 appbar</dd>
+      </dl></div><div class="section level2">
+      <h2 id="layouts">Layouts<a class="anchor" aria-label="anchor" href="#layouts"></a></h2>
+      
+      <p class="section-desc"></p><p>Functions that create layouts</p>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
       
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
+    </div><div id="" class="section level2">
+      
+      
+      
 
+      <dl><dt>
+          
+          <code><a href="f7SingleLayout.html">f7SingleLayout()</a></code> 
+        </dt>
+        <dd>Framework7 single layout</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7SplitLayout.html">f7SplitLayout()</a></code> 
+        </dt>
+        <dd>Framework7 split layout</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7TabLayout.html">f7TabLayout()</a></code> 
+        </dt>
+        <dd>Framework7 tab layout</dd>
+      </dl></div><div class="section level2">
+      <h2 id="download-upload">Download/Upload<a class="anchor" aria-label="anchor" href="#download-upload"></a></h2>
+      
       
 
-      </header>
+      
+    </div><div id="" class="section level2">
+      
+      
+      
 
-<div class="row">
-  <div class="contents col-md-9">
-    <div class="page-header">
-      <h1>Reference</h1>
-    </div>
+      <dl><dt>
+          
+          <code><a href="f7DownloadButton.html">f7DownloadButton()</a></code> 
+        </dt>
+        <dd>Create a download button</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7File.html">f7File()</a></code> 
+        </dt>
+        <dd>File Upload Control</dd>
+      </dl></div><div class="section level2">
+      <h2 id="inputs">Inputs<a class="anchor" aria-label="anchor" href="#inputs"></a></h2>
+      
+      <p class="section-desc"></p><p>slider, radio, checkboxes, …</p>
 
-    <table class="ref-index">
-
-    <colgroup>
-      
-      <col class="alias" />
-      <col class="title" />
-    </colgroup>
-
-    <tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-basic-functions" class="hasAnchor"><a href="#section-basic-functions" class="anchor"></a>Basic functions</h2>
-          <p class="section-desc"><p>Page skeleton functions</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="appbar.html">f7Appbar()</a></code> <code><a href="appbar.html">f7Back()</a></code> <code><a href="appbar.html">f7Next()</a></code> </p>
-        </td>
-        <td><p>Framework7 appbar</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Item.html">f7Item()</a></code> </p>
-        </td>
-        <td><p>Framework7 body item</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Items.html">f7Items()</a></code> </p>
-        </td>
-        <td><p>Framework7 item container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="navbar.html">f7Navbar()</a></code> <code><a href="navbar.html">updateF7Navbar()</a></code> </p>
-        </td>
-        <td><p>Framework7 Navbar</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Page.html">f7Page()</a></code> </p>
-        </td>
-        <td><p>Framework7 page container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="panel.html">f7Panel()</a></code> <code><a href="panel.html">updateF7Panel()</a></code> </p>
-        </td>
-        <td><p>Framework7 panel</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="panelmenu.html">f7PanelMenu()</a></code> <code><a href="panelmenu.html">f7PanelItem()</a></code> </p>
-        </td>
-        <td><p>Framework7 sidebar menu</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7SubNavbar.html">f7SubNavbar()</a></code> </p>
-        </td>
-        <td><p>Framework7 sub navbar</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Tab.html">f7Tab()</a></code> </p>
-        </td>
-        <td><p>Create a Framework7 tab item</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Tabs.html">f7Tabs()</a></code> </p>
-        </td>
-        <td><p>Create a Framework7 tabs</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Toolbar.html">f7Toolbar()</a></code> </p>
-        </td>
-        <td><p>Framework7 Toolbar</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-authentication" class="hasAnchor"><a href="#section-authentication" class="anchor"></a>Authentication</h2>
-          <p class="section-desc"><p>UI skeletons for authentication purposes</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="authentication.html">f7Login()</a></code> <code><a href="authentication.html">f7LoginServer()</a></code> <code><a href="authentication.html">updateF7Login()</a></code> </p>
-        </td>
-        <td><p>Framework7 login screen</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-toward-progressive-web-app" class="hasAnchor"><a href="#section-toward-progressive-web-app" class="anchor"></a>Toward progressive web app</h2>
-          <p class="section-desc"><p>Tools to build a progressive web app</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">updateF7Popup()</a></code> <code><a href="f7-deprecated.html">f7TogglePopup()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> </p>
-        </td>
-        <td><p>Deprecated functions</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="preview_mobile.html">preview_mobile()</a></code> </p>
-        </td>
-        <td><p>Allow to preview a given app on different devices.</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-inputs-validation" class="hasAnchor"><a href="#section-inputs-validation" class="anchor"></a>Inputs validation</h2>
-          <p class="section-desc"><p>Provide feedback when an input is missing, …</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">updateF7Popup()</a></code> <code><a href="f7-deprecated.html">f7TogglePopup()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> </p>
-        </td>
-        <td><p>Deprecated functions</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="validation.html">validateF7Input()</a></code> </p>
-        </td>
-        <td><p>Framework7 input validation</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-grid-functions" class="hasAnchor"><a href="#section-grid-functions" class="anchor"></a>Grid functions</h2>
-          <p class="section-desc"><p>Rows, columns, flex, …</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7Col.html">f7Col()</a></code> </p>
-        </td>
-        <td><p>Framework7 column container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Flex.html">f7Flex()</a></code> </p>
-        </td>
-        <td><p>Framework7 flex container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Row.html">f7Row()</a></code> </p>
-        </td>
-        <td><p>Framework7 row container</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-tab-navigation" class="hasAnchor"><a href="#section-tab-navigation" class="anchor"></a>Tab Navigation</h2>
-          <p class="section-desc"><p>Next, back</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="appbar.html">f7Appbar()</a></code> <code><a href="appbar.html">f7Back()</a></code> <code><a href="appbar.html">f7Next()</a></code> </p>
-        </td>
-        <td><p>Framework7 appbar</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-layouts" class="hasAnchor"><a href="#section-layouts" class="anchor"></a>Layouts</h2>
-          <p class="section-desc"><p>Functions that create layouts</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7SingleLayout.html">f7SingleLayout()</a></code> </p>
-        </td>
-        <td><p>Framework7 single layout</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7SplitLayout.html">f7SplitLayout()</a></code> </p>
-        </td>
-        <td><p>Framework7 split layout</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7TabLayout.html">f7TabLayout()</a></code> </p>
-        </td>
-        <td><p>Framework7 tab layout</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-download-upload" class="hasAnchor"><a href="#section-download-upload" class="anchor"></a>Download/Upload</h2>
-          <p class="section-desc"></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7DownloadButton.html">f7DownloadButton()</a></code> </p>
-        </td>
-        <td><p>Create a download button</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7File.html">f7File()</a></code> </p>
-        </td>
-        <td><p>File Upload Control</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-inputs" class="hasAnchor"><a href="#section-inputs" class="anchor"></a>Inputs</h2>
-          <p class="section-desc"><p>slider, radio, checkboxes, …</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="autocomplete.html">f7AutoComplete()</a></code> <code><a href="autocomplete.html">updateF7AutoComplete()</a></code> </p>
-        </td>
-        <td><p>Framework7 autocomplete input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">updateF7Popup()</a></code> <code><a href="f7-deprecated.html">f7TogglePopup()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> </p>
-        </td>
-        <td><p>Deprecated functions</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="checkbox.html">f7Checkbox()</a></code> <code><a href="checkbox.html">updateF7Checkbox()</a></code> </p>
-        </td>
-        <td><p>Framework7 checkbox</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="checkboxgroup.html">f7CheckboxGroup()</a></code> </p>
-        </td>
-        <td><p>Framework7 checkbox group</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7ColorPicker.html">f7ColorPicker()</a></code> </p>
-        </td>
-        <td><p>Create a Framework7 color picker input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="datepicker.html">f7DatePicker()</a></code> <code><a href="datepicker.html">updateF7DatePicker()</a></code> </p>
-        </td>
-        <td><p>Framework7 date picker</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Password.html">f7Password()</a></code> </p>
-        </td>
-        <td><p>Create an f7 password input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="picker.html">f7Picker()</a></code> <code><a href="picker.html">updateF7Picker()</a></code> </p>
-        </td>
-        <td><p>Framework7 picker input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="radio.html">f7Radio()</a></code> <code><a href="radio.html">updateF7Radio()</a></code> </p>
-        </td>
-        <td><p>Framework7 radio input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="select.html">f7Select()</a></code> <code><a href="select.html">updateF7Select()</a></code> </p>
-        </td>
-        <td><p>Framework7 select input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="slider.html">f7Slider()</a></code> <code><a href="slider.html">updateF7Slider()</a></code> </p>
-        </td>
-        <td><p>Framework7 range slider</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="stepper.html">f7Stepper()</a></code> <code><a href="stepper.html">updateF7Stepper()</a></code> </p>
-        </td>
-        <td><p>Framework7 stepper input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="smartselect.html">f7SmartSelect()</a></code> <code><a href="smartselect.html">updateF7SmartSelect()</a></code> </p>
-        </td>
-        <td><p>Framework7 smart select</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="text.html">f7Text()</a></code> <code><a href="text.html">updateF7Text()</a></code> </p>
-        </td>
-        <td><p>Framework7 text input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="textarea.html">f7TextArea()</a></code> <code><a href="textarea.html">updateF7TextArea()</a></code> </p>
-        </td>
-        <td><p>Framework7 text area input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="toggle.html">f7Toggle()</a></code> <code><a href="toggle.html">updateF7Toggle()</a></code> </p>
-        </td>
-        <td><p>Framework7 toggle input</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-update-inputs" class="hasAnchor"><a href="#section-update-inputs" class="anchor"></a>Update inputs</h2>
-          <p class="section-desc"><p>slider, radio, checkboxes, …</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">updateF7Popup()</a></code> <code><a href="f7-deprecated.html">f7TogglePopup()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> </p>
-        </td>
-        <td><p>Deprecated functions</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="inserttab.html">insertF7Tab()</a></code> </p>
-        </td>
-        <td><p>Framework7 tab insertion</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="navbar.html">f7Navbar()</a></code> <code><a href="navbar.html">updateF7Navbar()</a></code> </p>
-        </td>
-        <td><p>Framework7 Navbar</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="removetab.html">removeF7Tab()</a></code> </p>
-        </td>
-        <td><p>Framework7 tab deletion</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="accordion.html">f7Accordion()</a></code> <code><a href="accordion.html">f7AccordionItem()</a></code> <code><a href="accordion.html">updateF7Accordion()</a></code> </p>
-        </td>
-        <td><p>Framework7 accordion container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="autocomplete.html">f7AutoComplete()</a></code> <code><a href="autocomplete.html">updateF7AutoComplete()</a></code> </p>
-        </td>
-        <td><p>Framework7 autocomplete input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="button.html">f7Button()</a></code> <code><a href="button.html">updateF7Button()</a></code> </p>
-        </td>
-        <td><p>Framework7 action button</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="card.html">f7Card()</a></code> <code><a href="card.html">f7SocialCard()</a></code> <code><a href="card.html">f7ExpandableCard()</a></code> <code><a href="card.html">updateF7Card()</a></code> </p>
-        </td>
-        <td><p>Framework7 card</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="checkbox.html">f7Checkbox()</a></code> <code><a href="checkbox.html">updateF7Checkbox()</a></code> </p>
-        </td>
-        <td><p>Framework7 checkbox</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="datepicker.html">f7DatePicker()</a></code> <code><a href="datepicker.html">updateF7DatePicker()</a></code> </p>
-        </td>
-        <td><p>Framework7 date picker</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="fab.html">f7Fab()</a></code> <code><a href="fab.html">updateF7Fab()</a></code> </p>
-        </td>
-        <td><p>Framework7 floating action button (FAB)</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="fabs.html">f7Fabs()</a></code> <code><a href="fabs.html">updateF7Fabs()</a></code> <code><a href="fabs.html">f7FabMorphTarget()</a></code> </p>
-        </td>
-        <td><p>Framework7 container for floating action button (FAB)</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="gauge.html">f7Gauge()</a></code> <code><a href="gauge.html">updateF7Gauge()</a></code> </p>
-        </td>
-        <td><p>Framework7 gauge</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="authentication.html">f7Login()</a></code> <code><a href="authentication.html">f7LoginServer()</a></code> <code><a href="authentication.html">updateF7Login()</a></code> </p>
-        </td>
-        <td><p>Framework7 login screen</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="messages.html">f7Messages()</a></code> <code><a href="messages.html">f7Message()</a></code> <code><a href="messages.html">updateF7Messages()</a></code> </p>
-        </td>
-        <td><p>Framework7 messages container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="messagebar.html">f7MessageBar()</a></code> <code><a href="messagebar.html">updateF7MessageBar()</a></code> </p>
-        </td>
-        <td><p>Framework7 message bar.</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="panel.html">f7Panel()</a></code> <code><a href="panel.html">updateF7Panel()</a></code> </p>
-        </td>
-        <td><p>Framework7 panel</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="picker.html">f7Picker()</a></code> <code><a href="picker.html">updateF7Picker()</a></code> </p>
-        </td>
-        <td><p>Framework7 picker input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="progress.html">f7Progress()</a></code> <code><a href="progress.html">updateF7Progress()</a></code> </p>
-        </td>
-        <td><p>Framework7 progress bar</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="select.html">f7Select()</a></code> <code><a href="select.html">updateF7Select()</a></code> </p>
-        </td>
-        <td><p>Framework7 select input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="sheet.html">f7Sheet()</a></code> <code><a href="sheet.html">updateF7Sheet()</a></code> </p>
-        </td>
-        <td><p>Framework7 sheet</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="slider.html">f7Slider()</a></code> <code><a href="slider.html">updateF7Slider()</a></code> </p>
-        </td>
-        <td><p>Framework7 range slider</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="smartselect.html">f7SmartSelect()</a></code> <code><a href="smartselect.html">updateF7SmartSelect()</a></code> </p>
-        </td>
-        <td><p>Framework7 smart select</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="stepper.html">f7Stepper()</a></code> <code><a href="stepper.html">updateF7Stepper()</a></code> </p>
-        </td>
-        <td><p>Framework7 stepper input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="updateF7Tabs.html">updateF7Tabs()</a></code> </p>
-        </td>
-        <td><p>Update a Framework 7 tabsetPanel</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="text.html">f7Text()</a></code> <code><a href="text.html">updateF7Text()</a></code> </p>
-        </td>
-        <td><p>Framework7 text input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="textarea.html">f7TextArea()</a></code> <code><a href="textarea.html">updateF7TextArea()</a></code> </p>
-        </td>
-        <td><p>Framework7 text area input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="toggle.html">f7Toggle()</a></code> <code><a href="toggle.html">updateF7Toggle()</a></code> </p>
-        </td>
-        <td><p>Framework7 toggle input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="updateF7VirtualList.html">updateF7VirtualList()</a></code> </p>
-        </td>
-        <td><p>Update an f7VirtualList on the server side</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="updateF7App.html">updateF7App()</a></code> </p>
-        </td>
-        <td><p>Update Framework7 configuration</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="updateF7Entity.html">updateF7Entity()</a></code> </p>
-        </td>
-        <td><p>Update Framework7 entity</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-search" class="hasAnchor"><a href="#section-search" class="anchor"></a>Search</h2>
-          <p class="section-desc"><p>Searchbar and utilities</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7Found.html">f7Found()</a></code> </p>
-        </td>
-        <td><p>Utility to display an item when the search is successful.</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7NotFound.html">f7NotFound()</a></code> </p>
-        </td>
-        <td><p>Utility to display an item when the search is unsuccessful.</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7HideOnEnable.html">f7HideOnEnable()</a></code> </p>
-        </td>
-        <td><p>Utility to hide a given tag when f7Searchbar is enabled.</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7HideOnSearch.html">f7HideOnSearch()</a></code> </p>
-        </td>
-        <td><p>Utility to hide a given tag on search</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Searchbar.html">f7Searchbar()</a></code> </p>
-        </td>
-        <td><p>Framework 7 searchbar</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7SearchIgnore.html">f7SearchIgnore()</a></code> </p>
-        </td>
-        <td><p>Utility to ignore an item from search.</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7SearchbarTrigger.html">f7SearchbarTrigger()</a></code> </p>
-        </td>
-        <td><p>Framework 7 searchbar trigger</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-cards" class="hasAnchor"><a href="#section-cards" class="anchor"></a>Cards</h2>
-          <p class="section-desc"><p>social cards, cards, …</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="card.html">f7Card()</a></code> <code><a href="card.html">f7SocialCard()</a></code> <code><a href="card.html">f7ExpandableCard()</a></code> <code><a href="card.html">updateF7Card()</a></code> </p>
-        </td>
-        <td><p>Framework7 card</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-lists" class="hasAnchor"><a href="#section-lists" class="anchor"></a>Lists</h2>
-          <p class="section-desc"><p>Framework 7 lists</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7List.html">f7List()</a></code> </p>
-        </td>
-        <td><p>Create a framework 7 contact list</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7ListGroup.html">f7ListGroup()</a></code> </p>
-        </td>
-        <td><p>Create a framework 7 group of contacts</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7ListItem.html">f7ListItem()</a></code> </p>
-        </td>
-        <td><p>Create a Framework 7 contact item</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7ListIndex.html">f7ListIndex()</a></code> </p>
-        </td>
-        <td><p>Create a Framework 7 list index</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7ListIndexItem.html">f7ListIndexItem()</a></code> </p>
-        </td>
-        <td><p>Create a Framework 7 list index item</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="virtuallist.html">f7VirtualList()</a></code> <code><a href="virtuallist.html">f7VirtualListItem()</a></code> </p>
-        </td>
-        <td><p>Framework7 virtual list</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-text-containers" class="hasAnchor"><a href="#section-text-containers" class="anchor"></a>Text containers</h2>
-          <p class="section-desc"><p>blocks to contain text</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="block.html">f7Block()</a></code> <code><a href="block.html">f7BlockHeader()</a></code> </p>
-        </td>
-        <td><p>Framework7 block</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7BlockFooter.html">f7BlockFooter()</a></code> </p>
-        </td>
-        <td><p>Framework7 block footer</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7BlockTitle.html">f7BlockTitle()</a></code> </p>
-        </td>
-        <td><p>Framework7 block title</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-buttons" class="hasAnchor"><a href="#section-buttons" class="anchor"></a>Buttons</h2>
-          <p class="section-desc"><p>some are inputs</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="button.html">f7Button()</a></code> <code><a href="button.html">updateF7Button()</a></code> </p>
-        </td>
-        <td><p>Framework7 action button</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="fab.html">f7Fab()</a></code> <code><a href="fab.html">updateF7Fab()</a></code> </p>
-        </td>
-        <td><p>Framework7 floating action button (FAB)</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="fabs.html">f7Fabs()</a></code> <code><a href="fabs.html">updateF7Fabs()</a></code> <code><a href="fabs.html">f7FabMorphTarget()</a></code> </p>
-        </td>
-        <td><p>Framework7 container for floating action button (FAB)</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Link.html">f7Link()</a></code> </p>
-        </td>
-        <td><p>Framework7 link</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="menu.html">f7Menu()</a></code> <code><a href="menu.html">f7MenuItem()</a></code> <code><a href="menu.html">f7MenuDropdown()</a></code> <code><a href="menu.html">f7MenuDropdownDivider()</a></code> <code><a href="menu.html">updateF7MenuDropdown()</a></code> </p>
-        </td>
-        <td><p>Framework7 menu container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Segment.html">f7Segment()</a></code> </p>
-        </td>
-        <td><p>Framework7 segmented button container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7TabLink.html">f7TabLink()</a></code> </p>
-        </td>
-        <td><p>Special button/link to insert in the tabbar</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-buttons-effects" class="hasAnchor"><a href="#section-buttons-effects" class="anchor"></a>Buttons Effects</h2>
-          <p class="section-desc"><p>FAB can morph into other HTML elements</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7FabClose.html">f7FabClose()</a></code> </p>
-        </td>
-        <td><p>Framework7 FAB close</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="fabs.html">f7Fabs()</a></code> <code><a href="fabs.html">updateF7Fabs()</a></code> <code><a href="fabs.html">f7FabMorphTarget()</a></code> </p>
-        </td>
-        <td><p>Framework7 container for floating action button (FAB)</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-modals-popups-" class="hasAnchor"><a href="#section-modals-popups-" class="anchor"></a>Modals, Popups...</h2>
-          <p class="section-desc"><p>Functions that trigger server actions</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="actionsheet.html">f7ActionSheet()</a></code> <code><a href="actionsheet.html">updateF7ActionSheet()</a></code> </p>
-        </td>
-        <td><p>Framework7 action sheet</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Dialog.html">f7Dialog()</a></code> </p>
-        </td>
-        <td><p>Framework7 dialog window</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Notif.html">f7Notif()</a></code> </p>
-        </td>
-        <td><p>Framework7 notification</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">updateF7Popup()</a></code> <code><a href="f7-deprecated.html">f7TogglePopup()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> </p>
-        </td>
-        <td><p>Deprecated functions</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="popover.html">addF7Popover()</a></code> <code><a href="popover.html">toggleF7Popover()</a></code> </p>
-        </td>
-        <td><p>Add Framework7 popover</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="popup.html">f7Popup()</a></code> </p>
-        </td>
-        <td><p>Framework7 popup</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="sheet.html">f7Sheet()</a></code> <code><a href="sheet.html">updateF7Sheet()</a></code> </p>
-        </td>
-        <td><p>Framework7 sheet</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="swipeout.html">f7Swipeout()</a></code> <code><a href="swipeout.html">f7SwipeoutItem()</a></code> </p>
-        </td>
-        <td><p>Framework7 swipeout element</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7TapHold.html">f7TapHold()</a></code> </p>
-        </td>
-        <td><p>Framework7 tapHold module</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Toast.html">f7Toast()</a></code> </p>
-        </td>
-        <td><p>Framework7 toast</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="tooltip.html">f7Tooltip()</a></code> <code><a href="tooltip.html">addF7Tooltip()</a></code> <code><a href="tooltip.html">updateF7Tooltip()</a></code> </p>
-        </td>
-        <td><p>Framework7 tooltip</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-f-elements" class="hasAnchor"><a href="#section-f-elements" class="anchor"></a>f7 elements</h2>
-          <p class="section-desc"><p>timelines, carousels, …</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="accordion.html">f7Accordion()</a></code> <code><a href="accordion.html">f7AccordionItem()</a></code> <code><a href="accordion.html">updateF7Accordion()</a></code> </p>
-        </td>
-        <td><p>Framework7 accordion container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">updateF7Popup()</a></code> <code><a href="f7-deprecated.html">f7TogglePopup()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> </p>
-        </td>
-        <td><p>Deprecated functions</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Badge.html">f7Badge()</a></code> </p>
-        </td>
-        <td><p>Framework7 badge</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Chip.html">f7Chip()</a></code> </p>
-        </td>
-        <td><p>Framework7 chips</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="messages.html">f7Messages()</a></code> <code><a href="messages.html">f7Message()</a></code> <code><a href="messages.html">updateF7Messages()</a></code> </p>
-        </td>
-        <td><p>Framework7 messages container</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="messagebar.html">f7MessageBar()</a></code> <code><a href="messagebar.html">updateF7MessageBar()</a></code> </p>
-        </td>
-        <td><p>Framework7 message bar.</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7PhotoBrowser.html">f7PhotoBrowser()</a></code> </p>
-        </td>
-        <td><p>Framework7 photo browser</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Slide.html">f7Slide()</a></code> </p>
-        </td>
-        <td><p>Framework7 slide</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="swiper.html">f7Swiper()</a></code> </p>
-        </td>
-        <td><p>Framework7 swiper</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Table.html">f7Table()</a></code> </p>
-        </td>
-        <td><p>Framework7 table</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="timeline.html">f7Timeline()</a></code> <code><a href="timeline.html">f7TimelineItem()</a></code> </p>
-        </td>
-        <td><p>Framework7 timeline</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-metric-elements" class="hasAnchor"><a href="#section-metric-elements" class="anchor"></a>Metric elements</h2>
-          <p class="section-desc"><p>Gauges, progres, …</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="gauge.html">f7Gauge()</a></code> <code><a href="gauge.html">updateF7Gauge()</a></code> </p>
-        </td>
-        <td><p>Framework7 gauge</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="progress.html">f7Progress()</a></code> <code><a href="progress.html">updateF7Progress()</a></code> </p>
-        </td>
-        <td><p>Framework7 progress bar</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-typography-functions" class="hasAnchor"><a href="#section-typography-functions" class="anchor"></a>Typography functions</h2>
-          <p class="section-desc"><p>Rows, columns, flex, …</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7Align.html">f7Align()</a></code> </p>
-        </td>
-        <td><p>Framework7 align utility</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Float.html">f7Float()</a></code> </p>
-        </td>
-        <td><p>Framework7 float utility</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Margin.html">f7Margin()</a></code> </p>
-        </td>
-        <td><p>Framework7 margin utility</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Padding.html">f7Padding()</a></code> </p>
-        </td>
-        <td><p>Framework7 padding utility</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-icons" class="hasAnchor"><a href="#section-icons" class="anchor"></a>Icons</h2>
-          <p class="section-desc"><p>icon wrapper function</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7Icon.html">f7Icon()</a></code> </p>
-        </td>
-        <td><p>Framework7 icons</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-loaders" class="hasAnchor"><a href="#section-loaders" class="anchor"></a>Loaders</h2>
-          <p class="section-desc"><p>Loading screens</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">updateF7Popup()</a></code> <code><a href="f7-deprecated.html">f7TogglePopup()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> </p>
-        </td>
-        <td><p>Deprecated functions</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="preloader.html">showF7Preloader()</a></code> <code><a href="preloader.html">f7HidePreloader()</a></code> </p>
-        </td>
-        <td><p>Framework7 preloader</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-css-effects" class="hasAnchor"><a href="#section-css-effects" class="anchor"></a>CSS effects</h2>
-          <p class="section-desc"><p>shadows, …</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7Shadow.html">f7Shadow()</a></code> </p>
-        </td>
-        <td><p>Framework7 shadow effect</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="f7Skeleton.html">f7Skeleton()</a></code> </p>
-        </td>
-        <td><p>Framework 7 skeleton effect</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-gallery" class="hasAnchor"><a href="#section-gallery" class="anchor"></a>Gallery</h2>
-          <p class="section-desc"><p>shinyMobile showcase</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="f7Gallery.html">f7Gallery()</a></code> </p>
-        </td>
-        <td><p>Launch the shinyMobile Gallery</p></td>
-      </tr>
-    </tbody><tbody>
-      <tr>
-        <th colspan="2">
-          <h2 id="section-utils" class="hasAnchor"><a href="#section-utils" class="anchor"></a>Utils</h2>
-          <p class="section-desc"><p>colors, tools, …</p></p>
-        </th>
-      </tr>
-      
-      
-    </tbody><tbody>
-      
-      
-      <tr>
-        
-        <td>
-          <p><code><a href="createSelectOptions.html">createSelectOptions()</a></code> </p>
-        </td>
-        <td><p>Create option html tag based on choice input</p></td>
-      </tr><tr>
-        
-        <td>
-          <p><code><a href="getF7Colors.html">getF7Colors()</a></code> </p>
-        </td>
-        <td><p>Function to get all colors available in shinyMobile</p></td>
-      </tr>
-    </tbody>
-    </table>
-  </div>
+      
+    </div><div id="" class="section level2">
+      
+      
+      
 
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+      <dl><dt>
+          
+          <code><a href="autocomplete.html">f7AutoComplete()</a></code> <code><a href="autocomplete.html">updateF7AutoComplete()</a></code> 
+        </dt>
+        <dd>Framework7 autocomplete input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> 
+        </dt>
+        <dd>Deprecated functions</dd>
+      </dl><dl><dt>
+          
+          <code><a href="checkbox.html">f7Checkbox()</a></code> <code><a href="checkbox.html">updateF7Checkbox()</a></code> 
+        </dt>
+        <dd>Framework7 checkbox</dd>
+      </dl><dl><dt>
+          
+          <code><a href="checkboxgroup.html">f7CheckboxGroup()</a></code> 
+        </dt>
+        <dd>Framework7 checkbox group</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7ColorPicker.html">f7ColorPicker()</a></code> 
+        </dt>
+        <dd>Create a Framework7 color picker input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="datepicker.html">f7DatePicker()</a></code> <code><a href="datepicker.html">updateF7DatePicker()</a></code> 
+        </dt>
+        <dd>Framework7 date picker</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Password.html">f7Password()</a></code> 
+        </dt>
+        <dd>Create an f7 password input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="picker.html">f7Picker()</a></code> <code><a href="picker.html">updateF7Picker()</a></code> 
+        </dt>
+        <dd>Framework7 picker input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="radio.html">f7Radio()</a></code> <code><a href="radio.html">updateF7Radio()</a></code> 
+        </dt>
+        <dd>Framework7 radio input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="select.html">f7Select()</a></code> <code><a href="select.html">updateF7Select()</a></code> 
+        </dt>
+        <dd>Framework7 select input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="slider.html">f7Slider()</a></code> <code><a href="slider.html">updateF7Slider()</a></code> 
+        </dt>
+        <dd>Framework7 range slider</dd>
+      </dl><dl><dt>
+          
+          <code><a href="stepper.html">f7Stepper()</a></code> <code><a href="stepper.html">updateF7Stepper()</a></code> 
+        </dt>
+        <dd>Framework7 stepper input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="smartselect.html">f7SmartSelect()</a></code> <code><a href="smartselect.html">updateF7SmartSelect()</a></code> 
+        </dt>
+        <dd>Framework7 smart select</dd>
+      </dl><dl><dt>
+          
+          <code><a href="text.html">f7Text()</a></code> <code><a href="text.html">updateF7Text()</a></code> 
+        </dt>
+        <dd>Framework7 text input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="textarea.html">f7TextArea()</a></code> <code><a href="textarea.html">updateF7TextArea()</a></code> 
+        </dt>
+        <dd>Framework7 text area input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="toggle.html">f7Toggle()</a></code> <code><a href="toggle.html">updateF7Toggle()</a></code> 
+        </dt>
+        <dd>Framework7 toggle input</dd>
+      </dl></div><div class="section level2">
+      <h2 id="update-inputs">Update inputs<a class="anchor" aria-label="anchor" href="#update-inputs"></a></h2>
+      
+      <p class="section-desc"></p><p>slider, radio, checkboxes, …</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> 
+        </dt>
+        <dd>Deprecated functions</dd>
+      </dl><dl><dt>
+          
+          <code><a href="inserttab.html">insertF7Tab()</a></code> 
+        </dt>
+        <dd>Framework7 tab insertion</dd>
+      </dl><dl><dt>
+          
+          <code><a href="navbar.html">f7Navbar()</a></code> <code><a href="navbar.html">updateF7Navbar()</a></code> 
+        </dt>
+        <dd>Framework7 Navbar</dd>
+      </dl><dl><dt>
+          
+          <code><a href="removetab.html">removeF7Tab()</a></code> 
+        </dt>
+        <dd>Framework7 tab deletion</dd>
+      </dl><dl><dt>
+          
+          <code><a href="accordion.html">f7Accordion()</a></code> <code><a href="accordion.html">f7AccordionItem()</a></code> <code><a href="accordion.html">updateF7Accordion()</a></code> 
+        </dt>
+        <dd>Framework7 accordion container</dd>
+      </dl><dl><dt>
+          
+          <code><a href="autocomplete.html">f7AutoComplete()</a></code> <code><a href="autocomplete.html">updateF7AutoComplete()</a></code> 
+        </dt>
+        <dd>Framework7 autocomplete input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="button.html">f7Button()</a></code> <code><a href="button.html">updateF7Button()</a></code> 
+        </dt>
+        <dd>Framework7 action button</dd>
+      </dl><dl><dt>
+          
+          <code><a href="card.html">f7Card()</a></code> <code><a href="card.html">f7SocialCard()</a></code> <code><a href="card.html">f7ExpandableCard()</a></code> <code><a href="card.html">updateF7Card()</a></code> 
+        </dt>
+        <dd>Framework7 card</dd>
+      </dl><dl><dt>
+          
+          <code><a href="checkbox.html">f7Checkbox()</a></code> <code><a href="checkbox.html">updateF7Checkbox()</a></code> 
+        </dt>
+        <dd>Framework7 checkbox</dd>
+      </dl><dl><dt>
+          
+          <code><a href="datepicker.html">f7DatePicker()</a></code> <code><a href="datepicker.html">updateF7DatePicker()</a></code> 
+        </dt>
+        <dd>Framework7 date picker</dd>
+      </dl><dl><dt>
+          
+          <code><a href="fab.html">f7Fab()</a></code> <code><a href="fab.html">updateF7Fab()</a></code> 
+        </dt>
+        <dd>Framework7 floating action button (FAB)</dd>
+      </dl><dl><dt>
+          
+          <code><a href="fabs.html">f7Fabs()</a></code> <code><a href="fabs.html">updateF7Fabs()</a></code> <code><a href="fabs.html">f7FabMorphTarget()</a></code> 
+        </dt>
+        <dd>Framework7 container for floating action button (FAB)</dd>
+      </dl><dl><dt>
+          
+          <code><a href="gauge.html">f7Gauge()</a></code> <code><a href="gauge.html">updateF7Gauge()</a></code> 
+        </dt>
+        <dd>Framework7 gauge</dd>
+      </dl><dl><dt>
+          
+          <code><a href="authentication.html">f7Login()</a></code> <code><a href="authentication.html">f7LoginServer()</a></code> <code><a href="authentication.html">updateF7Login()</a></code> 
+        </dt>
+        <dd>Framework7 login screen</dd>
+      </dl><dl><dt>
+          
+          <code><a href="messages.html">f7Messages()</a></code> <code><a href="messages.html">f7Message()</a></code> <code><a href="messages.html">updateF7Messages()</a></code> 
+        </dt>
+        <dd>Framework7 messages container</dd>
+      </dl><dl><dt>
+          
+          <code><a href="messagebar.html">f7MessageBar()</a></code> <code><a href="messagebar.html">updateF7MessageBar()</a></code> 
+        </dt>
+        <dd>Framework7 message bar.</dd>
+      </dl><dl><dt>
+          
+          <code><a href="panel.html">f7Panel()</a></code> <code><a href="panel.html">updateF7Panel()</a></code> 
+        </dt>
+        <dd>Framework7 panel</dd>
+      </dl><dl><dt>
+          
+          <code><a href="picker.html">f7Picker()</a></code> <code><a href="picker.html">updateF7Picker()</a></code> 
+        </dt>
+        <dd>Framework7 picker input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="progress.html">f7Progress()</a></code> <code><a href="progress.html">updateF7Progress()</a></code> 
+        </dt>
+        <dd>Framework7 progress bar</dd>
+      </dl><dl><dt>
+          
+          <code><a href="select.html">f7Select()</a></code> <code><a href="select.html">updateF7Select()</a></code> 
+        </dt>
+        <dd>Framework7 select input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="sheet.html">f7Sheet()</a></code> <code><a href="sheet.html">updateF7Sheet()</a></code> 
+        </dt>
+        <dd>Framework7 sheet</dd>
+      </dl><dl><dt>
+          
+          <code><a href="slider.html">f7Slider()</a></code> <code><a href="slider.html">updateF7Slider()</a></code> 
+        </dt>
+        <dd>Framework7 range slider</dd>
+      </dl><dl><dt>
+          
+          <code><a href="smartselect.html">f7SmartSelect()</a></code> <code><a href="smartselect.html">updateF7SmartSelect()</a></code> 
+        </dt>
+        <dd>Framework7 smart select</dd>
+      </dl><dl><dt>
+          
+          <code><a href="stepper.html">f7Stepper()</a></code> <code><a href="stepper.html">updateF7Stepper()</a></code> 
+        </dt>
+        <dd>Framework7 stepper input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="updateF7Tabs.html">updateF7Tabs()</a></code> 
+        </dt>
+        <dd>Update a Framework 7 tabsetPanel</dd>
+      </dl><dl><dt>
+          
+          <code><a href="text.html">f7Text()</a></code> <code><a href="text.html">updateF7Text()</a></code> 
+        </dt>
+        <dd>Framework7 text input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="textarea.html">f7TextArea()</a></code> <code><a href="textarea.html">updateF7TextArea()</a></code> 
+        </dt>
+        <dd>Framework7 text area input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="toggle.html">f7Toggle()</a></code> <code><a href="toggle.html">updateF7Toggle()</a></code> 
+        </dt>
+        <dd>Framework7 toggle input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="updateF7VirtualList.html">updateF7VirtualList()</a></code> 
+        </dt>
+        <dd>Update an f7VirtualList on the server side</dd>
+      </dl><dl><dt>
+          
+          <code><a href="updateF7App.html">updateF7App()</a></code> 
+        </dt>
+        <dd>Update Framework7 configuration</dd>
+      </dl><dl><dt>
+          
+          <code><a href="updateF7Entity.html">updateF7Entity()</a></code> 
+        </dt>
+        <dd>Update Framework7 entity</dd>
+      </dl></div><div class="section level2">
+      <h2 id="search">Search<a class="anchor" aria-label="anchor" href="#search"></a></h2>
+      
+      <p class="section-desc"></p><p>Searchbar and utilities</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="f7Found.html">f7Found()</a></code> 
+        </dt>
+        <dd>Utility to display an item when the search is successful.</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7NotFound.html">f7NotFound()</a></code> 
+        </dt>
+        <dd>Utility to display an item when the search is unsuccessful.</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7HideOnEnable.html">f7HideOnEnable()</a></code> 
+        </dt>
+        <dd>Utility to hide a given tag when f7Searchbar is enabled.</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7HideOnSearch.html">f7HideOnSearch()</a></code> 
+        </dt>
+        <dd>Utility to hide a given tag on search</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Searchbar.html">f7Searchbar()</a></code> 
+        </dt>
+        <dd>Framework 7 searchbar</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7SearchIgnore.html">f7SearchIgnore()</a></code> 
+        </dt>
+        <dd>Utility to ignore an item from search.</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7SearchbarTrigger.html">f7SearchbarTrigger()</a></code> 
+        </dt>
+        <dd>Framework 7 searchbar trigger</dd>
+      </dl></div><div class="section level2">
+      <h2 id="cards">Cards<a class="anchor" aria-label="anchor" href="#cards"></a></h2>
+      
+      <p class="section-desc"></p><p>social cards, cards, …</p>
 
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="card.html">f7Card()</a></code> <code><a href="card.html">f7SocialCard()</a></code> <code><a href="card.html">f7ExpandableCard()</a></code> <code><a href="card.html">updateF7Card()</a></code> 
+        </dt>
+        <dd>Framework7 card</dd>
+      </dl></div><div class="section level2">
+      <h2 id="lists">Lists<a class="anchor" aria-label="anchor" href="#lists"></a></h2>
+      
+      <p class="section-desc"></p><p>Framework 7 lists</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="f7List.html">f7List()</a></code> 
+        </dt>
+        <dd>Create a framework 7 contact list</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7ListGroup.html">f7ListGroup()</a></code> 
+        </dt>
+        <dd>Create a framework 7 group of contacts</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7ListItem.html">f7ListItem()</a></code> 
+        </dt>
+        <dd>Create a Framework 7 contact item</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7ListIndex.html">f7ListIndex()</a></code> 
+        </dt>
+        <dd>Create a Framework 7 list index</dd>
+      </dl><dl><dt>
+          
+          <code><a href="virtuallist.html">f7VirtualList()</a></code> <code><a href="virtuallist.html">f7VirtualListItem()</a></code> 
+        </dt>
+        <dd>Framework7 virtual list</dd>
+      </dl></div><div class="section level2">
+      <h2 id="text-containers">Text containers<a class="anchor" aria-label="anchor" href="#text-containers"></a></h2>
+      
+      <p class="section-desc"></p><p>blocks to contain text</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="block.html">f7Block()</a></code> <code><a href="block.html">f7BlockHeader()</a></code> 
+        </dt>
+        <dd>Framework7 block</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7BlockFooter.html">f7BlockFooter()</a></code> 
+        </dt>
+        <dd>Framework7 block footer</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7BlockTitle.html">f7BlockTitle()</a></code> 
+        </dt>
+        <dd>Framework7 block title</dd>
+      </dl></div><div class="section level2">
+      <h2 id="buttons">Buttons<a class="anchor" aria-label="anchor" href="#buttons"></a></h2>
+      
+      <p class="section-desc"></p><p>some are inputs</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="button.html">f7Button()</a></code> <code><a href="button.html">updateF7Button()</a></code> 
+        </dt>
+        <dd>Framework7 action button</dd>
+      </dl><dl><dt>
+          
+          <code><a href="fab.html">f7Fab()</a></code> <code><a href="fab.html">updateF7Fab()</a></code> 
+        </dt>
+        <dd>Framework7 floating action button (FAB)</dd>
+      </dl><dl><dt>
+          
+          <code><a href="fabs.html">f7Fabs()</a></code> <code><a href="fabs.html">updateF7Fabs()</a></code> <code><a href="fabs.html">f7FabMorphTarget()</a></code> 
+        </dt>
+        <dd>Framework7 container for floating action button (FAB)</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Link.html">f7Link()</a></code> 
+        </dt>
+        <dd>Framework7 link</dd>
+      </dl><dl><dt>
+          
+          <code><a href="menu.html">f7Menu()</a></code> <code><a href="menu.html">f7MenuItem()</a></code> <code><a href="menu.html">f7MenuDropdown()</a></code> <code><a href="menu.html">f7MenuDropdownDivider()</a></code> <code><a href="menu.html">updateF7MenuDropdown()</a></code> 
+        </dt>
+        <dd>Framework7 menu container</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Segment.html">f7Segment()</a></code> 
+        </dt>
+        <dd>Framework7 segmented button container</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7TabLink.html">f7TabLink()</a></code> 
+        </dt>
+        <dd>Special button/link to insert in the tabbar</dd>
+      </dl></div><div class="section level2">
+      <h2 id="buttons-effects">Buttons Effects<a class="anchor" aria-label="anchor" href="#buttons-effects"></a></h2>
+      
+      <p class="section-desc"></p><p>FAB can morph into other HTML elements</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="f7FabClose.html">f7FabClose()</a></code> 
+        </dt>
+        <dd>Framework7 FAB close</dd>
+      </dl><dl><dt>
+          
+          <code><a href="fabs.html">f7Fabs()</a></code> <code><a href="fabs.html">updateF7Fabs()</a></code> <code><a href="fabs.html">f7FabMorphTarget()</a></code> 
+        </dt>
+        <dd>Framework7 container for floating action button (FAB)</dd>
+      </dl></div><div class="section level2">
+      <h2 id="modals-popups-">Modals, Popups…<a class="anchor" aria-label="anchor" href="#modals-popups-"></a></h2>
+      
+      <p class="section-desc"></p><p>Functions that trigger server actions</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="actionsheet.html">f7ActionSheet()</a></code> <code><a href="actionsheet.html">updateF7ActionSheet()</a></code> 
+        </dt>
+        <dd>Framework7 action sheet</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Dialog.html">f7Dialog()</a></code> 
+        </dt>
+        <dd>Framework7 dialog window</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Notif.html">f7Notif()</a></code> 
+        </dt>
+        <dd>Framework7 notification</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> 
+        </dt>
+        <dd>Deprecated functions</dd>
+      </dl><dl><dt>
+          
+          <code><a href="popover.html">addF7Popover()</a></code> <code><a href="popover.html">toggleF7Popover()</a></code> 
+        </dt>
+        <dd>Add Framework7 popover</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Popup.html">f7Popup()</a></code> 
+        </dt>
+        <dd>Framework7 popup</dd>
+      </dl><dl><dt>
+          
+          <code><a href="sheet.html">f7Sheet()</a></code> <code><a href="sheet.html">updateF7Sheet()</a></code> 
+        </dt>
+        <dd>Framework7 sheet</dd>
+      </dl><dl><dt>
+          
+          <code><a href="swipeout.html">f7Swipeout()</a></code> <code><a href="swipeout.html">f7SwipeoutItem()</a></code> 
+        </dt>
+        <dd>Framework7 swipeout element</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7TapHold.html">f7TapHold()</a></code> 
+        </dt>
+        <dd>Framework7 tapHold module</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Toast.html">f7Toast()</a></code> 
+        </dt>
+        <dd>Framework7 toast</dd>
+      </dl><dl><dt>
+          
+          <code><a href="tooltip.html">f7Tooltip()</a></code> <code><a href="tooltip.html">addF7Tooltip()</a></code> <code><a href="tooltip.html">updateF7Tooltip()</a></code> 
+        </dt>
+        <dd>Framework7 tooltip</dd>
+      </dl></div><div class="section level2">
+      <h2 id="f-elements">f7 elements<a class="anchor" aria-label="anchor" href="#f-elements"></a></h2>
+      
+      <p class="section-desc"></p><p>timelines, carousels, …</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="accordion.html">f7Accordion()</a></code> <code><a href="accordion.html">f7AccordionItem()</a></code> <code><a href="accordion.html">updateF7Accordion()</a></code> 
+        </dt>
+        <dd>Framework7 accordion container</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> 
+        </dt>
+        <dd>Deprecated functions</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Badge.html">f7Badge()</a></code> 
+        </dt>
+        <dd>Framework7 badge</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Chip.html">f7Chip()</a></code> 
+        </dt>
+        <dd>Framework7 chips</dd>
+      </dl><dl><dt>
+          
+          <code><a href="messages.html">f7Messages()</a></code> <code><a href="messages.html">f7Message()</a></code> <code><a href="messages.html">updateF7Messages()</a></code> 
+        </dt>
+        <dd>Framework7 messages container</dd>
+      </dl><dl><dt>
+          
+          <code><a href="messagebar.html">f7MessageBar()</a></code> <code><a href="messagebar.html">updateF7MessageBar()</a></code> 
+        </dt>
+        <dd>Framework7 message bar.</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7PhotoBrowser.html">f7PhotoBrowser()</a></code> 
+        </dt>
+        <dd>Framework7 photo browser</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Slide.html">f7Slide()</a></code> 
+        </dt>
+        <dd>Framework7 slide</dd>
+      </dl><dl><dt>
+          
+          <code><a href="swiper.html">f7Swiper()</a></code> 
+        </dt>
+        <dd>Framework7 swiper</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Table.html">f7Table()</a></code> 
+        </dt>
+        <dd>Framework7 table</dd>
+      </dl><dl><dt>
+          
+          <code><a href="timeline.html">f7Timeline()</a></code> <code><a href="timeline.html">f7TimelineItem()</a></code> 
+        </dt>
+        <dd>Framework7 timeline</dd>
+      </dl></div><div class="section level2">
+      <h2 id="metric-elements">Metric elements<a class="anchor" aria-label="anchor" href="#metric-elements"></a></h2>
+      
+      <p class="section-desc"></p><p>Gauges, progres, …</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="gauge.html">f7Gauge()</a></code> <code><a href="gauge.html">updateF7Gauge()</a></code> 
+        </dt>
+        <dd>Framework7 gauge</dd>
+      </dl><dl><dt>
+          
+          <code><a href="progress.html">f7Progress()</a></code> <code><a href="progress.html">updateF7Progress()</a></code> 
+        </dt>
+        <dd>Framework7 progress bar</dd>
+      </dl></div><div class="section level2">
+      <h2 id="typography-functions">Typography functions<a class="anchor" aria-label="anchor" href="#typography-functions"></a></h2>
+      
+      <p class="section-desc"></p><p>Rows, columns, flex, …</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="f7Align.html">f7Align()</a></code> 
+        </dt>
+        <dd>Framework7 align utility</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Float.html">f7Float()</a></code> 
+        </dt>
+        <dd>Framework7 float utility</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Margin.html">f7Margin()</a></code> 
+        </dt>
+        <dd>Framework7 margin utility</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Padding.html">f7Padding()</a></code> 
+        </dt>
+        <dd>Framework7 padding utility</dd>
+      </dl></div><div class="section level2">
+      <h2 id="icons">Icons<a class="anchor" aria-label="anchor" href="#icons"></a></h2>
+      
+      <p class="section-desc"></p><p>icon wrapper function</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="f7Icon.html">f7Icon()</a></code> 
+        </dt>
+        <dd>Framework7 icons</dd>
+      </dl></div><div class="section level2">
+      <h2 id="loaders">Loaders<a class="anchor" aria-label="anchor" href="#loaders"></a></h2>
+      
+      <p class="section-desc"></p><p>Loading screens</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="f7-deprecated.html">f7checkBox()</a></code> <code><a href="f7-deprecated.html">f7checkBoxGroup()</a></code> <code><a href="f7-deprecated.html">f7InsertTab()</a></code> <code><a href="f7-deprecated.html">f7RemoveTab()</a></code> <code><a href="f7-deprecated.html">f7ValidateInput()</a></code> <code><a href="f7-deprecated.html">f7AddMessages()</a></code> <code><a href="f7-deprecated.html">f7HideNavbar()</a></code> <code><a href="f7-deprecated.html">f7ShowNavbar()</a></code> <code><a href="f7-deprecated.html">f7Popover()</a></code> <code><a href="f7-deprecated.html">f7PopoverTarget()</a></code> <code><a href="f7-deprecated.html">f7ShowPreloader()</a></code> <code><a href="f7-deprecated.html">hideF7Preloader()</a></code> <code><a href="f7-deprecated.html">create_manifest()</a></code> 
+        </dt>
+        <dd>Deprecated functions</dd>
+      </dl><dl><dt>
+          
+          <code><a href="preloader.html">showF7Preloader()</a></code> <code><a href="preloader.html">f7HidePreloader()</a></code> 
+        </dt>
+        <dd>Framework7 preloader</dd>
+      </dl></div><div class="section level2">
+      <h2 id="css-effects">CSS effects<a class="anchor" aria-label="anchor" href="#css-effects"></a></h2>
+      
+      <p class="section-desc"></p><p>shadows, …</p>
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="f7Shadow.html">f7Shadow()</a></code> 
+        </dt>
+        <dd>Framework7 shadow effect</dd>
+      </dl><dl><dt>
+          
+          <code><a href="f7Skeleton.html">f7Skeleton()</a></code> 
+        </dt>
+        <dd>Framework 7 skeleton effect</dd>
+      </dl></div><div class="section level2">
+      <h2 id="gallery">Gallery<a class="anchor" aria-label="anchor" href="#gallery"></a></h2>
+      
+      <p class="section-desc"></p><p>shinyMobile showcase</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="f7Gallery.html">f7Gallery()</a></code> 
+        </dt>
+        <dd>Launch the shinyMobile Gallery</dd>
+      </dl></div><div class="section level2">
+      <h2 id="utils">Utils<a class="anchor" aria-label="anchor" href="#utils"></a></h2>
+      
+      <p class="section-desc"></p><p>colors, tools, …</p>
+
+      
+    </div><div id="" class="section level2">
+      
+      
+      
+
+      <dl><dt>
+          
+          <code><a href="createSelectOptions.html">createSelectOptions()</a></code> 
+        </dt>
+        <dd>Create option html tag based on choice input</dd>
+      </dl><dl><dt>
+          
+          <code><a href="getF7Colors.html">getF7Colors()</a></code> 
+        </dt>
+        <dd>Function to get all colors available in shinyMobile</dd>
+      </dl></div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
+
+
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/pipe.html b/docs/reference/pipe.html
index 3a974cbc..ec3fdcb9 100644
--- a/docs/reference/pipe.html
+++ b/docs/reference/pipe.html
@@ -1,207 +1,101 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Pipe operator — %&gt;% • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Pipe operator — %&gt;%" />
-<meta property="og:description" content="See magrittr::%&amp;gt;% for details." />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="See magrittr::%&amp;gt;% for details."><title>Pipe operator — %&gt;% • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Pipe operator — %&gt;%"><meta property="og:description" content="See magrittr::%&amp;gt;% for details."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Pipe operator</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/utils-pipe.R'><code>R/utils-pipe.R</code></a></small>
-    <div class="hidden name"><code>pipe.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Pipe operator</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/utils-pipe.R" class="external-link"><code>R/utils-pipe.R</code></a></small>
+      <div class="d-none name"><code>pipe.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>See <code>magrittr::%&gt;%</code> for details.</p>
     </div>
 
-    <pre class="usage"><span class='va'>lhs</span> <span class='op'>%&gt;%</span> <span class='va'>rhs</span></pre>
-
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="va">lhs</span> <span class="op">%&gt;%</span> <span class="va">rhs</span></span></code></pre></div>
+    </div>
 
 
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+  </main></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/preloader.html b/docs/reference/preloader.html
index d99bb811..6c591909 100644
--- a/docs/reference/preloader.html
+++ b/docs/reference/preloader.html
@@ -1,313 +1,209 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Framework7 preloader — showF7Preloader • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Framework7 preloader — showF7Preloader" />
-<meta property="og:description" content="showF7Preloader shows a preloader.
-f7HidePreloader hides a preloader." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="showF7Preloader shows a preloader.
+f7HidePreloader hides a preloader."><title>Framework7 preloader — showF7Preloader • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 preloader — showF7Preloader"><meta property="og:description" content="showF7Preloader shows a preloader.
+f7HidePreloader hides a preloader."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-  </head>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 preloader</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Preloader.R'><code>R/f7Preloader.R</code></a></small>
-    <div class="hidden name"><code>preloader.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 preloader</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Preloader.R" class="external-link"><code>R/f7Preloader.R</code></a></small>
+      <div class="d-none name"><code>preloader.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p><code>showF7Preloader</code> shows a preloader.</p>
 <p><code>f7HidePreloader</code> hides a preloader.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>showF7Preloader</span><span class='op'>(</span>
-  target <span class='op'>=</span> <span class='cn'>NULL</span>,
-  color <span class='op'>=</span> <span class='cn'>NULL</span>,
-  session <span class='op'>=</span> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span><span class='op'>(</span><span class='op'>)</span>
-<span class='op'>)</span>
-
-<span class='fu'>f7HidePreloader</span><span class='op'>(</span>target <span class='op'>=</span> <span class='cn'>NULL</span>, session <span class='op'>=</span> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>target</th>
-      <td><p>Element where preloader overlay will be added.</p></td>
-    </tr>
-    <tr>
-      <th>color</th>
-      <td><p>Preloader color.</p></td>
-    </tr>
-    <tr>
-      <th>session</th>
-      <td><p>Shiny session object.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='co'># basic preloader with red color</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Preloader"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-      navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-        title <span class='op'>=</span> <span class='st'>"Preloader"</span>,
-        hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-        shadow <span class='op'>=</span> <span class='cn'>TRUE</span>
-      <span class='op'>)</span>,
-      <span class='co'># main content</span>
-      <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span><span class='st'>"showLoader"</span>, <span class='st'>"Show loader"</span><span class='op'>)</span>,
-      <span class='fu'><a href='f7Shadow.html'>f7Shadow</a></span><span class='op'>(</span>
-        intensity <span class='op'>=</span> <span class='fl'>10</span>,
-        hover <span class='op'>=</span> <span class='cn'>TRUE</span>,
-        <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-          title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-          <span class='fu'><a href='f7Slider.html'>f7Slider</a></span><span class='op'>(</span><span class='st'>"obs"</span>, <span class='st'>"Number of observations"</span>, <span class='fl'>0</span>, <span class='fl'>1000</span>, <span class='fl'>500</span><span class='op'>)</span>,
-          <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/plotOutput.html'>plotOutput</a></span><span class='op'>(</span><span class='st'>"distPlot"</span><span class='op'>)</span>
-        <span class='op'>)</span>
-      <span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-    <span class='va'>output</span><span class='op'>$</span><span class='va'>distPlot</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPlot.html'>renderPlot</a></span><span class='op'>(</span><span class='op'>{</span>
-      <span class='va'>dist</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>obs</span><span class='op'>)</span>
-      <span class='fu'><a href='https://rdrr.io/r/graphics/hist.html'>hist</a></span><span class='op'>(</span><span class='va'>dist</span><span class='op'>)</span>
-    <span class='op'>}</span><span class='op'>)</span>
-
-    <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>showLoader</span>, <span class='op'>{</span>
-      <span class='fu'>showF7Preloader</span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"red"</span><span class='op'>)</span>
-      <span class='fu'><a href='https://rdrr.io/r/base/Sys.sleep.html'>Sys.sleep</a></span><span class='op'>(</span><span class='fl'>2</span><span class='op'>)</span>
-      <span class='fu'>f7HidePreloader</span><span class='op'>(</span><span class='op'>)</span>
-    <span class='op'>}</span><span class='op'>)</span>
-  <span class='op'>}</span>
- <span class='op'>)</span>
-
- <span class='co'># preloader in container</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"Preloader in container"</span>,
-    <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-      navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-        title <span class='op'>=</span> <span class='st'>"Preloader in container"</span>,
-        hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-        shadow <span class='op'>=</span> <span class='cn'>TRUE</span>
-      <span class='op'>)</span>,
-      <span class='co'># main content</span>
-      <span class='fu'><a href='f7Shadow.html'>f7Shadow</a></span><span class='op'>(</span>
-        intensity <span class='op'>=</span> <span class='fl'>10</span>,
-        hover <span class='op'>=</span> <span class='cn'>TRUE</span>,
-        <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span>
-          title <span class='op'>=</span> <span class='st'>"Card header"</span>,
-          <span class='fu'><a href='f7Slider.html'>f7Slider</a></span><span class='op'>(</span><span class='st'>"obs"</span>, <span class='st'>"Number of observations"</span>, <span class='fl'>0</span>, <span class='fl'>1000</span>, <span class='fl'>500</span><span class='op'>)</span>,
-          <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/plotOutput.html'>plotOutput</a></span><span class='op'>(</span><span class='st'>"distPlot"</span><span class='op'>)</span>
-        <span class='op'>)</span>
-      <span class='op'>)</span>,
-      <span class='fu'><a href='f7Card.html'>f7Card</a></span><span class='op'>(</span><span class='st'>"This is a simple card with plain text,
-       but cards can also contain their own header,
-       footer, list view, image, or any other element."</span><span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-    <span class='va'>output</span><span class='op'>$</span><span class='va'>distPlot</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPlot.html'>renderPlot</a></span><span class='op'>(</span><span class='op'>{</span>
-      <span class='va'>dist</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>obs</span><span class='op'>)</span>
-      <span class='fu'><a href='https://rdrr.io/r/graphics/hist.html'>hist</a></span><span class='op'>(</span><span class='va'>dist</span><span class='op'>)</span>
-    <span class='op'>}</span><span class='op'>)</span>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">showF7Preloader</span><span class="op">(</span></span>
+<span>  target <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  color <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span></span>
+<span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu">f7HidePreloader</span><span class="op">(</span>target <span class="op">=</span> <span class="cn">NULL</span>, session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-    <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>obs</span>, <span class='op'>{</span>
-      <span class='fu'>showF7Preloader</span><span class='op'>(</span>target <span class='op'>=</span> <span class='st'>"#distPlot"</span>, color <span class='op'>=</span> <span class='st'>"red"</span><span class='op'>)</span>
-      <span class='fu'><a href='https://rdrr.io/r/base/Sys.sleep.html'>Sys.sleep</a></span><span class='op'>(</span><span class='fl'>2</span><span class='op'>)</span>
-      <span class='fu'>f7HidePreloader</span><span class='op'>(</span><span class='op'>)</span>
-    <span class='op'>}</span><span class='op'>)</span>
-  <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>target</dt>
+<dd><p>Element where preloader overlay will be added.</p></dd>
+
+
+<dt>color</dt>
+<dd><p>Preloader color.</p></dd>
+
+
+<dt>session</dt>
+<dd><p>Shiny session object.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="co"># basic preloader with red color</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Preloader"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        title <span class="op">=</span> <span class="st">"Preloader"</span>,</span></span>
+<span class="r-in"><span>        hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="co"># main content</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span><span class="st">"showLoader"</span>, <span class="st">"Show loader"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        intensity <span class="op">=</span> <span class="fl">10</span>,</span></span>
+<span class="r-in"><span>        hover <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>          title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="slider.html">f7Slider</a></span><span class="op">(</span><span class="st">"obs"</span>, <span class="st">"Number of observations"</span>, <span class="fl">0</span>, <span class="fl">1000</span>, <span class="fl">500</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html" class="external-link">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>    <span class="va">output</span><span class="op">$</span><span class="va">distPlot</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html" class="external-link">renderPlot</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="va">dist</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html" class="external-link">hist</a></span><span class="op">(</span><span class="va">dist</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">showLoader</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="fu">showF7Preloader</span><span class="op">(</span>color <span class="op">=</span> <span class="st">"red"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/r/base/Sys.sleep.html" class="external-link">Sys.sleep</a></span><span class="op">(</span><span class="fl">2</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="fu">f7HidePreloader</span><span class="op">(</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="co"># preloader in container</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"Preloader in container"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        title <span class="op">=</span> <span class="st">"Preloader in container"</span>,</span></span>
+<span class="r-in"><span>        hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="co"># main content</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        intensity <span class="op">=</span> <span class="fl">10</span>,</span></span>
+<span class="r-in"><span>        hover <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>          title <span class="op">=</span> <span class="st">"Card header"</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="slider.html">f7Slider</a></span><span class="op">(</span><span class="st">"obs"</span>, <span class="st">"Number of observations"</span>, <span class="fl">0</span>, <span class="fl">1000</span>, <span class="fl">500</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html" class="external-link">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="card.html">f7Card</a></span><span class="op">(</span><span class="st">"This is a simple card with plain text,</span></span></span>
+<span class="r-in"><span><span class="st">       but cards can also contain their own header,</span></span></span>
+<span class="r-in"><span><span class="st">       footer, list view, image, or any other element."</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>    <span class="va">output</span><span class="op">$</span><span class="va">distPlot</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html" class="external-link">renderPlot</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="va">dist</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html" class="external-link">hist</a></span><span class="op">(</span><span class="va">dist</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="fu">showF7Preloader</span><span class="op">(</span>target <span class="op">=</span> <span class="st">"#distPlot"</span>, color <span class="op">=</span> <span class="st">"red"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="fu"><a href="https://rdrr.io/r/base/Sys.sleep.html" class="external-link">Sys.sleep</a></span><span class="op">(</span><span class="fl">2</span><span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="fu">f7HidePreloader</span><span class="op">(</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/preview_mobile.html b/docs/reference/preview_mobile.html
index 05ee5783..681e80a7 100644
--- a/docs/reference/preview_mobile.html
+++ b/docs/reference/preview_mobile.html
@@ -1,260 +1,159 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Allow to preview a given app on different devices. — preview_mobile • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Allow to preview a given app on different devices. — preview_mobile" />
-<meta property="og:description" content="Allow to preview a given app on different devices." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Allow to preview a given app on different devices."><title>Allow to preview a given app on different devices. — preview_mobile • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Allow to preview a given app on different devices. — preview_mobile"><meta property="og:description" content="Allow to preview a given app on different devices."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  </head>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
-
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Allow to preview a given app on different devices.</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/preview_mobile.R'><code>R/preview_mobile.R</code></a></small>
-    <div class="hidden name"><code>preview_mobile.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Allow to preview a given app on different devices.</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/preview_mobile.R" class="external-link"><code>R/preview_mobile.R</code></a></small>
+      <div class="d-none name"><code>preview_mobile.Rd</code></div>
     </div>
 
-    <div class="ref-description">
+    <div class="ref-description section level2">
     <p>Allow to preview a given app on different devices.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>preview_mobile</span><span class='op'>(</span>
-  appPath <span class='op'>=</span> <span class='cn'>NULL</span>,
-  url <span class='op'>=</span> <span class='cn'>NULL</span>,
-  port <span class='op'>=</span> <span class='fl'>3838</span>,
-  device <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"iphoneX"</span>, <span class='st'>"galaxyNote8"</span>, <span class='st'>"iphone8"</span>, <span class='st'>"iphone8+"</span>, <span class='st'>"iphone5s"</span>, <span class='st'>"iphone5c"</span>,
-    <span class='st'>"ipadMini"</span>, <span class='st'>"iphone4s"</span>, <span class='st'>"nexus5"</span>, <span class='st'>"galaxyS5"</span>, <span class='st'>"htcOne"</span><span class='op'>)</span>,
-  color <span class='op'>=</span> <span class='cn'>NULL</span>,
-  landscape <span class='op'>=</span> <span class='cn'>FALSE</span>
-<span class='op'>)</span></pre>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">preview_mobile</span><span class="op">(</span></span>
+<span>  appPath <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  url <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  port <span class="op">=</span> <span class="fl">3838</span>,</span>
+<span>  device <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"iphoneX"</span>, <span class="st">"galaxyNote8"</span>, <span class="st">"iphone8"</span>, <span class="st">"iphone8+"</span>, <span class="st">"iphone5s"</span>, <span class="st">"iphone5c"</span>,</span>
+<span>    <span class="st">"ipadMini"</span>, <span class="st">"iphone4s"</span>, <span class="st">"nexus5"</span>, <span class="st">"galaxyS5"</span>, <span class="st">"htcOne"</span><span class="op">)</span>,</span>
+<span>  color <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  landscape <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>appPath</dt>
+<dd><p>App to preview if local.</p></dd>
+
+
+<dt>url</dt>
+<dd><p>App to preview if online.</p></dd>
+
 
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>appPath</th>
-      <td><p>App to preview if local.</p></td>
-    </tr>
-    <tr>
-      <th>url</th>
-      <td><p>App to preview if online.</p></td>
-    </tr>
-    <tr>
-      <th>port</th>
-      <td><p>Default port. Ignored if url is provided.</p></td>
-    </tr>
-    <tr>
-      <th>device</th>
-      <td><p>Wrapper devices.</p></td>
-    </tr>
-    <tr>
-      <th>color</th>
-      <td><p>Wrapper color. Only with iphone8 (black, silver, gold),
+<dt>port</dt>
+<dd><p>Default port. Ignored if url is provided.</p></dd>
+
+
+<dt>device</dt>
+<dd><p>Wrapper devices.</p></dd>
+
+
+<dt>color</dt>
+<dd><p>Wrapper color. Only with iphone8 (black, silver, gold),
 iphone8+ (black, silver, gold), iphone5s (black, silver, gold),
 iphone5c (white,red , yellow, green, blue), iphone4s (black, silver), ipadMini (black, silver) and
-galaxyS5 (black, white).</p></td>
-    </tr>
-    <tr>
-      <th>landscape</th>
-      <td><p>Whether to put the device wrapper in landscape mode. Default to FALSE.</p></td>
-    </tr>
-    </table>
+galaxyS5 (black, white).</p></dd>
 
-    <h2 class="hasAnchor" id="value"><a class="anchor" href="#value"></a>Value</h2>
 
-    <p>A shiny app containing an iframe surrounded by the device wrapper.</p>
-    <h2 class="hasAnchor" id="note"><a class="anchor" href="#note"></a>Note</h2>
+<dt>landscape</dt>
+<dd><p>Whether to put the device wrapper in landscape mode. Default to FALSE.</p></dd>
 
+</dl></div>
+    <div class="section level2">
+    <h2 id="value">Value<a class="anchor" aria-label="anchor" href="#value"></a></h2>
+    
+
+<p>A shiny app containing an iframe surrounded by the device wrapper.</p>
+    </div>
+    <div class="section level2">
+    <h2 id="note">Note<a class="anchor" aria-label="anchor" href="#note"></a></h2>
     <p>choose either url or appPath!</p>
+    </div>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'>preview_mobile</span><span class='op'>(</span>appPath <span class='op'>=</span> <span class='st'>"~/whatever"</span>, device <span class='op'>=</span> <span class='st'>"galaxyNote8"</span><span class='op'>)</span>
- <span class='fu'>preview_mobile</span><span class='op'>(</span>url <span class='op'>=</span> <span class='st'>"https://dgranjon.shinyapps.io/miniUI2DemoMd"</span>, device <span class='op'>=</span> <span class='st'>"ipadMini"</span><span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu">preview_mobile</span><span class="op">(</span>appPath <span class="op">=</span> <span class="st">"~/whatever"</span>, device <span class="op">=</span> <span class="st">"galaxyNote8"</span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu">preview_mobile</span><span class="op">(</span>url <span class="op">=</span> <span class="st">"https://dgranjon.shinyapps.io/miniUI2DemoMd"</span>, device <span class="op">=</span> <span class="st">"ipadMini"</span><span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/sheet.html b/docs/reference/sheet.html
index 5b7565de..44d5494a 100644
--- a/docs/reference/sheet.html
+++ b/docs/reference/sheet.html
@@ -1,345 +1,242 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Sheet creates an f7 sheet modal window.
+updateF7Sheet toggles an f7Sheet on the client."><title>Framework7 sheet — f7Sheet • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 sheet — f7Sheet"><meta property="og:description" content="f7Sheet creates an f7 sheet modal window.
+updateF7Sheet toggles an f7Sheet on the client."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
-<title>Framework7 sheet — f7Sheet • shinyMobile</title>
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
+</li>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
+</li>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
+</li>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
+     
+  </a>
+</li>
+      </ul></div>
 
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
+    
+  </div>
+</nav><div class="container template-reference-topic">
+<div class="row">
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Framework7 sheet</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7Sheet.R" class="external-link"><code>R/f7Sheet.R</code></a></small>
+      <div class="d-none name"><code>sheet.Rd</code></div>
+    </div>
 
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
+    <div class="ref-description section level2">
+    <p><code>f7Sheet</code> creates an f7 sheet modal window.</p>
+<p><code>updateF7Sheet</code> toggles an f7Sheet on the client.</p>
+    </div>
 
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">f7Sheet</span><span class="op">(</span></span>
+<span>  <span class="va">...</span>,</span>
+<span>  <span class="va">id</span>,</span>
+<span>  hiddenItems <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  orientation <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"top"</span>, <span class="st">"bottom"</span><span class="op">)</span>,</span>
+<span>  swipeToClose <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  swipeToStep <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  backdrop <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  closeByOutsideClick <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>  swipeHandler <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu">updateF7Sheet</span><span class="op">(</span><span class="va">id</span>, session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>...</dt>
+<dd><p>Sheet content. If wipeToStep is TRUE, these items will be visible at start.</p></dd>
 
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
 
+<dt>id</dt>
+<dd><p>Sheet id.</p></dd>
 
 
-  <link href="../extra.css" rel="stylesheet">
-  
+<dt>hiddenItems</dt>
+<dd><p>Put items you want to hide inside. Only works when
+swipeToStep is TRUE. Default to NULL.</p></dd>
 
-<meta property="og:title" content="Framework7 sheet — f7Sheet" />
-<meta property="og:description" content="f7Sheet creates an f7 sheet modal window.
-updateF7Sheet toggles an f7Sheet on the client." />
-<meta property="og:image" content="/logo.png" />
 
+<dt>orientation</dt>
+<dd><p>"top" or "bottom".</p></dd>
 
 
+<dt>swipeToClose</dt>
+<dd><p>If TRUE, it can be closed by swiping down.</p></dd>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+<dt>swipeToStep</dt>
+<dd><p>If TRUE then sheet will be opened partially,
+and with swipe it can be further expanded.</p></dd>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
-</li>
-<li>
-  <a href="../reference/index.html">Reference</a>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
-</li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
-</li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
-     
-  </a>
-</li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
 
-      
+<dt>backdrop</dt>
+<dd><p>Enables Sheet backdrop (dark semi transparent layer
+behind). By default it is TRUE for MD and Aurora themes and
+FALSE for iOS theme.</p></dd>
 
-      </header>
 
-<div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Framework7 sheet</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7Sheet.R'><code>R/f7Sheet.R</code></a></small>
-    <div class="hidden name"><code>sheet.Rd</code></div>
-    </div>
+<dt>closeByOutsideClick</dt>
+<dd><p>When enabled, sheet will be closed on
+when click outside of it.</p></dd>
 
-    <div class="ref-description">
-    <p><code>f7Sheet</code> creates an f7 sheet modal window.</p>
-<p><code>updateF7Sheet</code> toggles an f7Sheet on the client.</p>
-    </div>
 
-    <pre class="usage"><span class='fu'>f7Sheet</span><span class='op'>(</span>
-  <span class='va'>...</span>,
-  <span class='va'>id</span>,
-  hiddenItems <span class='op'>=</span> <span class='cn'>NULL</span>,
-  orientation <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"top"</span>, <span class='st'>"bottom"</span><span class='op'>)</span>,
-  swipeToClose <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  swipeToStep <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  backdrop <span class='op'>=</span> <span class='cn'>FALSE</span>,
-  closeByOutsideClick <span class='op'>=</span> <span class='cn'>TRUE</span>,
-  swipeHandler <span class='op'>=</span> <span class='cn'>TRUE</span>
-<span class='op'>)</span>
-
-<span class='fu'>updateF7Sheet</span><span class='op'>(</span><span class='va'>id</span>, session <span class='op'>=</span> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>...</th>
-      <td><p>Sheet content. If wipeToStep is TRUE, these items will be visible at start.</p></td>
-    </tr>
-    <tr>
-      <th>id</th>
-      <td><p>Sheet id.</p></td>
-    </tr>
-    <tr>
-      <th>hiddenItems</th>
-      <td><p>Put items you want to hide inside. Only works when
-swipeToStep is TRUE. Default to NULL.</p></td>
-    </tr>
-    <tr>
-      <th>orientation</th>
-      <td><p>"top" or "bottom".</p></td>
-    </tr>
-    <tr>
-      <th>swipeToClose</th>
-      <td><p>If TRUE, it can be closed by swiping down.</p></td>
-    </tr>
-    <tr>
-      <th>swipeToStep</th>
-      <td><p>If TRUE then sheet will be opened partially,
-and with swipe it can be further expanded.</p></td>
-    </tr>
-    <tr>
-      <th>backdrop</th>
-      <td><p>Enables Sheet backdrop (dark semi transparent layer
-behind). By default it is TRUE for MD and Aurora themes and
-FALSE for iOS theme.</p></td>
-    </tr>
-    <tr>
-      <th>closeByOutsideClick</th>
-      <td><p>When enabled, sheet will be closed on
-when click outside of it.</p></td>
-    </tr>
-    <tr>
-      <th>swipeHandler</th>
-      <td><p>Whether to display a swipe handler. TRUE by default.
-Need either swipeToClose or swipeToStep set to TRUE to work.</p></td>
-    </tr>
-    <tr>
-      <th>session</th>
-      <td><p>Shiny session object</p></td>
-    </tr>
-    </table>
-
-    <h2 class="hasAnchor" id="note"><a class="anchor" href="#note"></a>Note</h2>
+<dt>swipeHandler</dt>
+<dd><p>Whether to display a swipe handler. TRUE by default.
+Need either swipeToClose or swipeToStep set to TRUE to work.</p></dd>
 
+
+<dt>session</dt>
+<dd><p>Shiny session object</p></dd>
+
+</dl></div>
+    <div class="section level2">
+    <h2 id="note">Note<a class="anchor" aria-label="anchor" href="#note"></a></h2>
     <p>The sheet modal has to be used in combination with updateF7Sheet.
 Yet, if you need a specific trigger, simply add <code>`data-sheet` = paste0("#", id)</code>,
 to the tag of your choice (a button), where id refers to the sheet unique id.</p>
+    </div>
 
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='co'># Toggle sheet modal</span>
-<span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-    ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-       title <span class='op'>=</span> <span class='st'>"Update f7Sheet"</span>,
-       <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-          navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>title <span class='op'>=</span> <span class='st'>"f7Sheet"</span><span class='op'>)</span>,
-          <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"go"</span>, label <span class='op'>=</span> <span class='st'>"Go"</span><span class='op'>)</span>,
-          <span class='fu'>f7Sheet</span><span class='op'>(</span>
-             id <span class='op'>=</span> <span class='st'>"sheet1"</span>,
-             label <span class='op'>=</span> <span class='st'>"More"</span>,
-             orientation <span class='op'>=</span> <span class='st'>"bottom"</span>,
-             swipeToClose <span class='op'>=</span> <span class='cn'>TRUE</span>,
-             swipeToStep <span class='op'>=</span> <span class='cn'>TRUE</span>,
-             backdrop <span class='op'>=</span> <span class='cn'>TRUE</span>,
-             <span class='st'>"Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-             Quisque ac diam ac quam euismod porta vel a nunc. Quisque sodales
-             scelerisque est, at porta justo cursus ac"</span>,
-             hiddenItems <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-                <span class='fu'><a href='f7Segment.html'>f7Segment</a></span><span class='op'>(</span>
-                   container <span class='op'>=</span> <span class='st'>"segment"</span>,
-                   rounded <span class='op'>=</span> <span class='cn'>TRUE</span>,
-                   <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"blue"</span>, label <span class='op'>=</span> <span class='st'>"My button 1"</span>, rounded <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-                   <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"green"</span>, label <span class='op'>=</span> <span class='st'>"My button 2"</span>, rounded <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-                   <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"yellow"</span>, label <span class='op'>=</span> <span class='st'>"My button 3"</span>, rounded <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>
-                <span class='op'>)</span>,
-                <span class='fu'><a href='f7Flex.html'>f7Flex</a></span><span class='op'>(</span>
-                   <span class='fu'><a href='f7Gauge.html'>f7Gauge</a></span><span class='op'>(</span>
-                      id <span class='op'>=</span> <span class='st'>"mygauge"</span>,
-                      type  <span class='op'>=</span> <span class='st'>"semicircle"</span>,
-                      value <span class='op'>=</span> <span class='fl'>10</span>,
-                      borderColor <span class='op'>=</span> <span class='st'>"#2196f3"</span>,
-                      borderWidth <span class='op'>=</span> <span class='fl'>10</span>,
-                      valueFontSize <span class='op'>=</span> <span class='fl'>41</span>,
-                      valueTextColor <span class='op'>=</span> <span class='st'>"#2196f3"</span>,
-                      labelText <span class='op'>=</span> <span class='st'>"amount of something"</span>
-                   <span class='op'>)</span>
-                <span class='op'>)</span>,
-                <span class='fu'><a href='f7Slider.html'>f7Slider</a></span><span class='op'>(</span>
-                   inputId <span class='op'>=</span> <span class='st'>"obs"</span>,
-                   label <span class='op'>=</span> <span class='st'>"Number of observations"</span>,
-                   max <span class='op'>=</span> <span class='fl'>100</span>,
-                   min <span class='op'>=</span> <span class='fl'>0</span>,
-                   value <span class='op'>=</span> <span class='fl'>10</span>,
-                   scale <span class='op'>=</span> <span class='cn'>TRUE</span>
-                <span class='op'>)</span>,
-                <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/plotOutput.html'>plotOutput</a></span><span class='op'>(</span><span class='st'>"distPlot"</span><span class='op'>)</span>
-             <span class='op'>)</span>
-          <span class='op'>)</span>
-       <span class='op'>)</span>
-    <span class='op'>)</span>,
-    server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-       <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observe.html'>observe</a></span><span class='op'>(</span><span class='op'>{</span><span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>sheet1</span><span class='op'>)</span><span class='op'>}</span><span class='op'>)</span>
-       <span class='va'>output</span><span class='op'>$</span><span class='va'>distPlot</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPlot.html'>renderPlot</a></span><span class='op'>(</span><span class='op'>{</span>
-          <span class='fu'><a href='https://rdrr.io/r/graphics/hist.html'>hist</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/stats/Normal.html'>rnorm</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>obs</span><span class='op'>)</span><span class='op'>)</span>
-       <span class='op'>}</span><span class='op'>)</span>
-       <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>obs</span>, <span class='op'>{</span>
-          <span class='fu'><a href='f7Gauge.html'>updateF7Gauge</a></span><span class='op'>(</span>id <span class='op'>=</span> <span class='st'>"mygauge"</span>, value <span class='op'>=</span> <span class='va'>input</span><span class='op'>$</span><span class='va'>obs</span><span class='op'>)</span>
-       <span class='op'>}</span><span class='op'>)</span>
-       <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>go</span>, <span class='op'>{</span>
-          <span class='fu'>updateF7Sheet</span><span class='op'>(</span>id <span class='op'>=</span> <span class='st'>"sheet1"</span><span class='op'>)</span>
-       <span class='op'>}</span><span class='op'>)</span>
-    <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="co"># Toggle sheet modal</span></span></span>
+<span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       title <span class="op">=</span> <span class="st">"Update f7Sheet"</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>          navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"f7Sheet"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"go"</span>, label <span class="op">=</span> <span class="st">"Go"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>          <span class="fu">f7Sheet</span><span class="op">(</span></span></span>
+<span class="r-in"><span>             id <span class="op">=</span> <span class="st">"sheet1"</span>,</span></span>
+<span class="r-in"><span>             label <span class="op">=</span> <span class="st">"More"</span>,</span></span>
+<span class="r-in"><span>             orientation <span class="op">=</span> <span class="st">"bottom"</span>,</span></span>
+<span class="r-in"><span>             swipeToClose <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>             swipeToStep <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>             backdrop <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>             <span class="st">"Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></span></span>
+<span class="r-in"><span><span class="st">             Quisque ac diam ac quam euismod porta vel a nunc. Quisque sodales</span></span></span>
+<span class="r-in"><span><span class="st">             scelerisque est, at porta justo cursus ac"</span>,</span></span>
+<span class="r-in"><span>             hiddenItems <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                <span class="fu"><a href="f7Segment.html">f7Segment</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                   container <span class="op">=</span> <span class="st">"segment"</span>,</span></span>
+<span class="r-in"><span>                   rounded <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>                   <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"blue"</span>, label <span class="op">=</span> <span class="st">"My button 1"</span>, rounded <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>                   <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"green"</span>, label <span class="op">=</span> <span class="st">"My button 2"</span>, rounded <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>                   <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>color <span class="op">=</span> <span class="st">"yellow"</span>, label <span class="op">=</span> <span class="st">"My button 3"</span>, rounded <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span></span>
+<span class="r-in"><span>                <span class="op">)</span>,</span></span>
+<span class="r-in"><span>                <span class="fu"><a href="f7Flex.html">f7Flex</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                   <span class="fu"><a href="gauge.html">f7Gauge</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                      id <span class="op">=</span> <span class="st">"mygauge"</span>,</span></span>
+<span class="r-in"><span>                      type  <span class="op">=</span> <span class="st">"semicircle"</span>,</span></span>
+<span class="r-in"><span>                      value <span class="op">=</span> <span class="fl">10</span>,</span></span>
+<span class="r-in"><span>                      borderColor <span class="op">=</span> <span class="st">"#2196f3"</span>,</span></span>
+<span class="r-in"><span>                      borderWidth <span class="op">=</span> <span class="fl">10</span>,</span></span>
+<span class="r-in"><span>                      valueFontSize <span class="op">=</span> <span class="fl">41</span>,</span></span>
+<span class="r-in"><span>                      valueTextColor <span class="op">=</span> <span class="st">"#2196f3"</span>,</span></span>
+<span class="r-in"><span>                      labelText <span class="op">=</span> <span class="st">"amount of something"</span></span></span>
+<span class="r-in"><span>                   <span class="op">)</span></span></span>
+<span class="r-in"><span>                <span class="op">)</span>,</span></span>
+<span class="r-in"><span>                <span class="fu"><a href="slider.html">f7Slider</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>                   inputId <span class="op">=</span> <span class="st">"obs"</span>,</span></span>
+<span class="r-in"><span>                   label <span class="op">=</span> <span class="st">"Number of observations"</span>,</span></span>
+<span class="r-in"><span>                   max <span class="op">=</span> <span class="fl">100</span>,</span></span>
+<span class="r-in"><span>                   min <span class="op">=</span> <span class="fl">0</span>,</span></span>
+<span class="r-in"><span>                   value <span class="op">=</span> <span class="fl">10</span>,</span></span>
+<span class="r-in"><span>                   scale <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>                <span class="op">)</span>,</span></span>
+<span class="r-in"><span>                <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html" class="external-link">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>             <span class="op">)</span></span></span>
+<span class="r-in"><span>          <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span>,</span></span>
+<span class="r-in"><span>    server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observe.html" class="external-link">observe</a></span><span class="op">(</span><span class="op">{</span><span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">sheet1</span><span class="op">)</span><span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="va">output</span><span class="op">$</span><span class="va">distPlot</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html" class="external-link">renderPlot</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>          <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html" class="external-link">hist</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>          <span class="fu"><a href="gauge.html">updateF7Gauge</a></span><span class="op">(</span>id <span class="op">=</span> <span class="st">"mygauge"</span>, value <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">obs</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">go</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>          <span class="fu">updateF7Sheet</span><span class="op">(</span>id <span class="op">=</span> <span class="st">"sheet1"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/updateF7Tabs.html b/docs/reference/updateF7Tabs.html
index 1c5044da..9c314593 100644
--- a/docs/reference/updateF7Tabs.html
+++ b/docs/reference/updateF7Tabs.html
@@ -1,340 +1,238 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Update a Framework 7 tabsetPanel — updateF7Tabs • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Update a Framework 7 tabsetPanel — updateF7Tabs" />
-<meta property="og:description" content="Update f7Tabs." />
-<meta property="og:image" content="/logo.png" />
-
-
-
-
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
-
-<!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Update f7Tabs."><title>Update a Framework 7 tabsetPanel — updateF7Tabs • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Update a Framework 7 tabsetPanel — updateF7Tabs"><meta property="og:description" content="Update f7Tabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-  </head>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Update a Framework 7 tabsetPanel</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7-tabs.R'><code>R/f7-tabs.R</code></a></small>
-    <div class="hidden name"><code>updateF7Tabs.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Update a Framework 7 tabsetPanel</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7-tabs.R" class="external-link"><code>R/f7-tabs.R</code></a></small>
+      <div class="d-none name"><code>updateF7Tabs.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>Update <a href='f7Tabs.html'>f7Tabs</a>.</p>
+    <div class="ref-description section level2">
+    <p>Update <a href="f7Tabs.html">f7Tabs</a>.</p>
     </div>
 
-    <pre class="usage"><span class='fu'>updateF7Tabs</span><span class='op'>(</span><span class='va'>id</span>, selected <span class='op'>=</span> <span class='cn'>NULL</span>, session <span class='op'>=</span> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>id</th>
-      <td><p>Id of the <a href='f7Tabs.html'>f7Tabs</a> to update.</p></td>
-    </tr>
-    <tr>
-      <th>selected</th>
-      <td><p>Newly selected tab.</p></td>
-    </tr>
-    <tr>
-      <th>session</th>
-      <td><p>Shiny session object.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
-
- <span class='va'>subtabs_ui</span> <span class='op'>&lt;-</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>id</span><span class='op'>)</span> <span class='op'>{</span>
-   <span class='va'>ns</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/NS.html'>NS</a></span><span class='op'>(</span><span class='va'>id</span><span class='op'>)</span>
-
-   <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/tagList.html'>tagList</a></span><span class='op'>(</span>
-     <span class='fu'><a href='f7Toggle.html'>f7Toggle</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='fu'>ns</span><span class='op'>(</span><span class='st'>"updateSubTab"</span><span class='op'>)</span>, label <span class='op'>=</span> <span class='st'>"Update SubTab"</span>, checked <span class='op'>=</span> <span class='cn'>FALSE</span><span class='op'>)</span>,
-     <span class='fu'><a href='f7Tabs.html'>f7Tabs</a></span><span class='op'>(</span>
-       id <span class='op'>=</span> <span class='fu'>ns</span><span class='op'>(</span><span class='st'>"subtabdemo"</span><span class='op'>)</span>,
-       style <span class='op'>=</span> <span class='st'>"strong"</span>,
-       animated <span class='op'>=</span> <span class='cn'>FALSE</span>,
-       <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>tabName <span class='op'>=</span> <span class='st'>"SubTab 1"</span>, <span class='st'>"SubTab 1"</span><span class='op'>)</span>,
-       <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>tabName <span class='op'>=</span> <span class='st'>"SubTab 2"</span>, <span class='st'>"SubTab 2"</span>, active <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-       <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>tabName <span class='op'>=</span> <span class='st'>"SubTab 3"</span>, <span class='st'>"SubTab 3"</span><span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>
- <span class='op'>}</span>
-
- <span class='va'>subtabs</span> <span class='op'>&lt;-</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-   <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>updateSubTab</span>, <span class='op'>{</span>
-     <span class='va'>selected</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ifelse.html'>ifelse</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>updateSubTab</span>, <span class='st'>"SubTab 1"</span>, <span class='st'>"SubTab 2"</span><span class='op'>)</span>
-     <span class='fu'>updateF7Tabs</span><span class='op'>(</span><span class='va'>session</span>, id <span class='op'>=</span> <span class='st'>"subtabdemo"</span>, selected <span class='op'>=</span> <span class='va'>selected</span><span class='op'>)</span>
-   <span class='op'>}</span><span class='op'>)</span>
-   <span class='kw'><a href='https://rdrr.io/r/base/function.html'>return</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/reactive.html'>reactive</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>subtabdemo</span><span class='op'>)</span><span class='op'>)</span>
- <span class='op'>}</span>
-
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Tab Layout"</span>,
-     <span class='fu'><a href='f7TabLayout.html'>f7TabLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-         title <span class='op'>=</span>
-           <span class='fu'><a href='f7Flex.html'>f7Flex</a></span><span class='op'>(</span>
-             <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/HTML.html'>HTML</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Selected Tab:"</span>, <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/textOutput.html'>textOutput</a></span><span class='op'>(</span><span class='st'>"selectedTab"</span><span class='op'>)</span><span class='op'>)</span><span class='op'>)</span>,
-             <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/HTML.html'>HTML</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Selected Subtab:"</span>, <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/textOutput.html'>textOutput</a></span><span class='op'>(</span><span class='st'>"selectedSubTab"</span><span class='op'>)</span><span class='op'>)</span><span class='op'>)</span>
-           <span class='op'>)</span>
-         ,
-         subNavbar <span class='op'>=</span> <span class='fu'><a href='f7SubNavbar.html'>f7SubNavbar</a></span><span class='op'>(</span>
-           <span class='fu'><a href='f7Flex.html'>f7Flex</a></span><span class='op'>(</span>
-             <span class='fu'><a href='f7Toggle.html'>f7Toggle</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"updateTab"</span>, label <span class='op'>=</span> <span class='st'>"Update Tab"</span>, checked <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span>,
-             <span class='fu'>subtabs_ui</span><span class='op'>(</span><span class='st'>"subtabs1"</span><span class='op'>)</span><span class='op'>[[</span><span class='fl'>1</span><span class='op'>]</span><span class='op'>]</span>
-           <span class='op'>)</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span>,
-       <span class='fu'><a href='f7Tabs.html'>f7Tabs</a></span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"tabdemo"</span>,
-         swipeable <span class='op'>=</span> <span class='cn'>TRUE</span>,
-         animated <span class='op'>=</span> <span class='cn'>FALSE</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-           tabName <span class='op'>=</span> <span class='st'>"Tab 1"</span>,
-           <span class='fu'>subtabs_ui</span><span class='op'>(</span><span class='st'>"subtabs1"</span><span class='op'>)</span><span class='op'>[[</span><span class='fl'>2</span><span class='op'>]</span><span class='op'>]</span>
-         <span class='op'>)</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>tabName <span class='op'>=</span> <span class='st'>"Tab 2"</span>, <span class='st'>"Tab 2"</span><span class='op'>)</span>,
-         <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>tabName <span class='op'>=</span> <span class='st'>"Tab 3"</span>, <span class='st'>"Tab 3"</span><span class='op'>)</span>
-       <span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>selectedTab</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPrint.html'>renderText</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>tabdemo</span><span class='op'>)</span>
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>updateTab</span>, <span class='op'>{</span>
-       <span class='va'>selected</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/r/base/ifelse.html'>ifelse</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>updateTab</span>, <span class='st'>"Tab 1"</span>, <span class='st'>"Tab 2"</span><span class='op'>)</span>
-       <span class='fu'>updateF7Tabs</span><span class='op'>(</span>id <span class='op'>=</span> <span class='st'>"tabdemo"</span>, selected <span class='op'>=</span> <span class='va'>selected</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-     <span class='va'>subtab</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/callModule.html'>callModule</a></span><span class='op'>(</span><span class='va'>subtabs</span>, <span class='st'>"subtabs1"</span><span class='op'>)</span>
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>selectedSubTab</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderPrint.html'>renderText</a></span><span class='op'>(</span><span class='fu'>subtab</span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span>
-   <span class='op'>}</span>
- <span class='op'>)</span>
- <span class='co'># with hidden tabs</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-  <span class='va'>ui</span> <span class='op'>&lt;-</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-    title <span class='op'>=</span> <span class='st'>"shinyMobile"</span>,
-    <span class='fu'><a href='f7TabLayout.html'>f7TabLayout</a></span><span class='op'>(</span>
-      navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-        title <span class='op'>=</span> <span class='st'>"Update Tabs with hidden tab"</span>,
-        subtitle <span class='op'>=</span> <span class='st'>""</span>,
-        hairline <span class='op'>=</span> <span class='cn'>TRUE</span>,
-        shadow <span class='op'>=</span> <span class='cn'>TRUE</span>,
-        bigger <span class='op'>=</span> <span class='cn'>FALSE</span>,
-        transparent <span class='op'>=</span> <span class='cn'>TRUE</span>
-      <span class='op'>)</span>,
-      <span class='fu'><a href='f7Tabs.html'>f7Tabs</a></span><span class='op'>(</span>
-        id <span class='op'>=</span> <span class='st'>'tabs'</span>,
-        animated <span class='op'>=</span> <span class='cn'>TRUE</span>,
-        <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-          active <span class='op'>=</span> <span class='cn'>TRUE</span>,
-          tabName <span class='op'>=</span> <span class='st'>'Main tab'</span>,
-          icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>'doc_text'</span><span class='op'>)</span>,
-          <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>h1</a></span><span class='op'>(</span><span class='st'>"This is the first tab."</span><span class='op'>)</span>,
-          <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span><span class='st'>'goto'</span>, label <span class='op'>=</span> <span class='st'>'Go to hidden tab'</span><span class='op'>)</span>
-        <span class='op'>)</span>,
-        <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-          tabName <span class='op'>=</span> <span class='st'>'Second tab'</span>,
-          icon <span class='op'>=</span> <span class='fu'><a href='f7Icon.html'>f7Icon</a></span><span class='op'>(</span><span class='st'>'bolt_horizontal'</span><span class='op'>)</span>,
-          <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>h1</a></span><span class='op'>(</span><span class='st'>'This is the second tab.'</span><span class='op'>)</span>
-        <span class='op'>)</span>,
-        <span class='fu'><a href='f7Tab.html'>f7Tab</a></span><span class='op'>(</span>
-          tabName <span class='op'>=</span> <span class='st'>'Hidden tab'</span>,
-          hidden <span class='op'>=</span> <span class='cn'>TRUE</span>,
-          <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>h1</a></span><span class='op'>(</span><span class='st'>'This is a tab that does not appear in the tab menu.
-          Yet, you can still access it.'</span><span class='op'>)</span>
-        <span class='op'>)</span>
-      <span class='op'>)</span>
-    <span class='op'>)</span>
-  <span class='op'>)</span>,
-  server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-    <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observe.html'>observe</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>tabs</span><span class='op'>)</span><span class='op'>)</span>
-    <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>goto</span>,<span class='op'>{</span>
-      <span class='fu'>updateF7Tabs</span><span class='op'>(</span>session <span class='op'>=</span> <span class='va'>session</span>, id <span class='op'>=</span> <span class='st'>'tabs'</span>, selected <span class='op'>=</span> <span class='st'>'Hidden tab'</span><span class='op'>)</span>
-    <span class='op'>}</span><span class='op'>)</span>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">updateF7Tabs</span><span class="op">(</span><span class="va">id</span>, selected <span class="op">=</span> <span class="cn">NULL</span>, session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
+    </div>
 
-  <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>id</dt>
+<dd><p>Id of the <a href="f7Tabs.html">f7Tabs</a> to update.</p></dd>
+
+
+<dt>selected</dt>
+<dd><p>Newly selected tab.</p></dd>
+
+
+<dt>session</dt>
+<dd><p>Shiny session object.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="va">subtabs_ui</span> <span class="op">&lt;-</span> <span class="kw">function</span><span class="op">(</span><span class="va">id</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>   <span class="va">ns</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/NS.html" class="external-link">NS</a></span><span class="op">(</span><span class="va">id</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>   <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="toggle.html">f7Toggle</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="fu">ns</span><span class="op">(</span><span class="st">"updateSubTab"</span><span class="op">)</span>, label <span class="op">=</span> <span class="st">"Update SubTab"</span>, checked <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7Tabs.html">f7Tabs</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       id <span class="op">=</span> <span class="fu">ns</span><span class="op">(</span><span class="st">"subtabdemo"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       style <span class="op">=</span> <span class="st">"strong"</span>,</span></span>
+<span class="r-in"><span>       animated <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Subtab 1"</span>, tabName <span class="op">=</span> <span class="st">"SubTab1"</span>, <span class="st">"SubTab 1"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Subtab 2"</span>, tabName <span class="op">=</span> <span class="st">"SubTab2"</span>, <span class="st">"SubTab 2"</span>, active <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Subtab 3"</span>, tabName <span class="op">=</span> <span class="st">"SubTab3"</span>, <span class="st">"SubTab 3"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="va">subtabs</span> <span class="op">&lt;-</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>   <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">updateSubTab</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>     <span class="va">selected</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/ifelse.html" class="external-link">ifelse</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">updateSubTab</span>, <span class="st">"SubTab1"</span>, <span class="st">"SubTab2"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="fu">updateF7Tabs</span><span class="op">(</span><span class="va">session</span>, id <span class="op">=</span> <span class="st">"subtabdemo"</span>, selected <span class="op">=</span> <span class="va">selected</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="kw"><a href="https://rdrr.io/r/base/function.html" class="external-link">return</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/reactive.html" class="external-link">reactive</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">subtabdemo</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="op">}</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Tab Layout"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span></span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7Flex.html">f7Flex</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/HTML.html" class="external-link">HTML</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Selected Tab:"</span>, <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">textOutput</a></span><span class="op">(</span><span class="st">"selectedTab"</span><span class="op">)</span><span class="op">)</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>             <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/HTML.html" class="external-link">HTML</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Selected Subtab:"</span>, <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/textOutput.html" class="external-link">textOutput</a></span><span class="op">(</span><span class="st">"selectedSubTab"</span><span class="op">)</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>         ,</span></span>
+<span class="r-in"><span>         subNavbar <span class="op">=</span> <span class="fu"><a href="f7SubNavbar.html">f7SubNavbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           <span class="fu"><a href="f7Flex.html">f7Flex</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             <span class="fu"><a href="toggle.html">f7Toggle</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"updateTab"</span>, label <span class="op">=</span> <span class="st">"Update Tab"</span>, checked <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>             <span class="fu">subtabs_ui</span><span class="op">(</span><span class="st">"subtabs1"</span><span class="op">)</span><span class="op">[[</span><span class="fl">1</span><span class="op">]</span><span class="op">]</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Tabs.html">f7Tabs</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"tabdemo"</span>,</span></span>
+<span class="r-in"><span>         swipeable <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>         animated <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           title <span class="op">=</span> <span class="st">"Tab 1"</span>,</span></span>
+<span class="r-in"><span>           tabName <span class="op">=</span> <span class="st">"Tab1"</span>,</span></span>
+<span class="r-in"><span>           <span class="fu">subtabs_ui</span><span class="op">(</span><span class="st">"subtabs1"</span><span class="op">)</span><span class="op">[[</span><span class="fl">2</span><span class="op">]</span><span class="op">]</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Tab 2"</span>, tabName <span class="op">=</span> <span class="st">"Tab2"</span>, <span class="st">"Tab 2"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Tab 3"</span>, tabName <span class="op">=</span> <span class="st">"Tab3"</span>, <span class="st">"Tab 3"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">selectedTab</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderText</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">tabdemo</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">updateTab</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="va">selected</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/ifelse.html" class="external-link">ifelse</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">updateTab</span>, <span class="st">"Tab1"</span>, <span class="st">"Tab2"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="fu">updateF7Tabs</span><span class="op">(</span>id <span class="op">=</span> <span class="st">"tabdemo"</span>, selected <span class="op">=</span> <span class="va">selected</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="va">subtab</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/callModule.html" class="external-link">callModule</a></span><span class="op">(</span><span class="va">subtabs</span>, <span class="st">"subtabs1"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">selectedSubTab</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPrint.html" class="external-link">renderText</a></span><span class="op">(</span><span class="fu">subtab</span><span class="op">(</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="co"># with hidden tabs</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>  <span class="va">ui</span> <span class="op">&lt;-</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>    title <span class="op">=</span> <span class="st">"shinyMobile"</span>,</span></span>
+<span class="r-in"><span>    <span class="fu"><a href="f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>      navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        title <span class="op">=</span> <span class="st">"Update Tabs with hidden tab"</span>,</span></span>
+<span class="r-in"><span>        subtitle <span class="op">=</span> <span class="st">""</span>,</span></span>
+<span class="r-in"><span>        hairline <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>        shadow <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>        bigger <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>        transparent <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span>,</span></span>
+<span class="r-in"><span>      <span class="fu"><a href="f7Tabs.html">f7Tabs</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>        id <span class="op">=</span> <span class="st">'tabs'</span>,</span></span>
+<span class="r-in"><span>        animated <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>          active <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>          title <span class="op">=</span> <span class="st">"Main tab"</span>,</span></span>
+<span class="r-in"><span>          tabName <span class="op">=</span> <span class="st">"Tab1"</span>,</span></span>
+<span class="r-in"><span>          icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"doc_text"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">h1</a></span><span class="op">(</span><span class="st">"This is the first tab."</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"goto"</span>, label <span class="op">=</span> <span class="st">"Go to hidden tab"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>          title <span class="op">=</span> <span class="st">"Second tab"</span>,</span></span>
+<span class="r-in"><span>          tabName <span class="op">=</span> <span class="st">"Tab2"</span>,</span></span>
+<span class="r-in"><span>          icon <span class="op">=</span> <span class="fu"><a href="f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"bolt_horizontal"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">h1</a></span><span class="op">(</span><span class="st">"This is the second tab."</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span>,</span></span>
+<span class="r-in"><span>        <span class="fu"><a href="f7Tab.html">f7Tab</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>          title <span class="op">=</span> <span class="st">"Hidden tab"</span>,</span></span>
+<span class="r-in"><span>          tabName <span class="op">=</span> <span class="st">"Tab3"</span>,</span></span>
+<span class="r-in"><span>          hidden <span class="op">=</span> <span class="cn">TRUE</span>,</span></span>
+<span class="r-in"><span>          <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">h1</a></span><span class="op">(</span><span class="st">"This is a tab that does not appear in the tab menu.</span></span></span>
+<span class="r-in"><span><span class="st">          Yet, you can still access it."</span><span class="op">)</span></span></span>
+<span class="r-in"><span>        <span class="op">)</span></span></span>
+<span class="r-in"><span>      <span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">)</span>,</span></span>
+<span class="r-in"><span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observe.html" class="external-link">observe</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">tabs</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">goto</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>      <span class="fu">updateF7Tabs</span><span class="op">(</span>session <span class="op">=</span> <span class="va">session</span>, id <span class="op">=</span> <span class="st">"tabs"</span>, selected <span class="op">=</span> <span class="st">"Tab3"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>    <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>  <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/docs/reference/updateF7VirtualList.html b/docs/reference/updateF7VirtualList.html
index 1bcb7a7f..0bf2fefe 100644
--- a/docs/reference/updateF7VirtualList.html
+++ b/docs/reference/updateF7VirtualList.html
@@ -1,435 +1,330 @@
-<!-- Generated by pkgdown: do not edit by hand -->
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-  <meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<title>Update an f7VirtualList on the server side — updateF7VirtualList • shinyMobile</title>
-
-<!-- favicons -->
-<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
-<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
-<link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
-
-<!-- jquery -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-<!-- Bootstrap -->
-<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/readable/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
-
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
-
-<!-- bootstrap-toc -->
-<link rel="stylesheet" href="../bootstrap-toc.css">
-<script src="../bootstrap-toc.js"></script>
-
-<!-- Font Awesome icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
-
-<!-- clipboard.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
-
-<!-- headroom.js -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
-
-<!-- pkgdown -->
-<link href="../pkgdown.css" rel="stylesheet">
-<script src="../pkgdown.js"></script>
-
-
-
-  <link href="../extra.css" rel="stylesheet">
-  
-
-<meta property="og:title" content="Update an f7VirtualList on the server side — updateF7VirtualList" />
-<meta property="og:description" content="This function wraps all methods from https://framework7.io/docs/virtual-list.html" />
-<meta property="og:image" content="/logo.png" />
-
-
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="This function wraps all methods from https://framework7.io/docs/virtual-list.html"><title>Update an f7VirtualList on the server side — updateF7VirtualList • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Update an f7VirtualList on the server side — updateF7VirtualList"><meta property="og:description" content="This function wraps all methods from https://framework7.io/docs/virtual-list.html"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+    <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
+    
 
+    <nav class="navbar fixed-top navbar-light navbar-expand-lg bg-info"><div class="container">
+    
+    <a class="navbar-brand me-2" href="../index.html">shinyMobile</a>
 
-<!-- mathjax -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
+    <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="">1.0.1.9000</small>
 
-<!--[if lt IE 9]>
-<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
-
-
-
-  </head>
-
-  <body data-spy="scroll" data-target="#toc">
-    <div class="container template-reference-topic">
-      <header>
-      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
-  <div class="container">
-    <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
-        <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-      </button>
-      <span class="navbar-brand">
-        <a class="navbar-link" href="../index.html">shinyMobile</a>
-        <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.9.1</span>
-      </span>
-    </div>
+    
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
 
-    <div id="navbar" class="navbar-collapse collapse">
-      <ul class="nav navbar-nav">
-        <li>
-  <a href="../index.html">
-    <span class="fas fa-home fa-lg"></span>
-     
-  </a>
-</li>
-<li>
-  <a href="../articles/shinyMobile.html">Get started</a>
+    <div id="navbar" class="collapse navbar-collapse ms-3">
+      <ul class="navbar-nav me-auto"><li class="nav-item">
+  <a class="nav-link" href="../articles/shinyMobile.html">Get started</a>
 </li>
-<li>
-  <a href="../reference/index.html">Reference</a>
+<li class="active nav-item">
+  <a class="nav-link" href="../reference/index.html">Reference</a>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    Articles
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li>
-      <a href="../articles/Gadgets.html">Gadgets</a>
-    </li>
-    <li>
-      <a href="../articles/Single-Layout.html">Single-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Split-Layout.html">Split-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/Tabs-Layout.html">Tabs-Layout</a>
-    </li>
-    <li>
-      <a href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-articles">
+    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
+    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
+    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
+    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+  </div>
 </li>
-<li class="dropdown">
-  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
-    News
-     
-    <span class="caret"></span>
-  </a>
-  <ul class="dropdown-menu" role="menu">
-    <li class="dropdown-header">Releases</li>
-    <li class="dropdown-header">shinyMobile 0.9.1</li>
-    <li class="dropdown-header">shinyMobile 0.9.0</li>
-    <li class="dropdown-header">shinyMobile 0.8.0</li>
-    <li class="dropdown-header">shinyMobile 0.7.0</li>
-    <li class="dropdown-header">shinyMobile 0.1.0</li>
-    <li class="divider"></li>
-    <li>
-      <a href="../news/index.html">Changelog</a>
-    </li>
-  </ul>
+<li class="nav-item dropdown">
+  <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-news">News</a>
+  <div class="dropdown-menu" aria-labelledby="dropdown-news">
+    <h6 class="dropdown-header" data-toc-skip>Releases</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.1.9000</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 1.0.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.1</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.9.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.8.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.7.0</h6>
+    <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
+    <div class="dropdown-divider"></div>
+    <a class="dropdown-item" href="../news/index.html">Changelog</a>
+  </div>
 </li>
-      </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li>
-  <a href="https://github.com/RinteRface/shinyMobile/">
-    <span class="fab fa-github fa-lg"></span>
+      </ul><form class="form-inline my-2 my-lg-0" role="search">
+        <input type="search" class="form-control me-sm-2" aria-label="Toggle navigation" name="search-input" data-search-index="../search.json" id="search-input" placeholder="Search for" autocomplete="off"></form>
+
+      <ul class="navbar-nav"><li class="nav-item">
+  <a class="external-link nav-link" href="https://github.com/RinteRface/shinyMobile/" aria-label="github">
+    <span class="fab fa fab fa-github fa-lg"></span>
      
   </a>
 </li>
-      </ul>
-      
-    </div><!--/.nav-collapse -->
-  </div><!--/.container -->
-</div><!--/.navbar -->
-
-      
-
-      </header>
+      </ul></div>
 
+    
+  </div>
+</nav><div class="container template-reference-topic">
 <div class="row">
-  <div class="col-md-9 contents">
-    <div class="page-header">
-    <h1>Update an <a href='f7VirtualList.html'>f7VirtualList</a> on the server side</h1>
-    <small class="dont-index">Source: <a href='https://github.com/RinteRface/shinyMobile/blob/master/R/f7List.R'><code>R/f7List.R</code></a></small>
-    <div class="hidden name"><code>updateF7VirtualList.Rd</code></div>
+  <main id="main" class="col-md-9"><div class="page-header">
+      <img src="../logo.png" class="logo" alt=""><h1>Update an <a href="virtuallist.html">f7VirtualList</a> on the server side</h1>
+      <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/R/f7List.R" class="external-link"><code>R/f7List.R</code></a></small>
+      <div class="d-none name"><code>updateF7VirtualList.Rd</code></div>
     </div>
 
-    <div class="ref-description">
-    <p>This function wraps all methods from <a href='https://framework7.io/docs/virtual-list.html'>https://framework7.io/docs/virtual-list.html</a></p>
+    <div class="ref-description section level2">
+    <p>This function wraps all methods from <a href="https://framework7.io/docs/virtual-list.html" class="external-link">https://framework7.io/docs/virtual-list.html</a></p>
     </div>
 
-    <pre class="usage"><span class='fu'>updateF7VirtualList</span><span class='op'>(</span>
-  <span class='va'>id</span>,
-  action <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"appendItem"</span>, <span class='st'>"appendItems"</span>, <span class='st'>"prependItem"</span>, <span class='st'>"prependItems"</span>, <span class='st'>"replaceItem"</span>,
-    <span class='st'>"replaceAllItems"</span>, <span class='st'>"moveItem"</span>, <span class='st'>"insertItemBefore"</span>, <span class='st'>"filterItems"</span>, <span class='st'>"deleteItem"</span>,
-    <span class='st'>"deleteAllItems"</span>, <span class='st'>"scrollToItem"</span><span class='op'>)</span>,
-  item <span class='op'>=</span> <span class='cn'>NULL</span>,
-  items <span class='op'>=</span> <span class='cn'>NULL</span>,
-  index <span class='op'>=</span> <span class='cn'>NULL</span>,
-  indexes <span class='op'>=</span> <span class='cn'>NULL</span>,
-  oldIndex <span class='op'>=</span> <span class='cn'>NULL</span>,
-  newIndex <span class='op'>=</span> <span class='cn'>NULL</span>,
-  session <span class='op'>=</span> <span class='fu'>shiny</span><span class='fu'>::</span><span class='fu'><a href='https://rdrr.io/pkg/shiny/man/domains.html'>getDefaultReactiveDomain</a></span><span class='op'>(</span><span class='op'>)</span>
-<span class='op'>)</span></pre>
-
-    <h2 class="hasAnchor" id="arguments"><a class="anchor" href="#arguments"></a>Arguments</h2>
-    <table class="ref-arguments">
-    <colgroup><col class="name" /><col class="desc" /></colgroup>
-    <tr>
-      <th>id</th>
-      <td><p><a href='f7VirtualList.html'>f7VirtualList</a> to update.</p></td>
-    </tr>
-    <tr>
-      <th>action</th>
-      <td><p>Action to perform. See <a href='https://framework7.io/docs/virtual-list.html'>https://framework7.io/docs/virtual-list.html</a>.</p></td>
-    </tr>
-    <tr>
-      <th>item</th>
-      <td><p>If action is one of appendItem, prependItem, replaceItem, insertItemBefore.</p></td>
-    </tr>
-    <tr>
-      <th>items</th>
-      <td><p>If action is one of appendItems, prependItems, replaceAllItems.</p></td>
-    </tr>
-    <tr>
-      <th>index</th>
-      <td><p>If action is one of replaceItem, insertItemBefore, deleteItem.</p></td>
-    </tr>
-    <tr>
-      <th>indexes</th>
-      <td><p>If action if one of filterItems, deleteItems.</p></td>
-    </tr>
-    <tr>
-      <th>oldIndex</th>
-      <td><p>If action is moveItem.</p></td>
-    </tr>
-    <tr>
-      <th>newIndex</th>
-      <td><p>If action is moveItem.</p></td>
-    </tr>
-    <tr>
-      <th>session</th>
-      <td><p>Shiny session.</p></td>
-    </tr>
-    </table>
-
-
-    <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2>
-    <pre class="examples"><div class='input'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/interactive.html'>interactive</a></span><span class='op'>(</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://shiny.rstudio.com/'>shiny</a></span><span class='op'>)</span>
- <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://github.com/RinteRface/shinyMobile'>shinyMobile</a></span><span class='op'>)</span>
- <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/shinyApp.html'>shinyApp</a></span><span class='op'>(</span>
-   ui <span class='op'>=</span> <span class='fu'><a href='f7Page.html'>f7Page</a></span><span class='op'>(</span>
-     title <span class='op'>=</span> <span class='st'>"Update virtual list"</span>,
-     <span class='fu'><a href='f7SingleLayout.html'>f7SingleLayout</a></span><span class='op'>(</span>
-       navbar <span class='op'>=</span> <span class='fu'><a href='f7Navbar.html'>f7Navbar</a></span><span class='op'>(</span>
-         title <span class='op'>=</span> <span class='st'>"Virtual Lists"</span>,
-         hairline <span class='op'>=</span> <span class='cn'>FALSE</span>,
-         shadow <span class='op'>=</span> <span class='cn'>TRUE</span>
-       <span class='op'>)</span>,
-       <span class='co'># main content</span>
-       <span class='fu'><a href='f7Segment.html'>f7Segment</a></span><span class='op'>(</span>
-         container <span class='op'>=</span> <span class='st'>"segment"</span>,
-
-         <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"appendItem"</span>, <span class='st'>"Append Item"</span><span class='op'>)</span>,
-         <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"prependItems"</span>, <span class='st'>"Prepend Items"</span><span class='op'>)</span>,
-         <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"insertBefore"</span>, <span class='st'>"Insert before"</span><span class='op'>)</span>,
-         <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"replaceItem"</span>, <span class='st'>"Replace Item"</span><span class='op'>)</span>
-       <span class='op'>)</span>,
-       <span class='fu'><a href='f7Segment.html'>f7Segment</a></span><span class='op'>(</span>
-         container <span class='op'>=</span> <span class='st'>"segment"</span>,
-         <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"deleteAllItems"</span>, <span class='st'>"Remove All"</span><span class='op'>)</span>,
-         <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"moveItem"</span>, <span class='st'>"Move Item"</span><span class='op'>)</span>,
-         <span class='fu'><a href='f7Button.html'>f7Button</a></span><span class='op'>(</span>inputId <span class='op'>=</span> <span class='st'>"filterItems"</span>, <span class='st'>"Filter Items"</span><span class='op'>)</span>
-       <span class='op'>)</span>,
-       <span class='fu'><a href='f7Flex.html'>f7Flex</a></span><span class='op'>(</span>
-         <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/htmlOutput.html'>uiOutput</a></span><span class='op'>(</span><span class='st'>"itemIndexUI"</span><span class='op'>)</span>,
-         <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/htmlOutput.html'>uiOutput</a></span><span class='op'>(</span><span class='st'>"itemNewIndexUI"</span><span class='op'>)</span>,
-         <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/htmlOutput.html'>uiOutput</a></span><span class='op'>(</span><span class='st'>"itemsFilterUI"</span><span class='op'>)</span>
-       <span class='op'>)</span>,
-       <span class='fu'><a href='f7VirtualList.html'>f7VirtualList</a></span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"vlist"</span>,
-         items <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fl'>1</span><span class='op'>:</span><span class='fl'>5</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>i</span><span class='op'>)</span> <span class='op'>{</span>
-           <span class='fu'><a href='f7VirtualList.html'>f7VirtualListItem</a></span><span class='op'>(</span>
-             title <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Title"</span>, <span class='va'>i</span><span class='op'>)</span>,
-             subtitle <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Subtitle"</span>, <span class='va'>i</span><span class='op'>)</span>,
-             header <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Header"</span>, <span class='va'>i</span><span class='op'>)</span>,
-             footer <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Footer"</span>, <span class='va'>i</span><span class='op'>)</span>,
-             right <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Right"</span>, <span class='va'>i</span><span class='op'>)</span>,
-             content <span class='op'>=</span> <span class='va'>i</span>,
-             media <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>img</a></span><span class='op'>(</span>src <span class='op'>=</span> <span class='st'>"https://cdn.framework7.io/placeholder/fashion-88x88-3.jpg"</span><span class='op'>)</span>
-           <span class='op'>)</span>
-         <span class='op'>}</span><span class='op'>)</span>
-       <span class='op'>)</span>
-     <span class='op'>)</span>
-   <span class='op'>)</span>,
-   server <span class='op'>=</span> <span class='kw'>function</span><span class='op'>(</span><span class='va'>input</span>, <span class='va'>output</span>, <span class='va'>session</span><span class='op'>)</span> <span class='op'>{</span>
-
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>itemIndexUI</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderUI.html'>renderUI</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/req.html'>req</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>vlist</span><span class='op'>$</span><span class='va'>length</span> <span class='op'>&gt;</span> <span class='fl'>2</span><span class='op'>)</span>
-       <span class='fu'><a href='f7Stepper.html'>f7Stepper</a></span><span class='op'>(</span>
-         inputId <span class='op'>=</span> <span class='st'>"itemIndex"</span>,
-         label <span class='op'>=</span> <span class='st'>"Index"</span>,
-         min <span class='op'>=</span> <span class='fl'>1</span>,
-         value <span class='op'>=</span> <span class='fl'>2</span>,
-         max <span class='op'>=</span> <span class='va'>input</span><span class='op'>$</span><span class='va'>vlist</span><span class='op'>$</span><span class='va'>length</span>
-       <span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>itemNewIndexUI</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderUI.html'>renderUI</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/req.html'>req</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>vlist</span><span class='op'>$</span><span class='va'>length</span> <span class='op'>&gt;</span> <span class='fl'>2</span><span class='op'>)</span>
-       <span class='fu'><a href='f7Stepper.html'>f7Stepper</a></span><span class='op'>(</span>
-         inputId <span class='op'>=</span> <span class='st'>"itemNewIndex"</span>,
-         label <span class='op'>=</span> <span class='st'>"New Index"</span>,
-         min <span class='op'>=</span> <span class='fl'>1</span>,
-         value <span class='op'>=</span> <span class='fl'>1</span>,
-         max <span class='op'>=</span> <span class='va'>input</span><span class='op'>$</span><span class='va'>vlist</span><span class='op'>$</span><span class='va'>length</span>
-       <span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='va'>output</span><span class='op'>$</span><span class='va'>itemsFilterUI</span> <span class='op'>&lt;-</span> <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/renderUI.html'>renderUI</a></span><span class='op'>(</span><span class='op'>{</span>
-       <span class='va'>input</span><span class='op'>$</span><span class='va'>appendItem</span>
-       <span class='va'>input</span><span class='op'>$</span><span class='va'>prependItems</span>
-       <span class='va'>input</span><span class='op'>$</span><span class='va'>insertBefore</span>
-       <span class='va'>input</span><span class='op'>$</span><span class='va'>replaceItem</span>
-       <span class='va'>input</span><span class='op'>$</span><span class='va'>deleteAllItems</span>
-       <span class='va'>input</span><span class='op'>$</span><span class='va'>moveItem</span>
-       <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/isolate.html'>isolate</a></span><span class='op'>(</span><span class='op'>{</span>
-         <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/req.html'>req</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>vlist</span><span class='op'>$</span><span class='va'>length</span> <span class='op'>&gt;</span> <span class='fl'>2</span><span class='op'>)</span>
-         <span class='fu'><a href='f7Slider.html'>f7Slider</a></span><span class='op'>(</span>
-           inputId <span class='op'>=</span> <span class='st'>"itemsFilter"</span>,
-           label <span class='op'>=</span> <span class='st'>"Items to Filter"</span>,
-           min <span class='op'>=</span> <span class='fl'>1</span>,
-           max <span class='op'>=</span> <span class='va'>input</span><span class='op'>$</span><span class='va'>vlist</span><span class='op'>$</span><span class='va'>length</span>,
-           value <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='fl'>1</span>, <span class='va'>input</span><span class='op'>$</span><span class='va'>vlist</span><span class='op'>$</span><span class='va'>length</span><span class='op'>)</span>
-         <span class='op'>)</span>
-       <span class='op'>}</span><span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observe.html'>observe</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>vlist</span><span class='op'>)</span><span class='op'>)</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>appendItem</span>, <span class='op'>{</span>
-       <span class='fu'>updateF7VirtualList</span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"vlist"</span>,
-         action <span class='op'>=</span> <span class='st'>"appendItem"</span>,
-         item <span class='op'>=</span> <span class='fu'><a href='f7VirtualList.html'>f7VirtualListItem</a></span><span class='op'>(</span>
-           title <span class='op'>=</span> <span class='st'>"New Item Title"</span>,
-           right <span class='op'>=</span> <span class='st'>"New Item Right"</span>,
-           content <span class='op'>=</span> <span class='st'>"New Item Content"</span>,
-           media <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>img</a></span><span class='op'>(</span>src <span class='op'>=</span> <span class='st'>"https://cdn.framework7.io/placeholder/fashion-88x88-1.jpg"</span><span class='op'>)</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>prependItems</span>, <span class='op'>{</span>
-       <span class='fu'>updateF7VirtualList</span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"vlist"</span>,
-         action <span class='op'>=</span> <span class='st'>"prependItems"</span>,
-         items <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/lapply.html'>lapply</a></span><span class='op'>(</span><span class='fl'>1</span><span class='op'>:</span><span class='fl'>5</span>, <span class='kw'>function</span><span class='op'>(</span><span class='va'>i</span><span class='op'>)</span> <span class='op'>{</span>
-           <span class='fu'><a href='f7VirtualList.html'>f7VirtualListItem</a></span><span class='op'>(</span>
-             title <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Title"</span>, <span class='va'>i</span><span class='op'>)</span>,
-             right <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/paste.html'>paste</a></span><span class='op'>(</span><span class='st'>"Right"</span>, <span class='va'>i</span><span class='op'>)</span>,
-             content <span class='op'>=</span> <span class='va'>i</span>,
-             media <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>img</a></span><span class='op'>(</span>src <span class='op'>=</span> <span class='st'>"https://cdn.framework7.io/placeholder/fashion-88x88-1.jpg"</span><span class='op'>)</span>
-           <span class='op'>)</span>
-         <span class='op'>}</span><span class='op'>)</span>
-       <span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>insertBefore</span>, <span class='op'>{</span>
-       <span class='fu'>updateF7VirtualList</span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"vlist"</span>,
-         action <span class='op'>=</span> <span class='st'>"insertItemBefore"</span>,
-         index <span class='op'>=</span> <span class='va'>input</span><span class='op'>$</span><span class='va'>itemIndex</span>,
-         item <span class='op'>=</span> <span class='fu'><a href='f7VirtualList.html'>f7VirtualListItem</a></span><span class='op'>(</span>
-           title <span class='op'>=</span> <span class='st'>"New Item Title"</span>,
-           content <span class='op'>=</span> <span class='st'>"New Item Content"</span>,
-           media <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>img</a></span><span class='op'>(</span>src <span class='op'>=</span> <span class='st'>"https://cdn.framework7.io/placeholder/fashion-88x88-1.jpg"</span><span class='op'>)</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>replaceItem</span>, <span class='op'>{</span>
-       <span class='fu'>updateF7VirtualList</span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"vlist"</span>,
-         action <span class='op'>=</span> <span class='st'>"replaceItem"</span>,
-         index <span class='op'>=</span> <span class='va'>input</span><span class='op'>$</span><span class='va'>itemIndex</span>,
-         item <span class='op'>=</span> <span class='fu'><a href='f7VirtualList.html'>f7VirtualListItem</a></span><span class='op'>(</span>
-           title <span class='op'>=</span> <span class='st'>"Replacement"</span>,
-           content <span class='op'>=</span> <span class='st'>"Replacement Content"</span>,
-           media <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/pkg/htmltools/man/builder.html'>img</a></span><span class='op'>(</span>src <span class='op'>=</span> <span class='st'>"https://cdn.framework7.io/placeholder/fashion-88x88-1.jpg"</span><span class='op'>)</span>
-         <span class='op'>)</span>
-       <span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>deleteAllItems</span>, <span class='op'>{</span>
-       <span class='fu'>updateF7VirtualList</span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"vlist"</span>,
-         action <span class='op'>=</span> <span class='st'>"deleteAllItems"</span>
-       <span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>moveItem</span>, <span class='op'>{</span>
-       <span class='fu'>updateF7VirtualList</span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"vlist"</span>,
-         action <span class='op'>=</span> <span class='st'>"moveItem"</span>,
-         oldIndex <span class='op'>=</span> <span class='va'>input</span><span class='op'>$</span><span class='va'>itemIndex</span>,
-         newIndex <span class='op'>=</span> <span class='va'>input</span><span class='op'>$</span><span class='va'>itemNewIndex</span>
-       <span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-     <span class='fu'><a href='https://rdrr.io/pkg/shiny/man/observeEvent.html'>observeEvent</a></span><span class='op'>(</span><span class='va'>input</span><span class='op'>$</span><span class='va'>filterItems</span>, <span class='op'>{</span>
-       <span class='fu'>updateF7VirtualList</span><span class='op'>(</span>
-         id <span class='op'>=</span> <span class='st'>"vlist"</span>,
-         action <span class='op'>=</span> <span class='st'>"filterItems"</span>,
-         indexes <span class='op'>=</span> <span class='va'>input</span><span class='op'>$</span><span class='va'>itemsFilter</span><span class='op'>[</span><span class='fl'>1</span><span class='op'>]</span><span class='op'>:</span><span class='va'>input</span><span class='op'>$</span><span class='va'>itemsFilter</span><span class='op'>[</span><span class='fl'>2</span><span class='op'>]</span>
-       <span class='op'>)</span>
-     <span class='op'>}</span><span class='op'>)</span>
-
-   <span class='op'>}</span>
- <span class='op'>)</span>
-<span class='op'>}</span>
-</div></pre>
-  </div>
-  <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
-    <nav id="toc" data-toggle="toc" class="sticky-top">
-      <h2 data-toc-skip>Contents</h2>
-    </nav>
-  </div>
-</div>
+    <div class="section level2">
+    <h2 id="ref-usage">Usage<a class="anchor" aria-label="anchor" href="#ref-usage"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span><span class="fu">updateF7VirtualList</span><span class="op">(</span></span>
+<span>  <span class="va">id</span>,</span>
+<span>  action <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"appendItem"</span>, <span class="st">"appendItems"</span>, <span class="st">"prependItem"</span>, <span class="st">"prependItems"</span>, <span class="st">"replaceItem"</span>,</span>
+<span>    <span class="st">"replaceAllItems"</span>, <span class="st">"moveItem"</span>, <span class="st">"insertItemBefore"</span>, <span class="st">"filterItems"</span>, <span class="st">"deleteItem"</span>,</span>
+<span>    <span class="st">"deleteAllItems"</span>, <span class="st">"scrollToItem"</span><span class="op">)</span>,</span>
+<span>  item <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  items <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  index <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  indexes <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  oldIndex <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  newIndex <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  session <span class="op">=</span> <span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/domains.html" class="external-link">getDefaultReactiveDomain</a></span><span class="op">(</span><span class="op">)</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+    </div>
+
+    <div class="section level2">
+    <h2 id="arguments">Arguments<a class="anchor" aria-label="anchor" href="#arguments"></a></h2>
+    <dl><dt>id</dt>
+<dd><p><a href="virtuallist.html">f7VirtualList</a> to update.</p></dd>
+
+
+<dt>action</dt>
+<dd><p>Action to perform. See <a href="https://framework7.io/docs/virtual-list.html" class="external-link">https://framework7.io/docs/virtual-list.html</a>.</p></dd>
+
+
+<dt>item</dt>
+<dd><p>If action is one of appendItem, prependItem, replaceItem, insertItemBefore.</p></dd>
+
+
+<dt>items</dt>
+<dd><p>If action is one of appendItems, prependItems, replaceAllItems.</p></dd>
+
+
+<dt>index</dt>
+<dd><p>If action is one of replaceItem, insertItemBefore, deleteItem.</p></dd>
+
+
+<dt>indexes</dt>
+<dd><p>If action if one of filterItems, deleteItems.</p></dd>
+
+
+<dt>oldIndex</dt>
+<dd><p>If action is moveItem.</p></dd>
+
+
+<dt>newIndex</dt>
+<dd><p>If action is moveItem.</p></dd>
+
+
+<dt>session</dt>
+<dd><p>Shiny session.</p></dd>
+
+</dl></div>
+
+    <div class="section level2">
+    <h2 id="ref-examples">Examples<a class="anchor" aria-label="anchor" href="#ref-examples"></a></h2>
+    <div class="sourceCode"><pre class="sourceCode r"><code><span class="r-in"><span><span class="kw">if</span> <span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/interactive.html" class="external-link">interactive</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span></span>
+<span class="r-in"><span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>   ui <span class="op">=</span> <span class="fu"><a href="f7Page.html">f7Page</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>     title <span class="op">=</span> <span class="st">"Update virtual list"</span>,</span></span>
+<span class="r-in"><span>     <span class="fu"><a href="f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>       navbar <span class="op">=</span> <span class="fu"><a href="navbar.html">f7Navbar</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         title <span class="op">=</span> <span class="st">"Virtual Lists"</span>,</span></span>
+<span class="r-in"><span>         hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span></span>
+<span class="r-in"><span>         shadow <span class="op">=</span> <span class="cn">TRUE</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="co"># main content</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Segment.html">f7Segment</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         container <span class="op">=</span> <span class="st">"segment"</span>,</span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>         <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"appendItem"</span>, <span class="st">"Append Item"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"prependItems"</span>, <span class="st">"Prepend Items"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"insertBefore"</span>, <span class="st">"Insert before"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"replaceItem"</span>, <span class="st">"Replace Item"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Segment.html">f7Segment</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         container <span class="op">=</span> <span class="st">"segment"</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"deleteAllItems"</span>, <span class="st">"Remove All"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"moveItem"</span>, <span class="st">"Move Item"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="button.html">f7Button</a></span><span class="op">(</span>inputId <span class="op">=</span> <span class="st">"filterItems"</span>, <span class="st">"Filter Items"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="f7Flex.html">f7Flex</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html" class="external-link">uiOutput</a></span><span class="op">(</span><span class="st">"itemIndexUI"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html" class="external-link">uiOutput</a></span><span class="op">(</span><span class="st">"itemNewIndexUI"</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>         <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html" class="external-link">uiOutput</a></span><span class="op">(</span><span class="st">"itemsFilterUI"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span>,</span></span>
+<span class="r-in"><span>       <span class="fu"><a href="virtuallist.html">f7VirtualList</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"vlist"</span>,</span></span>
+<span class="r-in"><span>         items <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">5</span>, <span class="kw">function</span><span class="op">(</span><span class="va">i</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>           <span class="fu"><a href="virtuallist.html">f7VirtualListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Title"</span>, <span class="va">i</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>             subtitle <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Subtitle"</span>, <span class="va">i</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>             header <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Header"</span>, <span class="va">i</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>             footer <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Footer"</span>, <span class="va">i</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>             right <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Right"</span>, <span class="va">i</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>             content <span class="op">=</span> <span class="va">i</span>,</span></span>
+<span class="r-in"><span>             media <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">img</a></span><span class="op">(</span>src <span class="op">=</span> <span class="st">"https://cdn.framework7.io/placeholder/fashion-88x88-3.jpg"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">)</span></span></span>
+<span class="r-in"><span>   <span class="op">)</span>,</span></span>
+<span class="r-in"><span>   server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">itemIndexUI</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html" class="external-link">renderUI</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/req.html" class="external-link">req</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">vlist</span><span class="op">$</span><span class="va">length</span> <span class="op">&gt;</span> <span class="fl">2</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="stepper.html">f7Stepper</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         inputId <span class="op">=</span> <span class="st">"itemIndex"</span>,</span></span>
+<span class="r-in"><span>         label <span class="op">=</span> <span class="st">"Index"</span>,</span></span>
+<span class="r-in"><span>         min <span class="op">=</span> <span class="fl">1</span>,</span></span>
+<span class="r-in"><span>         value <span class="op">=</span> <span class="fl">2</span>,</span></span>
+<span class="r-in"><span>         max <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">vlist</span><span class="op">$</span><span class="va">length</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">itemNewIndexUI</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html" class="external-link">renderUI</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/req.html" class="external-link">req</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">vlist</span><span class="op">$</span><span class="va">length</span> <span class="op">&gt;</span> <span class="fl">2</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="stepper.html">f7Stepper</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>         inputId <span class="op">=</span> <span class="st">"itemNewIndex"</span>,</span></span>
+<span class="r-in"><span>         label <span class="op">=</span> <span class="st">"New Index"</span>,</span></span>
+<span class="r-in"><span>         min <span class="op">=</span> <span class="fl">1</span>,</span></span>
+<span class="r-in"><span>         value <span class="op">=</span> <span class="fl">1</span>,</span></span>
+<span class="r-in"><span>         max <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">vlist</span><span class="op">$</span><span class="va">length</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="va">output</span><span class="op">$</span><span class="va">itemsFilterUI</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html" class="external-link">renderUI</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="va">input</span><span class="op">$</span><span class="va">appendItem</span></span></span>
+<span class="r-in"><span>       <span class="va">input</span><span class="op">$</span><span class="va">prependItems</span></span></span>
+<span class="r-in"><span>       <span class="va">input</span><span class="op">$</span><span class="va">insertBefore</span></span></span>
+<span class="r-in"><span>       <span class="va">input</span><span class="op">$</span><span class="va">replaceItem</span></span></span>
+<span class="r-in"><span>       <span class="va">input</span><span class="op">$</span><span class="va">deleteAllItems</span></span></span>
+<span class="r-in"><span>       <span class="va">input</span><span class="op">$</span><span class="va">moveItem</span></span></span>
+<span class="r-in"><span>       <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/isolate.html" class="external-link">isolate</a></span><span class="op">(</span><span class="op">{</span></span></span>
+<span class="r-in"><span>         <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/req.html" class="external-link">req</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">vlist</span><span class="op">$</span><span class="va">length</span> <span class="op">&gt;</span> <span class="fl">2</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="fu"><a href="slider.html">f7Slider</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           inputId <span class="op">=</span> <span class="st">"itemsFilter"</span>,</span></span>
+<span class="r-in"><span>           label <span class="op">=</span> <span class="st">"Items to Filter"</span>,</span></span>
+<span class="r-in"><span>           min <span class="op">=</span> <span class="fl">1</span>,</span></span>
+<span class="r-in"><span>           max <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">vlist</span><span class="op">$</span><span class="va">length</span>,</span></span>
+<span class="r-in"><span>           value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">1</span>, <span class="va">input</span><span class="op">$</span><span class="va">vlist</span><span class="op">$</span><span class="va">length</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observe.html" class="external-link">observe</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/print.html" class="external-link">print</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">vlist</span><span class="op">)</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">appendItem</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu">updateF7VirtualList</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"vlist"</span>,</span></span>
+<span class="r-in"><span>         action <span class="op">=</span> <span class="st">"appendItem"</span>,</span></span>
+<span class="r-in"><span>         item <span class="op">=</span> <span class="fu"><a href="virtuallist.html">f7VirtualListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           title <span class="op">=</span> <span class="st">"New Item Title"</span>,</span></span>
+<span class="r-in"><span>           right <span class="op">=</span> <span class="st">"New Item Right"</span>,</span></span>
+<span class="r-in"><span>           content <span class="op">=</span> <span class="st">"New Item Content"</span>,</span></span>
+<span class="r-in"><span>           media <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">img</a></span><span class="op">(</span>src <span class="op">=</span> <span class="st">"https://cdn.framework7.io/placeholder/fashion-88x88-1.jpg"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">prependItems</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu">updateF7VirtualList</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"vlist"</span>,</span></span>
+<span class="r-in"><span>         action <span class="op">=</span> <span class="st">"prependItems"</span>,</span></span>
+<span class="r-in"><span>         items <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/lapply.html" class="external-link">lapply</a></span><span class="op">(</span><span class="fl">1</span><span class="op">:</span><span class="fl">5</span>, <span class="kw">function</span><span class="op">(</span><span class="va">i</span><span class="op">)</span> <span class="op">{</span></span></span>
+<span class="r-in"><span>           <span class="fu"><a href="virtuallist.html">f7VirtualListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>             title <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Title"</span>, <span class="va">i</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>             right <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste</a></span><span class="op">(</span><span class="st">"Right"</span>, <span class="va">i</span><span class="op">)</span>,</span></span>
+<span class="r-in"><span>             content <span class="op">=</span> <span class="va">i</span>,</span></span>
+<span class="r-in"><span>             media <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">img</a></span><span class="op">(</span>src <span class="op">=</span> <span class="st">"https://cdn.framework7.io/placeholder/fashion-88x88-1.jpg"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>           <span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">insertBefore</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu">updateF7VirtualList</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"vlist"</span>,</span></span>
+<span class="r-in"><span>         action <span class="op">=</span> <span class="st">"insertItemBefore"</span>,</span></span>
+<span class="r-in"><span>         index <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">itemIndex</span>,</span></span>
+<span class="r-in"><span>         item <span class="op">=</span> <span class="fu"><a href="virtuallist.html">f7VirtualListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           title <span class="op">=</span> <span class="st">"New Item Title"</span>,</span></span>
+<span class="r-in"><span>           content <span class="op">=</span> <span class="st">"New Item Content"</span>,</span></span>
+<span class="r-in"><span>           media <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">img</a></span><span class="op">(</span>src <span class="op">=</span> <span class="st">"https://cdn.framework7.io/placeholder/fashion-88x88-1.jpg"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">replaceItem</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu">updateF7VirtualList</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"vlist"</span>,</span></span>
+<span class="r-in"><span>         action <span class="op">=</span> <span class="st">"replaceItem"</span>,</span></span>
+<span class="r-in"><span>         index <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">itemIndex</span>,</span></span>
+<span class="r-in"><span>         item <span class="op">=</span> <span class="fu"><a href="virtuallist.html">f7VirtualListItem</a></span><span class="op">(</span></span></span>
+<span class="r-in"><span>           title <span class="op">=</span> <span class="st">"Replacement"</span>,</span></span>
+<span class="r-in"><span>           content <span class="op">=</span> <span class="st">"Replacement Content"</span>,</span></span>
+<span class="r-in"><span>           media <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">img</a></span><span class="op">(</span>src <span class="op">=</span> <span class="st">"https://cdn.framework7.io/placeholder/fashion-88x88-1.jpg"</span><span class="op">)</span></span></span>
+<span class="r-in"><span>         <span class="op">)</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">deleteAllItems</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu">updateF7VirtualList</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"vlist"</span>,</span></span>
+<span class="r-in"><span>         action <span class="op">=</span> <span class="st">"deleteAllItems"</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">moveItem</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu">updateF7VirtualList</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"vlist"</span>,</span></span>
+<span class="r-in"><span>         action <span class="op">=</span> <span class="st">"moveItem"</span>,</span></span>
+<span class="r-in"><span>         oldIndex <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">itemIndex</span>,</span></span>
+<span class="r-in"><span>         newIndex <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">itemNewIndex</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>     <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">filterItems</span>, <span class="op">{</span></span></span>
+<span class="r-in"><span>       <span class="fu">updateF7VirtualList</span><span class="op">(</span></span></span>
+<span class="r-in"><span>         id <span class="op">=</span> <span class="st">"vlist"</span>,</span></span>
+<span class="r-in"><span>         action <span class="op">=</span> <span class="st">"filterItems"</span>,</span></span>
+<span class="r-in"><span>         indexes <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">itemsFilter</span><span class="op">[</span><span class="fl">1</span><span class="op">]</span><span class="op">:</span><span class="va">input</span><span class="op">$</span><span class="va">itemsFilter</span><span class="op">[</span><span class="fl">2</span><span class="op">]</span></span></span>
+<span class="r-in"><span>       <span class="op">)</span></span></span>
+<span class="r-in"><span>     <span class="op">}</span><span class="op">)</span></span></span>
+<span class="r-in"><span></span></span>
+<span class="r-in"><span>   <span class="op">}</span></span></span>
+<span class="r-in"><span> <span class="op">)</span></span></span>
+<span class="r-in"><span><span class="op">}</span></span></span>
+</code></pre></div>
+    </div>
+  </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
+    </nav></aside></div>
 
 
-      <footer>
-      <div class="copyright">
-  <p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
+    <footer><div class="pkgdown-footer-left">
+  <p></p><p>Developed by David Granjon, Victor Perrier, Isabelle Rudolf.</p>
 </div>
 
-<div class="pkgdown">
-  <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
+<div class="pkgdown-footer-right">
+  <p></p><p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.0.7.</p>
 </div>
 
-      </footer>
-   </div>
+    </footer></div>
 
   
 
+  
 
-  </body>
-</html>
-
+  </body></html>
 
diff --git a/man/create_app_link.Rd b/man/create_app_link.Rd
new file mode 100644
index 00000000..26e663bf
--- /dev/null
+++ b/man/create_app_link.Rd
@@ -0,0 +1,21 @@
+% Generated by roxygen2: do not edit by hand
+% Please edit documentation in R/utils.R
+\name{create_app_link}
+\alias{create_app_link}
+\title{Create shinylive iframe}
+\usage{
+create_app_link(app_code, mode = c("app", "editor"), header = TRUE)
+}
+\arguments{
+\item{app_code}{base64 app code. You can create it from https://shinylive.io/r
+by writing code and click on share and copy the link. The code is located at
+the end of the url.}
+
+\item{mode}{How to display the shinylive app. Default to app mode.}
+
+\item{header}{Whether to display the shinylive header. Default to TRUE.}
+}
+\description{
+Create shinylive iframe
+}
+\keyword{internal}
diff --git a/pkgdown/extra.css b/pkgdown/extra.css
index 467d386c..88b94ad7 100644
--- a/pkgdown/extra.css
+++ b/pkgdown/extra.css
@@ -1 +1,25 @@
 .marvel-device{display:inline-block;position:relative;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}.marvel-device .screen{width:100%;position:relative;height:100%;z-index:3;background:white;overflow:hidden;display:block;border-radius:1px;-webkit-box-shadow:0 0 0 3px #111;box-shadow:0 0 0 3px #111}.marvel-device .top-bar,.marvel-device .bottom-bar{height:3px;background:black;width:100%;display:block}.marvel-device .middle-bar{width:3px;height:4px;top:0px;left:90px;background:black;position:absolute}.marvel-device.iphone8{width:375px;height:667px;padding:105px 24px;background:#d9dbdc;border-radius:56px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.2);box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.2)}.marvel-device.iphone8:before{width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;content:'';left:6px;border-radius:50px;background:#f8f8f8;z-index:1}.marvel-device.iphone8:after{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;content:'';left:8px;border-radius:48px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;z-index:2}.marvel-device.iphone8 .home{border-radius:100%;width:68px;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:22px;z-index:3;background:#303233;background:linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%)}.marvel-device.iphone8 .home:before{background:#f8f8f8;position:absolute;content:'';border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px}.marvel-device.iphone8 .top-bar{height:14px;background:#bfbfc0;position:absolute;top:68px;left:0}.marvel-device.iphone8 .bottom-bar{height:14px;background:#bfbfc0;position:absolute;bottom:68px;left:0}.marvel-device.iphone8 .sleep{position:absolute;top:190px;right:-4px;width:4px;height:66px;border-radius:0px 2px 2px 0px;background:#d9dbdc}.marvel-device.iphone8 .volume{position:absolute;left:-4px;top:188px;z-index:0;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:#d9dbdc}.marvel-device.iphone8 .volume:before{position:absolute;left:2px;top:-78px;height:40px;width:2px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone8 .volume:after{position:absolute;left:0px;top:82px;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone8 .camera{background:#3c3d3d;width:12px;height:12px;position:absolute;top:24px;left:50%;margin-left:-6px;border-radius:100%;z-index:3}.marvel-device.iphone8 .sensor{background:#3c3d3d;width:16px;height:16px;position:absolute;top:49px;left:134px;z-index:3;border-radius:100%}.marvel-device.iphone8 .speaker{background:#292728;width:70px;height:6px;position:absolute;top:54px;left:50%;margin-left:-35px;border-radius:6px;z-index:3}.marvel-device.iphone8.gold{background:#f9e7d3}.marvel-device.iphone8.gold .top-bar,.marvel-device.iphone8.gold .bottom-bar{background:white}.marvel-device.iphone8.gold .sleep,.marvel-device.iphone8.gold .volume{background:#f9e7d3}.marvel-device.iphone8.gold .home{background:#cebba9;background:linear-gradient(135deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%)}.marvel-device.iphone8.black{background:#464646;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.7);box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.7)}.marvel-device.iphone8.black:before{background:#080808}.marvel-device.iphone8.black:after{-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121;box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121}.marvel-device.iphone8.black .top-bar,.marvel-device.iphone8.black .bottom-bar{background:#212121}.marvel-device.iphone8.black .volume,.marvel-device.iphone8.black .sleep{background:#464646}.marvel-device.iphone8.black .camera{background:#080808}.marvel-device.iphone8.black .home{background:#080808;background:linear-gradient(135deg, #080808 0%, #464646 50%, #080808 100%)}.marvel-device.iphone8.black .home:before{background:#080808}.marvel-device.iphone8.landscape{padding:24px 105px;height:375px;width:667px}.marvel-device.iphone8.landscape .sleep{top:100%;border-radius:0px 0px 2px 2px;right:190px;height:4px;width:66px}.marvel-device.iphone8.landscape .volume{width:66px;height:4px;top:-4px;left:calc(100% - 188px - 66px);border-radius:2px 2px 0px 0px}.marvel-device.iphone8.landscape .volume:before{width:40px;height:2px;top:2px;right:-78px;left:auto;border-radius:2px 2px 0px 0px}.marvel-device.iphone8.landscape .volume:after{left:-82px;width:66px;height:4px;top:0;border-radius:2px 2px 0px 0px}.marvel-device.iphone8.landscape .top-bar{width:14px;height:100%;left:calc(100% - 68px -  14px);top:0}.marvel-device.iphone8.landscape .bottom-bar{width:14px;height:100%;left:68px;top:0}.marvel-device.iphone8.landscape .home{top:50%;margin-top:-34px;margin-left:0;left:22px}.marvel-device.iphone8.landscape .sensor{top:134px;left:calc(100% - 49px - 16px)}.marvel-device.iphone8.landscape .speaker{height:70px;width:6px;left:calc(100% - 54px - 6px);top:50%;margin-left:0px;margin-top:-35px}.marvel-device.iphone8.landscape .camera{left:calc(100% - 32px);top:50%;margin-left:0px;margin-top:-5px}.marvel-device.iphone8plus{width:414px;height:736px;padding:112px 26px;background:#d9dbdc;border-radius:56px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.2);box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.2)}.marvel-device.iphone8plus:before{width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;content:'';left:6px;border-radius:50px;background:#f8f8f8;z-index:1}.marvel-device.iphone8plus:after{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;content:'';left:8px;border-radius:48px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #fff;z-index:2}.marvel-device.iphone8plus .home{border-radius:100%;width:68px;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:24px;z-index:3;background:#303233;background:linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%)}.marvel-device.iphone8plus .home:before{background:#f8f8f8;position:absolute;content:'';border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px}.marvel-device.iphone8plus .top-bar{height:14px;background:#bfbfc0;position:absolute;top:68px;left:0}.marvel-device.iphone8plus .bottom-bar{height:14px;background:#bfbfc0;position:absolute;bottom:68px;left:0}.marvel-device.iphone8plus .sleep{position:absolute;top:190px;right:-4px;width:4px;height:66px;border-radius:0px 2px 2px 0px;background:#d9dbdc}.marvel-device.iphone8plus .volume{position:absolute;left:-4px;top:188px;z-index:0;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:#d9dbdc}.marvel-device.iphone8plus .volume:before{position:absolute;left:2px;top:-78px;height:40px;width:2px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone8plus .volume:after{position:absolute;left:0px;top:82px;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone8plus .camera{background:#3c3d3d;width:12px;height:12px;position:absolute;top:29px;left:50%;margin-left:-6px;border-radius:100%;z-index:3}.marvel-device.iphone8plus .sensor{background:#3c3d3d;width:16px;height:16px;position:absolute;top:54px;left:154px;z-index:3;border-radius:100%}.marvel-device.iphone8plus .speaker{background:#292728;width:70px;height:6px;position:absolute;top:59px;left:50%;margin-left:-35px;border-radius:6px;z-index:3}.marvel-device.iphone8plus.gold{background:#f9e7d3}.marvel-device.iphone8plus.gold .top-bar,.marvel-device.iphone8plus.gold .bottom-bar{background:white}.marvel-device.iphone8plus.gold .sleep,.marvel-device.iphone8plus.gold .volume{background:#f9e7d3}.marvel-device.iphone8plus.gold .home{background:#cebba9;background:linear-gradient(135deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%)}.marvel-device.iphone8plus.black{background:#464646;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.7);box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.7)}.marvel-device.iphone8plus.black:before{background:#080808}.marvel-device.iphone8plus.black:after{-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121;box-shadow:inset 0 0 3px 0 rgba(0,0,0,0.1),inset 0 0 6px 3px #212121}.marvel-device.iphone8plus.black .top-bar,.marvel-device.iphone8plus.black .bottom-bar{background:#212121}.marvel-device.iphone8plus.black .volume,.marvel-device.iphone8plus.black .sleep{background:#464646}.marvel-device.iphone8plus.black .camera{background:#080808}.marvel-device.iphone8plus.black .home{background:#080808;background:linear-gradient(135deg, #080808 0%, #464646 50%, #080808 100%)}.marvel-device.iphone8plus.black .home:before{background:#080808}.marvel-device.iphone8plus.landscape{padding:26px 112px;height:414px;width:736px}.marvel-device.iphone8plus.landscape .sleep{top:100%;border-radius:0px 0px 2px 2px;right:190px;height:4px;width:66px}.marvel-device.iphone8plus.landscape .volume{width:66px;height:4px;top:-4px;left:calc(100% - 188px - 66px);border-radius:2px 2px 0px 0px}.marvel-device.iphone8plus.landscape .volume:before{width:40px;height:2px;top:2px;right:-78px;left:auto;border-radius:2px 2px 0px 0px}.marvel-device.iphone8plus.landscape .volume:after{left:-82px;width:66px;height:4px;top:0;border-radius:2px 2px 0px 0px}.marvel-device.iphone8plus.landscape .top-bar{width:14px;height:100%;left:calc(100% - 68px -  14px);top:0}.marvel-device.iphone8plus.landscape .bottom-bar{width:14px;height:100%;left:68px;top:0}.marvel-device.iphone8plus.landscape .home{top:50%;margin-top:-34px;margin-left:0;left:24px}.marvel-device.iphone8plus.landscape .sensor{top:154px;left:calc(100% - 54px - 16px)}.marvel-device.iphone8plus.landscape .speaker{height:70px;width:6px;left:calc(100% - 59px - 6px);top:50%;margin-left:0px;margin-top:-35px}.marvel-device.iphone8plus.landscape .camera{left:calc(100% - 29px);top:50%;margin-left:0px;margin-top:-5px}.marvel-device.iphone5s,.marvel-device.iphone5c{padding:105px 22px;background:#2c2b2c;width:320px;height:568px;border-radius:50px}.marvel-device.iphone5s:before,.marvel-device.iphone5c:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;content:'';left:4px;border-radius:46px;background:#1e1e1e;z-index:1}.marvel-device.iphone5s .sleep,.marvel-device.iphone5c .sleep{position:absolute;top:-4px;right:60px;width:60px;height:4px;border-radius:2px 2px 0px 0px;background:#282727}.marvel-device.iphone5s .volume,.marvel-device.iphone5c .volume{position:absolute;left:-4px;top:180px;z-index:0;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:#282727}.marvel-device.iphone5s .volume:before,.marvel-device.iphone5c .volume:before{position:absolute;left:0px;top:-75px;height:35px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone5s .volume:after,.marvel-device.iphone5c .volume:after{position:absolute;left:0px;bottom:-64px;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone5s .camera,.marvel-device.iphone5c .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:32px;left:50%;margin-left:-5px;border-radius:5px;z-index:3}.marvel-device.iphone5s .sensor,.marvel-device.iphone5c .sensor{background:#3c3d3d;width:10px;height:10px;position:absolute;top:60px;left:160px;z-index:3;margin-left:-32px;border-radius:5px}.marvel-device.iphone5s .speaker,.marvel-device.iphone5c .speaker{background:#292728;width:64px;height:10px;position:absolute;top:60px;left:50%;margin-left:-32px;border-radius:5px;z-index:3}.marvel-device.iphone5s.landscape,.marvel-device.iphone5c.landscape{padding:22px 105px;height:320px;width:568px}.marvel-device.iphone5s.landscape .sleep,.marvel-device.iphone5c.landscape .sleep{right:-4px;top:calc(100% - 120px);height:60px;width:4px;border-radius:0px 2px 2px 0px}.marvel-device.iphone5s.landscape .volume,.marvel-device.iphone5c.landscape .volume{width:27px;height:4px;top:-4px;left:calc(100% - 180px);border-radius:2px 2px 0px 0px}.marvel-device.iphone5s.landscape .volume:before,.marvel-device.iphone5c.landscape .volume:before{width:35px;height:4px;top:0px;right:-75px;left:auto;border-radius:2px 2px 0px 0px}.marvel-device.iphone5s.landscape .volume:after,.marvel-device.iphone5c.landscape .volume:after{bottom:0px;left:-64px;z-index:999;height:4px;width:27px;border-radius:2px 2px 0px 0px}.marvel-device.iphone5s.landscape .sensor,.marvel-device.iphone5c.landscape .sensor{top:160px;left:calc(100% - 60px);margin-left:0px;margin-top:-32px}.marvel-device.iphone5s.landscape .speaker,.marvel-device.iphone5c.landscape .speaker{height:64px;width:10px;left:calc(100% - 60px);top:50%;margin-left:0px;margin-top:-32px}.marvel-device.iphone5s.landscape .camera,.marvel-device.iphone5c.landscape .camera{left:calc(100% - 32px);top:50%;margin-left:0px;margin-top:-5px}.marvel-device.iphone5s .home{border-radius:36px;width:68px;-webkit-box-shadow:inset 0 0 0 4px #2c2b2c;box-shadow:inset 0 0 0 4px #2c2b2c;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:19px;z-index:3}.marvel-device.iphone5s .top-bar{top:70px;position:absolute;left:0}.marvel-device.iphone5s .bottom-bar{bottom:70px;position:absolute;left:0}.marvel-device.iphone5s.landscape .home{left:19px;bottom:50%;margin-bottom:-34px;margin-left:0px}.marvel-device.iphone5s.landscape .top-bar{left:70px;top:0px;width:3px;height:100%}.marvel-device.iphone5s.landscape .bottom-bar{right:70px;left:auto;bottom:0px;width:3px;height:100%}.marvel-device.iphone5s.silver{background:#bcbcbc}.marvel-device.iphone5s.silver:before{background:#fcfcfc}.marvel-device.iphone5s.silver .volume,.marvel-device.iphone5s.silver .sleep{background:#d6d6d6}.marvel-device.iphone5s.silver .top-bar,.marvel-device.iphone5s.silver .bottom-bar{background:#eaebec}.marvel-device.iphone5s.silver .home{-webkit-box-shadow:inset 0 0 0 4px #bcbcbc;box-shadow:inset 0 0 0 4px #bcbcbc}.marvel-device.iphone5s.gold{background:#f9e7d3}.marvel-device.iphone5s.gold:before{background:#fcfcfc}.marvel-device.iphone5s.gold .volume,.marvel-device.iphone5s.gold .sleep{background:#f9e7d3}.marvel-device.iphone5s.gold .top-bar,.marvel-device.iphone5s.gold .bottom-bar{background:white}.marvel-device.iphone5s.gold .home{-webkit-box-shadow:inset 0 0 0 4px #f9e7d3;box-shadow:inset 0 0 0 4px #f9e7d3}.marvel-device.iphone5c{background:white;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);box-shadow:0 1px 2px 0 rgba(0,0,0,0.2)}.marvel-device.iphone5c .top-bar,.marvel-device.iphone5c .bottom-bar{display:none}.marvel-device.iphone5c .home{background:#242324;border-radius:36px;width:68px;height:68px;z-index:3;position:absolute;left:50%;margin-left:-34px;bottom:19px}.marvel-device.iphone5c .home:after{width:20px;height:20px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;position:absolute;display:block;content:'';top:50%;left:50%;margin-top:-11px;margin-left:-11px}.marvel-device.iphone5c.landscape .home{left:19px;bottom:50%;margin-bottom:-34px;margin-left:0px}.marvel-device.iphone5c .volume,.marvel-device.iphone5c .sleep{background:#dddddd}.marvel-device.iphone5c.red{background:#f96b6c}.marvel-device.iphone5c.red .volume,.marvel-device.iphone5c.red .sleep{background:#ed5758}.marvel-device.iphone5c.yellow{background:#f2dc60}.marvel-device.iphone5c.yellow .volume,.marvel-device.iphone5c.yellow .sleep{background:#e5ce4c}.marvel-device.iphone5c.green{background:#97e563}.marvel-device.iphone5c.green .volume,.marvel-device.iphone5c.green .sleep{background:#85d94d}.marvel-device.iphone5c.blue{background:#33a2db}.marvel-device.iphone5c.blue .volume,.marvel-device.iphone5c.blue .sleep{background:#2694cd}.marvel-device.iphone4s{padding:129px 27px;width:320px;height:480px;background:#686868;border-radius:54px}.marvel-device.iphone4s:before{content:'';width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;z-index:1;border-radius:50px;background:#1e1e1e}.marvel-device.iphone4s .top-bar{top:60px;position:absolute;left:0}.marvel-device.iphone4s .bottom-bar{bottom:90px;position:absolute;left:0}.marvel-device.iphone4s .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:72px;left:134px;z-index:3;margin-left:-5px;border-radius:100%}.marvel-device.iphone4s .speaker{background:#292728;width:64px;height:10px;position:absolute;top:72px;left:50%;z-index:3;margin-left:-32px;border-radius:5px}.marvel-device.iphone4s .sensor{background:#292728;width:40px;height:10px;position:absolute;top:36px;left:50%;z-index:3;margin-left:-20px;border-radius:5px}.marvel-device.iphone4s .home{background:#242324;border-radius:100%;width:72px;height:72px;z-index:3;position:absolute;left:50%;margin-left:-36px;bottom:30px}.marvel-device.iphone4s .home:after{width:20px;height:20px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;position:absolute;display:block;content:'';top:50%;left:50%;margin-top:-11px;margin-left:-11px}.marvel-device.iphone4s .sleep{position:absolute;top:-4px;right:60px;width:60px;height:4px;border-radius:2px 2px 0px 0px;background:#4D4D4D}.marvel-device.iphone4s .volume{position:absolute;left:-4px;top:160px;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:#4D4D4D}.marvel-device.iphone4s .volume:before{position:absolute;left:0px;top:-70px;height:35px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone4s .volume:after{position:absolute;left:0px;bottom:-64px;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:'';display:block}.marvel-device.iphone4s.landscape{padding:27px 129px;height:320px;width:480px}.marvel-device.iphone4s.landscape .bottom-bar{left:90px;bottom:0px;height:100%;width:3px}.marvel-device.iphone4s.landscape .top-bar{left:calc(100% - 60px);top:0px;height:100%;width:3px}.marvel-device.iphone4s.landscape .camera{top:134px;left:calc(100% - 72px);margin-left:0}.marvel-device.iphone4s.landscape .speaker{top:50%;margin-left:0;margin-top:-32px;left:calc(100% - 72px);width:10px;height:64px}.marvel-device.iphone4s.landscape .sensor{height:40px;width:10px;left:calc(100% - 36px);top:50%;margin-left:0;margin-top:-20px}.marvel-device.iphone4s.landscape .home{left:30px;bottom:50%;margin-left:0;margin-bottom:-36px}.marvel-device.iphone4s.landscape .sleep{height:60px;width:4px;right:-4px;top:calc(100% - 120px);border-radius:0px 2px 2px 0px}.marvel-device.iphone4s.landscape .volume{top:-4px;left:calc(100% - 187px);height:4px;width:27px;border-radius:2px 2px 0px 0px}.marvel-device.iphone4s.landscape .volume:before{right:-70px;left:auto;top:0px;width:35px;height:4px;border-radius:2px 2px 0px 0px}.marvel-device.iphone4s.landscape .volume:after{width:27px;height:4px;bottom:0px;left:-64px;border-radius:2px 2px 0px 0px}.marvel-device.iphone4s.silver{background:#bcbcbc}.marvel-device.iphone4s.silver:before{background:#fcfcfc}.marvel-device.iphone4s.silver .home{background:#fcfcfc;-webkit-box-shadow:inset 0 0 0 1px #bcbcbc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.iphone4s.silver .home:after{border:1px solid rgba(0,0,0,0.2)}.marvel-device.iphone4s.silver .volume,.marvel-device.iphone4s.silver .sleep{background:#d6d6d6}.marvel-device.nexus5{padding:50px 15px 50px 15px;width:320px;height:568px;background:#1e1e1e;border-radius:20px}.marvel-device.nexus5:before{border-radius:600px / 50px;background:inherit;content:'';top:0;position:absolute;height:103.1%;width:calc(100% - 26px);top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.marvel-device.nexus5 .top-bar{width:calc(100% - 8px);height:calc(100% - 6px);position:absolute;top:3px;left:4px;border-radius:20px;background:#181818}.marvel-device.nexus5 .top-bar:before{border-radius:600px / 50px;background:inherit;content:'';top:0;position:absolute;height:103.0%;width:calc(100% - 26px);top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.marvel-device.nexus5 .bottom-bar{display:none}.marvel-device.nexus5 .sleep{width:3px;position:absolute;left:-3px;top:110px;height:100px;background:inherit;border-radius:2px 0px 0px 2px}.marvel-device.nexus5 .volume{width:3px;position:absolute;right:-3px;top:70px;height:45px;background:inherit;border-radius:0px 2px 2px 0px}.marvel-device.nexus5 .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:18px;left:50%;z-index:3;margin-left:-5px;border-radius:100%}.marvel-device.nexus5 .camera:before{background:#3c3d3d;width:6px;height:6px;content:'';display:block;position:absolute;top:2px;left:-100px;z-index:3;border-radius:100%}.marvel-device.nexus5.landscape{padding:15px 50px 15px 50px;height:320px;width:568px}.marvel-device.nexus5.landscape:before{width:103.1%;height:calc(100% - 26px);border-radius:50px / 600px}.marvel-device.nexus5.landscape .top-bar{left:3px;top:4px;height:calc(100% - 8px);width:calc(100% - 6px)}.marvel-device.nexus5.landscape .top-bar:before{width:103%;height:calc(100% - 26px);border-radius:50px / 600px}.marvel-device.nexus5.landscape .sleep{height:3px;width:100px;left:calc(100% - 210px);top:-3px;border-radius:2px 2px 0px 0px}.marvel-device.nexus5.landscape .volume{height:3px;width:45px;right:70px;top:100%;border-radius:0px 0px 2px 2px}.marvel-device.nexus5.landscape .camera{top:50%;left:calc(100% - 18px);margin-left:0;margin-top:-5px}.marvel-device.nexus5.landscape .camera:before{top:-100px;left:2px}.marvel-device.s5{padding:60px 18px;border-radius:42px;width:320px;height:568px;background:#bcbcbc}.marvel-device.s5:before,.marvel-device.s5:after{width:calc(100% - 52px);content:'';display:block;height:26px;background:inherit;position:absolute;border-radius:500px / 40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.marvel-device.s5:before{top:-7px}.marvel-device.s5:after{bottom:-7px}.marvel-device.s5 .bottom-bar{display:none}.marvel-device.s5 .top-bar{border-radius:37px;width:calc(100% - 10px);height:calc(100% - 10px);top:5px;left:5px;background:radial-gradient(rgba(0,0,0,0.02) 20%, transparent 60%) 0 0,radial-gradient(rgba(0,0,0,0.02) 20%, transparent 60%) 3px 3px;background-color:white;background-size:4px 4px;background-position:center;z-index:2;position:absolute}.marvel-device.s5 .top-bar:before,.marvel-device.s5 .top-bar:after{width:calc(100% - 48px);content:'';display:block;height:26px;background:inherit;position:absolute;border-radius:500px / 40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.marvel-device.s5 .top-bar:before{top:-7px}.marvel-device.s5 .top-bar:after{bottom:-7px}.marvel-device.s5 .sleep{width:3px;position:absolute;left:-3px;top:100px;height:100px;background:#cecece;border-radius:2px 0px 0px 2px}.marvel-device.s5 .speaker{width:68px;height:8px;position:absolute;top:20px;display:block;z-index:3;left:50%;margin-left:-34px;background-color:#bcbcbc;background-position:top left;border-radius:4px}.marvel-device.s5 .sensor{display:block;position:absolute;top:20px;right:110px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.s5 .sensor:after{display:block;content:'';position:absolute;top:0px;right:12px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.s5 .camera{display:block;position:absolute;top:24px;right:42px;background:black;border-radius:100%;width:10px;height:10px;z-index:3}.marvel-device.s5 .camera:before{width:4px;height:4px;background:#3c3d3d;border-radius:100%;position:absolute;content:'';top:50%;left:50%;margin-top:-2px;margin-left:-2px}.marvel-device.s5 .home{position:absolute;z-index:3;bottom:17px;left:50%;width:70px;height:20px;background:white;border-radius:18px;display:block;margin-left:-35px;border:2px solid black}.marvel-device.s5.landscape{padding:18px 60px;height:320px;width:568px}.marvel-device.s5.landscape:before,.marvel-device.s5.landscape:after{height:calc(100% - 52px);width:26px;border-radius:40px / 500px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.marvel-device.s5.landscape:before{top:50%;left:-7px}.marvel-device.s5.landscape:after{top:50%;left:auto;right:-7px}.marvel-device.s5.landscape .top-bar:before,.marvel-device.s5.landscape .top-bar:after{width:26px;height:calc(100% - 48px);border-radius:40px / 500px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.marvel-device.s5.landscape .top-bar:before{right:-7px;top:50%;left:auto}.marvel-device.s5.landscape .top-bar:after{left:-7px;top:50%;right:auto}.marvel-device.s5.landscape .sleep{height:3px;width:100px;left:calc(100% - 200px);top:-3px;border-radius:2px 2px 0px 0px}.marvel-device.s5.landscape .speaker{height:68px;width:8px;left:calc(100% - 20px);top:50%;margin-left:0;margin-top:-34px}.marvel-device.s5.landscape .sensor{right:20px;top:calc(100% - 110px)}.marvel-device.s5.landscape .sensor:after{left:-12px;right:0px}.marvel-device.s5.landscape .camera{top:calc(100% - 42px);right:24px}.marvel-device.s5.landscape .home{width:20px;height:70px;bottom:50%;margin-bottom:-35px;margin-left:0;left:17px}.marvel-device.s5.black{background:#1e1e1e}.marvel-device.s5.black .speaker{background:black}.marvel-device.s5.black .sleep{background:#1e1e1e}.marvel-device.s5.black .top-bar{background:radial-gradient(rgba(0,0,0,0.05) 20%, transparent 60%) 0 0,radial-gradient(rgba(0,0,0,0.05) 20%, transparent 60%) 3px 3px;background-color:#2c2b2c;background-size:4px 4px}.marvel-device.s5.black .home{background:#2c2b2c}.marvel-device.lumia920{padding:80px 35px 125px 35px;background:#ffdd00;width:320px;height:533px;border-radius:40px / 3px}.marvel-device.lumia920 .bottom-bar{display:none}.marvel-device.lumia920 .top-bar{width:calc(100% - 24px);height:calc(100% - 32px);position:absolute;top:16px;left:12px;border-radius:24px;background:black;z-index:1}.marvel-device.lumia920 .top-bar:before{background:#1e1e1e;display:block;content:'';width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px;position:absolute;border-radius:22px}.marvel-device.lumia920 .volume{width:3px;position:absolute;top:130px;height:100px;background:#1e1e1e;right:-3px;border-radius:0px 2px 2px 0px}.marvel-device.lumia920 .volume:before{width:3px;position:absolute;top:190px;content:'';display:block;height:50px;background:inherit;right:0px;border-radius:0px 2px 2px 0px}.marvel-device.lumia920 .volume:after{width:3px;position:absolute;top:460px;content:'';display:block;height:50px;background:inherit;right:0px;border-radius:0px 2px 2px 0px}.marvel-device.lumia920 .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:34px;right:130px;z-index:5;border-radius:5px}.marvel-device.lumia920 .speaker{background:#292728;width:64px;height:10px;position:absolute;top:38px;left:50%;margin-left:-32px;border-radius:5px;z-index:3}.marvel-device.lumia920.landscape{padding:35px 80px 35px 125px;height:320px;width:568px;border-radius:2px / 100px}.marvel-device.lumia920.landscape .top-bar{height:calc(100% - 24px);width:calc(100% - 32px);left:16px;top:12px}.marvel-device.lumia920.landscape .volume{height:3px;right:130px;width:100px;top:100%;border-radius:0px 0px 2px 2px}.marvel-device.lumia920.landscape .volume:before{height:3px;right:190px;top:0px;width:50px;border-radius:0px 0px 2px 2px}.marvel-device.lumia920.landscape .volume:after{height:3px;right:430px;top:0px;width:50px;border-radius:0px 0px 2px 2px}.marvel-device.lumia920.landscape .camera{right:30px;top:calc(100% - 140px)}.marvel-device.lumia920.landscape .speaker{width:10px;height:64px;top:50%;margin-left:0;margin-top:-32px;left:calc(100% - 48px)}.marvel-device.lumia920.black{background:black}.marvel-device.lumia920.white{background:white;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);box-shadow:0 1px 2px 0 rgba(0,0,0,0.2)}.marvel-device.lumia920.blue{background:#00acdd}.marvel-device.lumia920.red{background:#CC3E32}.marvel-device.htc-one{padding:72px 25px 100px 25px;width:320px;height:568px;background:#bebebe;border-radius:34px}.marvel-device.htc-one:before{content:'';display:block;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px;background:#adadad;border-radius:32px}.marvel-device.htc-one:after{content:'';display:block;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;background:#eeeeee;border-radius:30px}.marvel-device.htc-one .top-bar{width:calc(100% - 4px);height:635px;position:absolute;background:#424242;top:50px;z-index:1;left:2px}.marvel-device.htc-one .top-bar:before{content:'';position:absolute;width:calc(100% - 4px);height:100%;position:absolute;background:black;top:0px;z-index:1;left:2px}.marvel-device.htc-one .bottom-bar{display:none}.marvel-device.htc-one .speaker{height:16px;width:216px;display:block;position:absolute;top:22px;z-index:2;left:50%;margin-left:-108px;background:radial-gradient(#343434 25%, transparent 50%) 0 0,radial-gradient(#343434 25%, transparent 50%) 4px 4px;background-size:4px 4px;background-position:top left}.marvel-device.htc-one .speaker:after{content:'';height:16px;width:216px;display:block;position:absolute;top:676px;z-index:2;left:50%;margin-left:-108px;background:inherit}.marvel-device.htc-one .camera{display:block;position:absolute;top:18px;right:38px;background:#3c3d3d;border-radius:100%;width:24px;height:24px;z-index:3}.marvel-device.htc-one .camera:before{width:8px;height:8px;background:black;border-radius:100%;position:absolute;content:'';top:50%;left:50%;margin-top:-4px;margin-left:-4px}.marvel-device.htc-one .sensor{display:block;position:absolute;top:29px;left:60px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.htc-one .sensor:after{display:block;content:'';position:absolute;top:0px;right:12px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.htc-one.landscape{padding:25px 72px 25px 100px;height:320px;width:568px}.marvel-device.htc-one.landscape .top-bar{height:calc(100% - 4px);width:635px;left:calc(100% - 685px);top:2px}.marvel-device.htc-one.landscape .speaker{width:16px;height:216px;left:calc(100% - 38px);top:50%;margin-left:0px;margin-top:-108px}.marvel-device.htc-one.landscape .speaker:after{width:16px;height:216px;left:calc(100% - 692px);top:50%;margin-left:0;margin-top:-108px}.marvel-device.htc-one.landscape .camera{right:18px;top:calc(100% - 38px)}.marvel-device.htc-one.landscape .sensor{left:calc(100% - 29px);top:60px}.marvel-device.htc-one.landscape .sensor :after{right:0;top:-12px}.marvel-device.ipad{width:576px;height:768px;padding:90px 25px;background:#242324;border-radius:44px}.marvel-device.ipad:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;content:'';display:block;top:4px;left:4px;border-radius:40px;background:#1e1e1e}.marvel-device.ipad .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:44px;left:50%;margin-left:-5px;border-radius:100%}.marvel-device.ipad .top-bar,.marvel-device.ipad .bottom-bar{display:none}.marvel-device.ipad .home{background:#242324;border-radius:36px;width:50px;height:50px;position:absolute;left:50%;margin-left:-25px;bottom:22px}.marvel-device.ipad .home:after{width:15px;height:15px;margin-top:-8px;margin-left:-8px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;position:absolute;display:block;content:'';top:50%;left:50%}.marvel-device.ipad.landscape{height:576px;width:768px;padding:25px 90px}.marvel-device.ipad.landscape .camera{left:calc(100% - 44px);top:50%;margin-left:0;margin-top:-5px}.marvel-device.ipad.landscape .home{top:50%;left:22px;margin-left:0;margin-top:-25px}.marvel-device.ipad.silver{background:#bcbcbc}.marvel-device.ipad.silver:before{background:#fcfcfc}.marvel-device.ipad.silver .home{background:#fcfcfc;-webkit-box-shadow:inset 0 0 0 1px #bcbcbc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.ipad.silver .home:after{border:1px solid rgba(0,0,0,0.2)}.marvel-device.macbook{width:960px;height:600px;padding:44px 44px 76px;margin:0 auto;background:#bebebe;border-radius:34px}.marvel-device.macbook:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;content:'';display:block;top:4px;left:4px;border-radius:30px;background:#1e1e1e}.marvel-device.macbook .top-bar{width:calc(100% + 2 * 70px);height:40px;position:absolute;content:'';display:block;top:680px;left:-70px;border-bottom-left-radius:90px 18px;border-bottom-right-radius:90px 18px;background:#bebebe;-webkit-box-shadow:inset 0px -4px 13px 3px rgba(34,34,34,0.6);box-shadow:inset 0px -4px 13px 3px rgba(34,34,34,0.6)}.marvel-device.macbook .top-bar:before{width:100%;height:24px;content:'';display:block;top:0;left:0;background:#f0f0f0;border-bottom:2px solid #aaa;border-radius:5px;position:relative}.marvel-device.macbook .top-bar:after{width:16%;height:14px;content:'';display:block;top:0;background:#ddd;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;border-radius:0 0 20px 20px;-webkit-box-shadow:inset 0px -3px 10px #999;box-shadow:inset 0px -3px 10px #999}.marvel-device.macbook .bottom-bar{background:transparent;width:calc(100% + 2 * 70px);height:26px;position:absolute;content:'';display:block;top:680px;left:-70px}.marvel-device.macbook .bottom-bar:before,.marvel-device.macbook .bottom-bar:after{height:calc(100% - 2px);width:80px;content:'';display:block;top:0;position:absolute}.marvel-device.macbook .bottom-bar:before{left:0;background:#f0f0f0;background:-webkit-gradient(linear, left top, right top, from(#747474), color-stop(5%, #c3c3c3), color-stop(14%, #ebebeb), color-stop(41%, #979797), color-stop(80%, #f0f0f0), color-stop(100%, #f0f0f0), to(#f0f0f0));background:linear-gradient(to right, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%)}.marvel-device.macbook .bottom-bar:after{right:0;background:#f0f0f0;background:-webkit-gradient(linear, left top, right top, from(#f0f0f0), color-stop(0%, #f0f0f0), color-stop(20%, #f0f0f0), color-stop(59%, #979797), color-stop(86%, #ebebeb), color-stop(95%, #c3c3c3), to(#747474));background:linear-gradient(to right, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%)}.marvel-device.macbook .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:20px;left:50%;margin-left:-5px;border-radius:100%}.marvel-device.macbook .home{display:none}.marvel-device.iphone-x{width:329px;height:712px;padding:26px;background:#fdfdfd;-webkit-box-shadow:inset 0 0 11px 0 black;box-shadow:inset 0 0 11px 0 black;border-radius:66px}.marvel-device.iphone-x .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:66px;overflow:hidden}.marvel-device.iphone-x .shadow{border-radius:100%;width:90px;height:90px;position:absolute;background:radial-gradient(ellipse at center, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 60%)}.marvel-device.iphone-x .shadow--tl{top:-20px;left:-20px}.marvel-device.iphone-x .shadow--tr{top:-20px;right:-20px}.marvel-device.iphone-x .shadow--bl{bottom:-20px;left:-20px}.marvel-device.iphone-x .shadow--br{bottom:-20px;right:-20px}.marvel-device.iphone-x:before{width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;content:'';left:5px;border-radius:61px;background:black;z-index:1}.marvel-device.iphone-x .inner-shadow{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;overflow:hidden;left:10px;border-radius:56px;-webkit-box-shadow:inset 0 0 15px 0 rgba(255,255,255,0.66);box-shadow:inset 0 0 15px 0 rgba(255,255,255,0.66);z-index:1}.marvel-device.iphone-x .inner-shadow:before{-webkit-box-shadow:inset 0 0 20px 0 #FFFFFF;box-shadow:inset 0 0 20px 0 #FFFFFF;width:100%;height:116%;position:absolute;top:-8%;content:'';left:0;border-radius:200px / 112px;z-index:2}.marvel-device.iphone-x .screen{border-radius:40px;-webkit-box-shadow:none;box-shadow:none}.marvel-device.iphone-x .top-bar,.marvel-device.iphone-x .bottom-bar{width:100%;position:absolute;height:8px;background:rgba(0,0,0,0.1);left:0}.marvel-device.iphone-x .top-bar{top:80px}.marvel-device.iphone-x .bottom-bar{bottom:80px}.marvel-device.iphone-x .volume,.marvel-device.iphone-x .volume:before,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .sleep{width:3px;background:#b5b5b5;position:absolute}.marvel-device.iphone-x .volume{left:-3px;top:116px;height:32px}.marvel-device.iphone-x .volume:before{height:62px;top:62px;content:'';left:0}.marvel-device.iphone-x .volume:after{height:62px;top:140px;content:'';left:0}.marvel-device.iphone-x .sleep{height:96px;top:200px;right:-3px}.marvel-device.iphone-x .camera{width:6px;height:6px;top:9px;border-radius:100%;position:absolute;left:154px;background:#0d4d71}.marvel-device.iphone-x .speaker{height:6px;width:60px;left:50%;position:absolute;top:9px;margin-left:-30px;background:#171818;border-radius:6px}.marvel-device.iphone-x .notch{position:absolute;width:184px;height:26px;top:23px;left:94.738px;z-index:4;background:black;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.marvel-device.iphone-x .notch:before,.marvel-device.iphone-x .notch:after{content:'';height:8px;position:absolute;top:0;width:8px}.marvel-device.iphone-x .notch:after{background:radial-gradient(circle at bottom left, transparent 0, transparent 70%, black 70%, black 100%);left:-8px}.marvel-device.iphone-x .notch:before{background:radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);right:-8px}.marvel-device.iphone-x.landscape{height:375px;width:812px}.marvel-device.iphone-x.landscape .top-bar,.marvel-device.iphone-x.landscape .bottom-bar{width:8px;height:100%;top:0}.marvel-device.iphone-x.landscape .top-bar{left:80px}.marvel-device.iphone-x.landscape .bottom-bar{right:80px;bottom:auto;left:auto}.marvel-device.iphone-x.landscape .volume,.marvel-device.iphone-x.landscape .volume:before,.marvel-device.iphone-x.landscape .volume:after,.marvel-device.iphone-x.landscape .sleep{height:3px}.marvel-device.iphone-x.landscape .inner-shadow:before{height:100%;width:116%;left:-8%;top:0;border-radius:112px / 200px}.marvel-device.iphone-x.landscape .volume{bottom:-3px;top:auto;left:116px;width:32px}.marvel-device.iphone-x.landscape .volume:before{width:62px;left:62px;top:0}.marvel-device.iphone-x.landscape .volume:after{width:62px;left:140px;top:0}.marvel-device.iphone-x.landscape .sleep{width:96px;left:200px;top:-3px;right:auto}.marvel-device.iphone-x.landscape .camera{left:9px;bottom:154px;top:auto}.marvel-device.iphone-x.landscape .speaker{width:6px;height:60px;left:9px;top:50%;margin-top:-30px;margin-left:0}.marvel-device.iphone-x.landscape .notch{height:210px;width:30px;left:26px;bottom:108px;top:auto;border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0}.marvel-device.iphone-x.landscape .notch:before,.marvel-device.iphone-x.landscape .notch:after{left:0}.marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);bottom:-8px;top:auto}.marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at top right, transparent 0, transparent 70%, black 70%, black 100%);top:-8px}.marvel-device.note8{width:400px;height:822px;background:black;border-radius:34px;padding:45px 10px}.marvel-device.note8 .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:34px;overflow:hidden}.marvel-device.note8 .speaker{height:8px;width:56px;left:50%;position:absolute;top:25px;margin-left:-28px;background:#171818;z-index:1;border-radius:8px}.marvel-device.note8 .camera{height:18px;width:18px;left:86px;position:absolute;top:18px;background:#212b36;z-index:1;border-radius:100%}.marvel-device.note8 .camera:before{content:'';height:8px;width:8px;left:-22px;position:absolute;top:5px;background:#212b36;z-index:1;border-radius:100%}.marvel-device.note8 .sensors{height:10px;width:10px;left:120px;position:absolute;top:22px;background:#1d233b;z-index:1;border-radius:100%}.marvel-device.note8 .sensors:before{content:'';height:10px;width:10px;left:18px;position:absolute;top:0;background:#1d233b;z-index:1;border-radius:100%}.marvel-device.note8 .more-sensors{height:16px;width:16px;left:285px;position:absolute;top:18px;background:#33244a;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,0.1);box-shadow:0 0 0 2px rgba(255,255,255,0.1);z-index:1;border-radius:100%}.marvel-device.note8 .more-sensors:before{content:'';height:11px;width:11px;left:40px;position:absolute;top:4px;background:#214a61;z-index:1;border-radius:100%}.marvel-device.note8 .sleep{width:2px;height:56px;background:black;position:absolute;top:288px;right:-2px}.marvel-device.note8 .volume{width:2px;height:120px;background:black;position:absolute;top:168px;left:-2px}.marvel-device.note8 .volume:before{content:'';top:168px;width:2px;position:absolute;left:0;background:black;height:56px}.marvel-device.note8 .inner{width:100%;height:calc(100% - 8px);position:absolute;top:2px;content:'';left:0px;border-radius:34px;border-top:2px solid #9fa0a2;border-bottom:2px solid #9fa0a2;background:black;z-index:1;-webkit-box-shadow:inset 0 0 6px 0 rgba(255,255,255,0.5);box-shadow:inset 0 0 6px 0 rgba(255,255,255,0.5)}.marvel-device.note8 .shadow{-webkit-box-shadow:inset 0 0 60px 0 white,inset 0 0 30px 0 rgba(255,255,255,0.5),0 0 20px 0 white,0 0 20px 0 rgba(255,255,255,0.5);box-shadow:inset 0 0 60px 0 white,inset 0 0 30px 0 rgba(255,255,255,0.5),0 0 20px 0 white,0 0 20px 0 rgba(255,255,255,0.5);height:101%;position:absolute;top:-0.5%;content:'';width:calc(100% - 20px);left:10px;border-radius:38px;z-index:5;pointer-events:none}.marvel-device.note8 .screen{border-radius:14px;-webkit-box-shadow:none;box-shadow:none}.marvel-device.note8.landscape{height:400px;width:822px;padding:10px 45px}.marvel-device.note8.landscape .speaker{height:56px;width:8px;top:50%;margin-top:-28px;margin-left:0;right:25px;left:auto}.marvel-device.note8.landscape .camera{top:86px;right:18px;left:auto}.marvel-device.note8.landscape .camera:before{top:-22px;left:5px}.marvel-device.note8.landscape .sensors{top:120px;right:22px;left:auto}.marvel-device.note8.landscape .sensors:before{top:18px;left:0}.marvel-device.note8.landscape .more-sensors{top:285px;right:18px;left:auto}.marvel-device.note8.landscape .more-sensors:before{top:40px;left:4px}.marvel-device.note8.landscape .sleep{bottom:-2px;top:auto;right:288px;width:56px;height:2px}.marvel-device.note8.landscape .volume{width:120px;height:2px;top:-2px;right:168px;left:auto}.marvel-device.note8.landscape .volume:before{right:168px;left:auto;top:0;width:56px;height:2px}.marvel-device.note8.landscape .inner{height:100%;width:calc(100% - 8px);left:2px;top:0;border-top:0;border-bottom:0;border-left:2px solid #9fa0a2;border-right:2px solid #9fa0a2}.marvel-device.note8.landscape .shadow{width:101%;height:calc(100% - 20px);left:-0.5%;top:10px}
+
+/* bslib cards */
+  .bslib-card{overflow:auto}.bslib-card .card-body+.card-body{padding-top:0}.bslib-card .card-body{overflow:auto}.bslib-card .card-body p{margin-top:0}.bslib-card .card-body p:last-child{margin-bottom:0}.bslib-card .card-body{max-height:var(--bslib-card-body-max-height, none)}.bslib-card[data-full-screen="true"]>.card-body{max-height:var(--bslib-card-body-max-height-full-screen, none)}.bslib-card .card-header .form-group{margin-bottom:0}.bslib-card .card-header .selectize-control{margin-bottom:0}.bslib-card .card-header .selectize-control .item{margin-right:1.15rem}.bslib-card .card-footer{margin-top:auto}.bslib-card .bslib-navs-card-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.bslib-card .bslib-navs-card-title .nav{margin-left:auto}.bslib-card .bslib-sidebar-layout:not([data-bslib-sidebar-border="true"]){border:none}.bslib-card .bslib-sidebar-layout:not([data-bslib-sidebar-border-radius="true"]){border-top-left-radius:0;border-top-right-radius:0}[data-full-screen="true"]{position:fixed;inset:3.5rem 1rem 1rem;height:auto !important;max-height:none !important;width:auto !important;z-index:1070}.bslib-full-screen-enter{display:none;position:absolute;bottom:var(--bslib-full-screen-enter-bottom, 0.2rem);right:var(--bslib-full-screen-enter-right, 0);top:var(--bslib-full-screen-enter-top);left:var(--bslib-full-screen-enter-left);color:var(--bslib-color-fg, var(--bs-card-color));background-color:var(--bslib-color-bg, var(--bs-card-bg, var(--bs-body-bg)));border:var(--bs-card-border-width) solid var(--bslib-color-fg, var(--bs-card-border-color));box-shadow:0 2px 4px rgba(0,0,0,0.15);margin:0.2rem 0.4rem;padding:0.55rem !important;font-size:.8rem;cursor:pointer;opacity:0.7;z-index:1070}.bslib-full-screen-enter:hover{opacity:1}.card[data-full-screen="false"]:hover>*>.bslib-full-screen-enter{display:block}.bslib-has-full-screen .card:hover>*>.bslib-full-screen-enter{display:none}@media (max-width: 575.98px){.bslib-full-screen-enter{display:none !important}}.bslib-full-screen-exit{position:relative;top:1.35rem;font-size:0.9rem;cursor:pointer;text-decoration:none;display:flex;float:right;margin-right:2.15rem;align-items:center;color:rgba(var(--bs-body-bg-rgb), 0.8)}.bslib-full-screen-exit:hover{color:rgba(var(--bs-body-bg-rgb), 1)}.bslib-full-screen-exit svg{margin-left:0.5rem;font-size:1.5rem}#bslib-full-screen-overlay{position:fixed;inset:0;background-color:rgba(var(--bs-body-color-rgb), 0.6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1069;animation:bslib-full-screen-overlay-enter 400ms cubic-bezier(0.6, 0.02, 0.65, 1) forwards}@keyframes bslib-full-screen-overlay-enter{0%{opacity:0}100%{opacity:1}}
+
+/* fill css for fullscreen cards */
+.html-fill-container {
+  display: flex;
+  flex-direction: column;
+  /* Prevent the container from expanding vertically or horizontally beyond its
+     parent's constraints. */
+  min-height: 0;
+  min-width: 0;
+}
+.html-fill-container > .html-fill-item {
+  /* Fill items can grow and shrink freely within
+     available vertical space in fillable container */
+  flex: 1 1 auto;
+  min-height: 0;
+  min-width: 0;
+}
+.html-fill-container > :not(.html-fill-item) {
+  /* Prevent shrinking or growing of non-fill items */
+  flex: 0 0 auto;
+}
diff --git a/vignettes/Single-Layout.Rmd b/vignettes/Single-Layout.Rmd
index df5ce892..6565c71a 100644
--- a/vignettes/Single-Layout.Rmd
+++ b/vignettes/Single-Layout.Rmd
@@ -12,11 +12,27 @@ vignette: >
 `{shinyMobile}` comes with 3 predefined layouts. `f7SingleLayout()` is dedicated to build simple, 
 one-page apps or gadgets.
 
-```{r, echo=FALSE}
-shinyMobile:::app_container(
-  "https://dgranjon.shinyapps.io/miniUI2Single", 
-  deps = TRUE,
-  skin = "iphone8"
+```{r setup, echo=FALSE, message=FALSE}
+library(bslib)
+```
+
+The app below runs with specific options:
+
+```r
+f7Page(
+  options = list(dark = FALSE, filled = FALSE, theme = "md"),
+  ...
+)
+```
+
+```{r, eval=TRUE, echo=FALSE}
+card(
+  shinyMobile:::create_app_link(
+    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGGiGzNuzRwAHgW4tyjFWPUcAJqmqsjIkxPYBzB5aKkATCpFmopKOyFgcMQQRDC0BJwA+tQkDgEqQSSh4VExEA4ABAA8ALQZiSFhEdGxGQCkAHxlIhkZDoxEAK6okfQcAG4stFD0SgLlVTUZnHQEcOzsEOwCOQCMAAzzAohTAp4QIlL8AILo-hC1jbQZALwZAGYA7AAKUA7jQ7VEqKS0JJynGXScpOzejABrT4AMW2ABkAMoAUVwF0USjMIPB0NhpG4cHgnwCMDM8Vwjwyr1ISixYBkrAyaFQAXxB1qF0uEL4DiUYKgrCavwJtWg7XoLE+VwAclA+Sx9vTJYTaMS4KSmekSWyOY1SDTufT9LRGHQIHKzgAVLAAVRhGtqPCgZiIAHdPkbTRqBLSpYSiERqPzGILLgb3Z7xeaMqgiJwZW8DmcAvRXKRQuq6a6rmC+AD2NQenBqKSUxAgbMaRluIw4OdSdxSKRUJxEAB6Ws2xsYBzullwDDEGB4oPJ1PpzPZqNgXNAtyF4ul8uV6t1htNltENsd+NgFSu50agDEGRgUD4GWC5DIGquEP01ptEtdGT4R7DpApZ1mADYXdfuER2nBvYaTWbE1KVwAMIsGYV7XtKsqkiBjCIuiVrfgmEG1Fouj6IwpAAPKqqgqr+CgJZQEB6FqquQZrlKFG1BRG50pw35fj+FyNBABCvCQ7B8LhpCwpy3H9CABJ8aqAAkLBwERJHZHkJYQGY367DoegGOwgkAShqA6OBUreL4nwFMkxRpA4b6ug+mmkuJUBIdeu7oMynxQHAnDaa62ifLpcCmdej4ZJ01CNHA8yzN5Sbwp8nSMN0vRwORToDNU6n0lA2iRKwKW0C58kELQu7UJwACSEDAjEPifB4CUZNuECNDA9DfhkRBltluVQPlboZACcBwNSSUoalykYVwvgEF1iK-qa-SVIlEEpWlGUubu7lnAALKi4QAtsMBNGQnwrVRGQAL4UYdIgCGAh0ALpAA", #nolint
+    "app",
+    header = FALSE
+  ),
+  full_screen = TRUE
 )
 ```
 
@@ -36,6 +52,7 @@ economics_long <- economics_long %>%
 shinyApp(
   ui = f7Page(
     title = "My app",
+    options = list(dark = FALSE, filled = FALSE, theme = "md"),
     f7SingleLayout(
       navbar = f7Navbar(
         title = "Single Layout",

From 79a774f6af4e153443dd2d560af3be06333eadf2 Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Sat, 20 Jan 2024 22:01:28 +0100
Subject: [PATCH 06/19] add extra.js

---
 NEWS.md                                 |  4 ++++
 _pkgdown.yml                            |  4 ----
 docs/404.html                           |  5 ++---
 docs/CODE_OF_CONDUCT.html               |  4 ++--
 docs/articles/Gadgets.html              |  5 ++---
 docs/articles/Single-Layout.html        |  5 ++---
 docs/articles/Split-Layout.html         |  7 +++----
 docs/articles/Tabs-Layout.html          |  7 +++----
 docs/articles/index.html                |  4 ++--
 docs/articles/shinyMobile.html          |  5 ++---
 docs/articles/shinyMobile_tools.html    |  5 ++---
 docs/authors.html                       |  4 ++--
 docs/index.html                         |  5 ++---
 docs/news/index.html                    |  4 ++--
 docs/pkgdown.yml                        |  2 +-
 docs/reference/authentication.html      |  4 ++--
 docs/reference/class2f7.html            |  4 ++--
 docs/reference/createSelectOptions.html |  4 ++--
 docs/reference/create_app_ui.html       |  4 ++--
 docs/reference/f7Align.html             |  4 ++--
 docs/reference/f7Badge.html             |  4 ++--
 docs/reference/f7BlockFooter.html       |  4 ++--
 docs/reference/f7BlockTitle.html        |  4 ++--
 docs/reference/f7Chip.html              |  4 ++--
 docs/reference/f7Col.html               |  4 ++--
 docs/reference/f7ColorPicker.html       |  4 ++--
 docs/reference/f7Dialog.html            |  4 ++--
 docs/reference/f7DownloadButton.html    |  4 ++--
 docs/reference/f7FabClose.html          |  4 ++--
 docs/reference/f7File.html              |  4 ++--
 docs/reference/f7Flex.html              |  4 ++--
 docs/reference/f7Float.html             |  4 ++--
 docs/reference/f7Found.html             |  4 ++--
 docs/reference/f7Gallery.html           |  4 ++--
 docs/reference/f7HideOnEnable.html      |  4 ++--
 docs/reference/f7HideOnSearch.html      |  4 ++--
 docs/reference/f7Icon.html              |  4 ++--
 docs/reference/f7Item.html              |  4 ++--
 docs/reference/f7Items.html             |  4 ++--
 docs/reference/f7Link.html              |  4 ++--
 docs/reference/f7List.html              |  4 ++--
 docs/reference/f7ListGroup.html         |  4 ++--
 docs/reference/f7ListIndex.html         |  4 ++--
 docs/reference/f7ListItem.html          |  4 ++--
 docs/reference/f7Margin.html            |  4 ++--
 docs/reference/f7NotFound.html          |  4 ++--
 docs/reference/f7Notif.html             |  4 ++--
 docs/reference/f7Padding.html           |  4 ++--
 docs/reference/f7Page.html              |  4 ++--
 docs/reference/f7Password.html          |  4 ++--
 docs/reference/f7PhotoBrowser.html      |  4 ++--
 docs/reference/f7Popup.html             |  4 ++--
 docs/reference/f7Row.html               |  4 ++--
 docs/reference/f7SearchIgnore.html      |  4 ++--
 docs/reference/f7Searchbar.html         |  4 ++--
 docs/reference/f7SearchbarTrigger.html  |  4 ++--
 docs/reference/f7Segment.html           |  4 ++--
 docs/reference/f7Shadow.html            |  4 ++--
 docs/reference/f7SingleLayout.html      |  4 ++--
 docs/reference/f7Skeleton.html          |  4 ++--
 docs/reference/f7Slide.html             |  4 ++--
 docs/reference/f7SplitLayout.html       |  4 ++--
 docs/reference/f7SubNavbar.html         |  4 ++--
 docs/reference/f7Tab.html               |  4 ++--
 docs/reference/f7TabLayout.html         |  4 ++--
 docs/reference/f7TabLink.html           |  4 ++--
 docs/reference/f7Table.html             |  4 ++--
 docs/reference/f7Tabs.html              |  4 ++--
 docs/reference/f7TapHold.html           |  4 ++--
 docs/reference/f7Toast.html             |  4 ++--
 docs/reference/f7Toolbar.html           |  4 ++--
 docs/reference/getF7Colors.html         |  4 ++--
 docs/reference/index.html               |  4 ++--
 docs/reference/pipe.html                |  4 ++--
 docs/reference/preloader.html           |  4 ++--
 docs/reference/preview_mobile.html      |  4 ++--
 docs/reference/sheet.html               |  4 ++--
 docs/reference/updateF7Tabs.html        |  4 ++--
 docs/reference/updateF7VirtualList.html |  4 ++--
 pkgdown/extra.js                        | 15 +++++++++++++++
 80 files changed, 174 insertions(+), 167 deletions(-)
 create mode 100644 pkgdown/extra.js

diff --git a/NEWS.md b/NEWS.md
index 204984dd..f9f83d3b 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -1,5 +1,9 @@
 # shinyMobile 1.0.1.9000
 
+## New
+- Added webR to pkgdown infrastructure which allows to run shinylive
+apps in the documentation.
+
 ## Minor change
 - Add `limit` to `f7AutoComplete()`. Thanks @bthieurmel.
 
diff --git a/_pkgdown.yml b/_pkgdown.yml
index 56dad468..32d14c1d 100644
--- a/_pkgdown.yml
+++ b/_pkgdown.yml
@@ -288,10 +288,6 @@ template:
   bslib:
     info: "#E6F2FD"
     pkgdown-nav-height: 100px
-  includes:
-    in_header: >
-      <link href ="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
-      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
 
 navbar:
   bg: info
diff --git a/docs/404.html b/docs/404.html
index 85f444f6..6ae5c427 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -17,13 +17,12 @@
 <script src="deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet">
-<meta property="og:title" content="Page not found (404)">
+<script src="extra.js"></script><meta property="og:title" content="Page not found (404)">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
+<![endif]-->
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/CODE_OF_CONDUCT.html b/docs/CODE_OF_CONDUCT.html
index d2cd5cbb..da46c22e 100644
--- a/docs/CODE_OF_CONDUCT.html
+++ b/docs/CODE_OF_CONDUCT.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Contributor Covenant Code of Conduct • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png"><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><meta property="og:title" content="Contributor Covenant Code of Conduct"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Contributor Covenant Code of Conduct • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png"><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><script src="extra.js"></script><meta property="og:title" content="Contributor Covenant Code of Conduct"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/articles/Gadgets.html b/docs/articles/Gadgets.html
index 0af53f7d..e29aca29 100644
--- a/docs/articles/Gadgets.html
+++ b/docs/articles/Gadgets.html
@@ -18,14 +18,13 @@
 <script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
-<meta property="og:title" content="Gadgets">
+<script src="../extra.js"></script><meta property="og:title" content="Gadgets">
 <meta property="og:description" content="shinyMobile">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
+<![endif]-->
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/articles/Single-Layout.html b/docs/articles/Single-Layout.html
index 60e77976..f35d5280 100644
--- a/docs/articles/Single-Layout.html
+++ b/docs/articles/Single-Layout.html
@@ -18,14 +18,13 @@
 <script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
-<meta property="og:title" content="Single-Layout">
+<script src="../extra.js"></script><meta property="og:title" content="Single-Layout">
 <meta property="og:description" content="shinyMobile">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
+<![endif]-->
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/articles/Split-Layout.html b/docs/articles/Split-Layout.html
index 096acf5c..d3fd13af 100644
--- a/docs/articles/Split-Layout.html
+++ b/docs/articles/Split-Layout.html
@@ -18,14 +18,13 @@
 <script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
-<meta property="og:title" content="Split-Layout">
+<script src="../extra.js"></script><meta property="og:title" content="Split-Layout">
 <meta property="og:description" content="shinyMobile">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
+<![endif]-->
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
@@ -141,7 +140,7 @@ <h4 data-toc-skip class="date">2024-01-20</h4>
 <code><a href="../reference/panelmenu.html">f7PanelMenu()</a></code>, you can pass tags in the <code>...</code>
 directly. However, this prevents you from having a tabbed
 navigation.</p>
-<link rel="stylesheet" href="/private/var/folders/pd/r5jk5d5x1rlbc61zz_8vsnh80000gn/T/Rtmp38gHfS/temp_libpath149976aaf5a6f/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
+<link rel="stylesheet" href="/private/var/folders/pd/r5jk5d5x1rlbc61zz_8vsnh80000gn/T/Rtmp38gHfS/temp_libpath14997f106b46/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
 <div class="marvel-device black ipad">
 <div class="camera"></div>
 <div class="screen">
diff --git a/docs/articles/Tabs-Layout.html b/docs/articles/Tabs-Layout.html
index 183cec63..2144d1ca 100644
--- a/docs/articles/Tabs-Layout.html
+++ b/docs/articles/Tabs-Layout.html
@@ -18,14 +18,13 @@
 <script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
-<meta property="og:title" content="Tabs-Layout">
+<script src="../extra.js"></script><meta property="og:title" content="Tabs-Layout">
 <meta property="og:description" content="shinyMobile">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
+<![endif]-->
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
@@ -113,7 +112,7 @@ <h4 data-toc-skip class="date">2024-01-20</h4>
     
 <p>The second layout is the <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>, very similar to
 that of <a href="https://github.com/rstudio/miniUI" class="external-link">miniUI</a>.</p>
-<link rel="stylesheet" href="/private/var/folders/pd/r5jk5d5x1rlbc61zz_8vsnh80000gn/T/Rtmp38gHfS/temp_libpath149976aaf5a6f/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
+<link rel="stylesheet" href="/private/var/folders/pd/r5jk5d5x1rlbc61zz_8vsnh80000gn/T/Rtmp38gHfS/temp_libpath14997f106b46/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
 <div class="marvel-device iphone8">
 <div class="top-bar"></div>
 <div class="sleep"></div>
diff --git a/docs/articles/index.html b/docs/articles/index.html
index 93e16298..21315898 100644
--- a/docs/articles/index.html
+++ b/docs/articles/index.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Articles • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Articles"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Articles • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Articles"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/articles/shinyMobile.html b/docs/articles/shinyMobile.html
index e741c55f..cbf6bb12 100644
--- a/docs/articles/shinyMobile.html
+++ b/docs/articles/shinyMobile.html
@@ -18,14 +18,13 @@
 <script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
-<meta property="og:title" content="Getting Started">
+<script src="../extra.js"></script><meta property="og:title" content="Getting Started">
 <meta property="og:description" content="shinyMobile">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
+<![endif]-->
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/articles/shinyMobile_tools.html b/docs/articles/shinyMobile_tools.html
index 13ea15da..28d37e2f 100644
--- a/docs/articles/shinyMobile_tools.html
+++ b/docs/articles/shinyMobile_tools.html
@@ -18,14 +18,13 @@
 <script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">
-<meta property="og:title" content="shinyMobile Tools">
+<script src="../extra.js"></script><meta property="og:title" content="shinyMobile Tools">
 <meta property="og:description" content="shinyMobile">
 <meta property="og:image" content="/logo.png">
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
+<![endif]-->
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/authors.html b/docs/authors.html
index d2b0e175..6d2758c3 100644
--- a/docs/authors.html
+++ b/docs/authors.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Authors and Citation • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png"><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><meta property="og:title" content="Authors and Citation"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Authors and Citation • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png"><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><script src="extra.js"></script><meta property="og:title" content="Authors and Citation"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/index.html b/docs/index.html
index 4d930073..7ecb27f1 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -24,7 +24,7 @@
 <script src="deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous">
 <!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet">
-<meta property="og:title" content="Mobile Ready shiny Apps with Standalone Capabilities">
+<script src="extra.js"></script><meta property="og:title" content="Mobile Ready shiny Apps with Standalone Capabilities">
 <meta property="og:description" content="Develop outstanding shiny apps for iOS, Android, desktop as well as beautiful shiny gadgets.
     shinyMobile is built on top of the latest Framework7 template &lt;https://framework7.io&gt;.
     Discover 14 new input widgets (sliders, vertical sliders, stepper, 
@@ -36,8 +36,7 @@
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css">
+<![endif]-->
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/news/index.html b/docs/news/index.html
index 288514c5..050746d7 100644
--- a/docs/news/index.html
+++ b/docs/news/index.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Changelog • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Changelog"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Changelog • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Changelog"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/pkgdown.yml b/docs/pkgdown.yml
index 49b210c0..c426468a 100644
--- a/docs/pkgdown.yml
+++ b/docs/pkgdown.yml
@@ -8,5 +8,5 @@ articles:
   Tabs-Layout: Tabs-Layout.html
   shinyMobile: shinyMobile.html
   shinyMobile_tools: shinyMobile_tools.html
-last_built: 2024-01-20T20:48Z
+last_built: 2024-01-20T20:58Z
 
diff --git a/docs/reference/authentication.html b/docs/reference/authentication.html
index 03b38ba5..160e2ce4 100644
--- a/docs/reference/authentication.html
+++ b/docs/reference/authentication.html
@@ -2,13 +2,13 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Provide a template for authentication
 f7LoginServer is a useful server elements to fine tune the
 f7Login page.
-updateF7Login toggles a login page."><title>Framework7 login screen — f7Login • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 login screen — f7Login"><meta property="og:description" content="Provide a template for authentication
+updateF7Login toggles a login page."><title>Framework7 login screen — f7Login • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 login screen — f7Login"><meta property="og:description" content="Provide a template for authentication
 f7LoginServer is a useful server elements to fine tune the
 f7Login page.
 updateF7Login toggles a login page."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/class2f7.html b/docs/reference/class2f7.html
index 3ab7e606..7abbc197 100644
--- a/docs/reference/class2f7.html
+++ b/docs/reference/class2f7.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Get CSS class based on cell class"><title>Get CSS class based on cell class — class2f7 • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Get CSS class based on cell class — class2f7"><meta property="og:description" content="Get CSS class based on cell class"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Get CSS class based on cell class"><title>Get CSS class based on cell class — class2f7 • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Get CSS class based on cell class — class2f7"><meta property="og:description" content="Get CSS class based on cell class"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/createSelectOptions.html b/docs/reference/createSelectOptions.html
index 82244a7e..299c3ae6 100644
--- a/docs/reference/createSelectOptions.html
+++ b/docs/reference/createSelectOptions.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Used by f7SmartSelect and f7Select"><title>Create option html tag based on choice input — createSelectOptions • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create option html tag based on choice input — createSelectOptions"><meta property="og:description" content="Used by f7SmartSelect and f7Select"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Used by f7SmartSelect and f7Select"><title>Create option html tag based on choice input — createSelectOptions • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create option html tag based on choice input — createSelectOptions"><meta property="og:description" content="Used by f7SmartSelect and f7Select"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/create_app_ui.html b/docs/reference/create_app_ui.html
index 03427549..8ef6f3f7 100644
--- a/docs/reference/create_app_ui.html
+++ b/docs/reference/create_app_ui.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create the app UI"><title>Create the app UI — create_app_ui • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create the app UI — create_app_ui"><meta property="og:description" content="Create the app UI"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create the app UI"><title>Create the app UI — create_app_ui • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create the app UI — create_app_ui"><meta property="og:description" content="Create the app UI"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Align.html b/docs/reference/f7Align.html
index 2e9cd75a..80ec614d 100644
--- a/docs/reference/f7Align.html
+++ b/docs/reference/f7Align.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Align is an alignment utility for items."><title>Framework7 align utility — f7Align • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 align utility — f7Align"><meta property="og:description" content="f7Align is an alignment utility for items."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Align is an alignment utility for items."><title>Framework7 align utility — f7Align • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 align utility — f7Align"><meta property="og:description" content="f7Align is an alignment utility for items."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Badge.html b/docs/reference/f7Badge.html
index 888ea924..8a89effb 100644
--- a/docs/reference/f7Badge.html
+++ b/docs/reference/f7Badge.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Container to highlight important information with color."><title>Framework7 badge — f7Badge • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 badge — f7Badge"><meta property="og:description" content="Container to highlight important information with color."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Container to highlight important information with color."><title>Framework7 badge — f7Badge • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 badge — f7Badge"><meta property="og:description" content="Container to highlight important information with color."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7BlockFooter.html b/docs/reference/f7BlockFooter.html
index 48942659..aa8d5074 100644
--- a/docs/reference/f7BlockFooter.html
+++ b/docs/reference/f7BlockFooter.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7BlockFooter creates a footer content for f7Block."><title>Framework7 block footer — f7BlockFooter • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 block footer — f7BlockFooter"><meta property="og:description" content="f7BlockFooter creates a footer content for f7Block."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7BlockFooter creates a footer content for f7Block."><title>Framework7 block footer — f7BlockFooter • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 block footer — f7BlockFooter"><meta property="og:description" content="f7BlockFooter creates a footer content for f7Block."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7BlockTitle.html b/docs/reference/f7BlockTitle.html
index 1287ebeb..602a47c9 100644
--- a/docs/reference/f7BlockTitle.html
+++ b/docs/reference/f7BlockTitle.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7BlockTitle creates a title for f7Block."><title>Framework7 block title — f7BlockTitle • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 block title — f7BlockTitle"><meta property="og:description" content="f7BlockTitle creates a title for f7Block."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7BlockTitle creates a title for f7Block."><title>Framework7 block title — f7BlockTitle • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 block title — f7BlockTitle"><meta property="og:description" content="f7BlockTitle creates a title for f7Block."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Chip.html b/docs/reference/f7Chip.html
index 36ce1a30..d3b3e0d7 100644
--- a/docs/reference/f7Chip.html
+++ b/docs/reference/f7Chip.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Chip is an improved badge container."><title>Framework7 chips — f7Chip • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 chips — f7Chip"><meta property="og:description" content="f7Chip is an improved badge container."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Chip is an improved badge container."><title>Framework7 chips — f7Chip • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 chips — f7Chip"><meta property="og:description" content="f7Chip is an improved badge container."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Col.html b/docs/reference/f7Col.html
index d7144d46..d226761a 100644
--- a/docs/reference/f7Col.html
+++ b/docs/reference/f7Col.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 column container"><title>Framework7 column container — f7Col • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 column container — f7Col"><meta property="og:description" content="Build a Framework7 column container"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 column container"><title>Framework7 column container — f7Col • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 column container — f7Col"><meta property="og:description" content="Build a Framework7 column container"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7ColorPicker.html b/docs/reference/f7ColorPicker.html
index f6a7d1ef..1153c9ed 100644
--- a/docs/reference/f7ColorPicker.html
+++ b/docs/reference/f7ColorPicker.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a Framework7 color picker input"><title>Create a Framework7 color picker input — f7ColorPicker • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a Framework7 color picker input — f7ColorPicker"><meta property="og:description" content="Create a Framework7 color picker input"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a Framework7 color picker input"><title>Create a Framework7 color picker input — f7ColorPicker • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Framework7 color picker input — f7ColorPicker"><meta property="og:description" content="Create a Framework7 color picker input"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Dialog.html b/docs/reference/f7Dialog.html
index d34e59bc..767ab1dd 100644
--- a/docs/reference/f7Dialog.html
+++ b/docs/reference/f7Dialog.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Dialog generates a modal window."><title>Framework7 dialog window — f7Dialog • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 dialog window — f7Dialog"><meta property="og:description" content="f7Dialog generates a modal window."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Dialog generates a modal window."><title>Framework7 dialog window — f7Dialog • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 dialog window — f7Dialog"><meta property="og:description" content="f7Dialog generates a modal window."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7DownloadButton.html b/docs/reference/f7DownloadButton.html
index a86917f0..ba56cdc8 100644
--- a/docs/reference/f7DownloadButton.html
+++ b/docs/reference/f7DownloadButton.html
@@ -2,13 +2,13 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use these functions to create a download button;
 when clicked, it will initiate a browser download. The
 filename and contents are specified by the corresponding
-shiny downloadHandler() defined in the server function."><title>Create a download button — f7DownloadButton • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a download button — f7DownloadButton"><meta property="og:description" content="Use these functions to create a download button;
+shiny downloadHandler() defined in the server function."><title>Create a download button — f7DownloadButton • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a download button — f7DownloadButton"><meta property="og:description" content="Use these functions to create a download button;
 when clicked, it will initiate a browser download. The
 filename and contents are specified by the corresponding
 shiny downloadHandler() defined in the server function."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7FabClose.html b/docs/reference/f7FabClose.html
index dd0a6570..39128c74 100644
--- a/docs/reference/f7FabClose.html
+++ b/docs/reference/f7FabClose.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7FabClose indicates that the current tag should close the f7Fabs."><title>Framework7 FAB close — f7FabClose • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 FAB close — f7FabClose"><meta property="og:description" content="f7FabClose indicates that the current tag should close the f7Fabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7FabClose indicates that the current tag should close the f7Fabs."><title>Framework7 FAB close — f7FabClose • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 FAB close — f7FabClose"><meta property="og:description" content="f7FabClose indicates that the current tag should close the f7Fabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7File.html b/docs/reference/f7File.html
index f6684031..e3ae3f7a 100644
--- a/docs/reference/f7File.html
+++ b/docs/reference/f7File.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a file upload control that can be used
-to upload one or more files."><title>File Upload Control — f7File • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="File Upload Control — f7File"><meta property="og:description" content="Create a file upload control that can be used
+to upload one or more files."><title>File Upload Control — f7File • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="File Upload Control — f7File"><meta property="og:description" content="Create a file upload control that can be used
 to upload one or more files."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Flex.html b/docs/reference/f7Flex.html
index bdbf8e97..c7bc71b7 100644
--- a/docs/reference/f7Flex.html
+++ b/docs/reference/f7Flex.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 flex container"><title>Framework7 flex container — f7Flex • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 flex container — f7Flex"><meta property="og:description" content="Build a Framework7 flex container"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 flex container"><title>Framework7 flex container — f7Flex • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 flex container — f7Flex"><meta property="og:description" content="Build a Framework7 flex container"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Float.html b/docs/reference/f7Float.html
index f8bcd08b..9ef37b29 100644
--- a/docs/reference/f7Float.html
+++ b/docs/reference/f7Float.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Float is an alignment utility for items."><title>Framework7 float utility — f7Float • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 float utility — f7Float"><meta property="og:description" content="f7Float is an alignment utility for items."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Float is an alignment utility for items."><title>Framework7 float utility — f7Float • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 float utility — f7Float"><meta property="og:description" content="f7Float is an alignment utility for items."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Found.html b/docs/reference/f7Found.html
index 007e3d9d..1ca97f5b 100644
--- a/docs/reference/f7Found.html
+++ b/docs/reference/f7Found.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to display an item when the search is successful. — f7Found • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Utility to display an item when the search is successful. — f7Found"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to display an item when the search is successful. — f7Found • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Utility to display an item when the search is successful. — f7Found"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Gallery.html b/docs/reference/f7Gallery.html
index f29ed8ae..8ee05b71 100644
--- a/docs/reference/f7Gallery.html
+++ b/docs/reference/f7Gallery.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A gallery of all components available in shinyMobile."><title>Launch the shinyMobile Gallery — f7Gallery • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Launch the shinyMobile Gallery — f7Gallery"><meta property="og:description" content="A gallery of all components available in shinyMobile."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A gallery of all components available in shinyMobile."><title>Launch the shinyMobile Gallery — f7Gallery • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Launch the shinyMobile Gallery — f7Gallery"><meta property="og:description" content="A gallery of all components available in shinyMobile."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7HideOnEnable.html b/docs/reference/f7HideOnEnable.html
index 885f0f94..789f3dce 100644
--- a/docs/reference/f7HideOnEnable.html
+++ b/docs/reference/f7HideOnEnable.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to hide a given tag when f7Searchbar is enabled. — f7HideOnEnable • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Utility to hide a given tag when f7Searchbar is enabled. — f7HideOnEnable"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to hide a given tag when f7Searchbar is enabled. — f7HideOnEnable • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Utility to hide a given tag when f7Searchbar is enabled. — f7HideOnEnable"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7HideOnSearch.html b/docs/reference/f7HideOnSearch.html
index 4d95181c..7cceaf7a 100644
--- a/docs/reference/f7HideOnSearch.html
+++ b/docs/reference/f7HideOnSearch.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to hide a given tag on search — f7HideOnSearch • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Utility to hide a given tag on search — f7HideOnSearch"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to hide a given tag on search — f7HideOnSearch • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Utility to hide a given tag on search — f7HideOnSearch"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Icon.html b/docs/reference/f7Icon.html
index 654ba133..9884bbf6 100644
--- a/docs/reference/f7Icon.html
+++ b/docs/reference/f7Icon.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use Framework7 icons in shiny applications,
- see complete list of icons here : https://framework7.io/icons/."><title>Framework7 icons — f7Icon • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 icons — f7Icon"><meta property="og:description" content="Use Framework7 icons in shiny applications,
+ see complete list of icons here : https://framework7.io/icons/."><title>Framework7 icons — f7Icon • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 icons — f7Icon"><meta property="og:description" content="Use Framework7 icons in shiny applications,
  see complete list of icons here : https://framework7.io/icons/."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Item.html b/docs/reference/f7Item.html
index 630f72ea..a1937c42 100644
--- a/docs/reference/f7Item.html
+++ b/docs/reference/f7Item.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Similar to  f7Tab but for the f7SplitLayout."><title>Framework7 body item — f7Item • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 body item — f7Item"><meta property="og:description" content="Similar to  f7Tab but for the f7SplitLayout."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Similar to  f7Tab but for the f7SplitLayout."><title>Framework7 body item — f7Item • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 body item — f7Item"><meta property="og:description" content="Similar to  f7Tab but for the f7SplitLayout."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Items.html b/docs/reference/f7Items.html
index 8def9c3f..7ded55a7 100644
--- a/docs/reference/f7Items.html
+++ b/docs/reference/f7Items.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 wrapper for f7Item"><title>Framework7 item container — f7Items • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 item container — f7Items"><meta property="og:description" content="Build a Framework7 wrapper for f7Item"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 wrapper for f7Item"><title>Framework7 item container — f7Items • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 item container — f7Items"><meta property="og:description" content="Build a Framework7 wrapper for f7Item"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Link.html b/docs/reference/f7Link.html
index b682a7c9..203ba850 100644
--- a/docs/reference/f7Link.html
+++ b/docs/reference/f7Link.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Link to point toward external content."><title>Framework7 link — f7Link • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 link — f7Link"><meta property="og:description" content="Link to point toward external content."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Link to point toward external content."><title>Framework7 link — f7Link • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 link — f7Link"><meta property="og:description" content="Link to point toward external content."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7List.html b/docs/reference/f7List.html
index d97707cc..1ed34631 100644
--- a/docs/reference/f7List.html
+++ b/docs/reference/f7List.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a framework 7 contact list"><title>Create a framework 7 contact list — f7List • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a framework 7 contact list — f7List"><meta property="og:description" content="Create a framework 7 contact list"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a framework 7 contact list"><title>Create a framework 7 contact list — f7List • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a framework 7 contact list — f7List"><meta property="og:description" content="Create a framework 7 contact list"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7ListGroup.html b/docs/reference/f7ListGroup.html
index 72b7fc1f..e8b5e4ac 100644
--- a/docs/reference/f7ListGroup.html
+++ b/docs/reference/f7ListGroup.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a framework 7 group of contacts"><title>Create a framework 7 group of contacts — f7ListGroup • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a framework 7 group of contacts — f7ListGroup"><meta property="og:description" content="Create a framework 7 group of contacts"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a framework 7 group of contacts"><title>Create a framework 7 group of contacts — f7ListGroup • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a framework 7 group of contacts — f7ListGroup"><meta property="og:description" content="Create a framework 7 group of contacts"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7ListIndex.html b/docs/reference/f7ListIndex.html
index b3cfcee6..1d40779a 100644
--- a/docs/reference/f7ListIndex.html
+++ b/docs/reference/f7ListIndex.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="List index must be attached to an existing list view."><title>Create a Framework 7 list index — f7ListIndex • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a Framework 7 list index — f7ListIndex"><meta property="og:description" content="List index must be attached to an existing list view."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="List index must be attached to an existing list view."><title>Create a Framework 7 list index — f7ListIndex • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Framework 7 list index — f7ListIndex"><meta property="og:description" content="List index must be attached to an existing list view."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7ListItem.html b/docs/reference/f7ListItem.html
index 148fa2db..59d548b1 100644
--- a/docs/reference/f7ListItem.html
+++ b/docs/reference/f7ListItem.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a Framework 7 contact item"><title>Create a Framework 7 contact item — f7ListItem • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a Framework 7 contact item — f7ListItem"><meta property="og:description" content="Create a Framework 7 contact item"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a Framework 7 contact item"><title>Create a Framework 7 contact item — f7ListItem • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Framework 7 contact item — f7ListItem"><meta property="og:description" content="Create a Framework 7 contact item"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Margin.html b/docs/reference/f7Margin.html
index 38e4c0da..1628d00b 100644
--- a/docs/reference/f7Margin.html
+++ b/docs/reference/f7Margin.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Margin adds a margin to the given tag."><title>Framework7 margin utility — f7Margin • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 margin utility — f7Margin"><meta property="og:description" content="f7Margin adds a margin to the given tag."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Margin adds a margin to the given tag."><title>Framework7 margin utility — f7Margin • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 margin utility — f7Margin"><meta property="og:description" content="f7Margin adds a margin to the given tag."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7NotFound.html b/docs/reference/f7NotFound.html
index e8afd368..dab20fe1 100644
--- a/docs/reference/f7NotFound.html
+++ b/docs/reference/f7NotFound.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to display an item when the search is unsuccessful. — f7NotFound • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Utility to display an item when the search is unsuccessful. — f7NotFound"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to display an item when the search is unsuccessful. — f7NotFound • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Utility to display an item when the search is unsuccessful. — f7NotFound"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Notif.html b/docs/reference/f7Notif.html
index ca5fa080..53f74512 100644
--- a/docs/reference/f7Notif.html
+++ b/docs/reference/f7Notif.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Notification with title, text, icon and more."><title>Framework7 notification — f7Notif • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 notification — f7Notif"><meta property="og:description" content="Notification with title, text, icon and more."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Notification with title, text, icon and more."><title>Framework7 notification — f7Notif • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 notification — f7Notif"><meta property="og:description" content="Notification with title, text, icon and more."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Padding.html b/docs/reference/f7Padding.html
index 80a46db9..6f70b0fe 100644
--- a/docs/reference/f7Padding.html
+++ b/docs/reference/f7Padding.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Padding adds padding to the given tag."><title>Framework7 padding utility — f7Padding • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 padding utility — f7Padding"><meta property="og:description" content="f7Padding adds padding to the given tag."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Padding adds padding to the given tag."><title>Framework7 padding utility — f7Padding • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 padding utility — f7Padding"><meta property="og:description" content="f7Padding adds padding to the given tag."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Page.html b/docs/reference/f7Page.html
index e3d5b677..d692c8f6 100644
--- a/docs/reference/f7Page.html
+++ b/docs/reference/f7Page.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Page is the main app container."><title>Framework7 page container — f7Page • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 page container — f7Page"><meta property="og:description" content="f7Page is the main app container."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Page is the main app container."><title>Framework7 page container — f7Page • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 page container — f7Page"><meta property="og:description" content="f7Page is the main app container."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Password.html b/docs/reference/f7Password.html
index e57d1a70..a0884a65 100644
--- a/docs/reference/f7Password.html
+++ b/docs/reference/f7Password.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create an f7 password input"><title>Create an f7 password input — f7Password • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create an f7 password input — f7Password"><meta property="og:description" content="Create an f7 password input"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create an f7 password input"><title>Create an f7 password input — f7Password • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create an f7 password input — f7Password"><meta property="og:description" content="Create an f7 password input"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7PhotoBrowser.html b/docs/reference/f7PhotoBrowser.html
index 6ed9ea60..d6c6c16f 100644
--- a/docs/reference/f7PhotoBrowser.html
+++ b/docs/reference/f7PhotoBrowser.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A nice photo browser."><title>Framework7 photo browser — f7PhotoBrowser • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 photo browser — f7PhotoBrowser"><meta property="og:description" content="A nice photo browser."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A nice photo browser."><title>Framework7 photo browser — f7PhotoBrowser • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 photo browser — f7PhotoBrowser"><meta property="og:description" content="A nice photo browser."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Popup.html b/docs/reference/f7Popup.html
index d5162e23..abfa7ba4 100644
--- a/docs/reference/f7Popup.html
+++ b/docs/reference/f7Popup.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Popup creates a popup window with any UI content that pops up over App's main content.
-Popup as all other overlays is part of so called &quot;Temporary Views&quot;."><title>Framework7 popup — f7Popup • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 popup — f7Popup"><meta property="og:description" content="f7Popup creates a popup window with any UI content that pops up over App's main content.
+Popup as all other overlays is part of so called &quot;Temporary Views&quot;."><title>Framework7 popup — f7Popup • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 popup — f7Popup"><meta property="og:description" content="f7Popup creates a popup window with any UI content that pops up over App's main content.
 Popup as all other overlays is part of so called &quot;Temporary Views&quot;."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Row.html b/docs/reference/f7Row.html
index bf88ee7a..80ced4f9 100644
--- a/docs/reference/f7Row.html
+++ b/docs/reference/f7Row.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 row container"><title>Framework7 row container — f7Row • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 row container — f7Row"><meta property="og:description" content="Build a Framework7 row container"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 row container"><title>Framework7 row container — f7Row • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 row container — f7Row"><meta property="og:description" content="Build a Framework7 row container"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7SearchIgnore.html b/docs/reference/f7SearchIgnore.html
index 29c8e21d..8335cb5b 100644
--- a/docs/reference/f7SearchIgnore.html
+++ b/docs/reference/f7SearchIgnore.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to ignore an item from search. — f7SearchIgnore • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Utility to ignore an item from search. — f7SearchIgnore"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to ignore an item from search. — f7SearchIgnore • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Utility to ignore an item from search. — f7SearchIgnore"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Searchbar.html b/docs/reference/f7Searchbar.html
index f2c0739d..3ea595e5 100644
--- a/docs/reference/f7Searchbar.html
+++ b/docs/reference/f7Searchbar.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Searchbar to filter elements in a page."><title>Framework 7 searchbar — f7Searchbar • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework 7 searchbar — f7Searchbar"><meta property="og:description" content="Searchbar to filter elements in a page."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Searchbar to filter elements in a page."><title>Framework 7 searchbar — f7Searchbar • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework 7 searchbar — f7Searchbar"><meta property="og:description" content="Searchbar to filter elements in a page."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7SearchbarTrigger.html b/docs/reference/f7SearchbarTrigger.html
index c18b7bfb..2cd76461 100644
--- a/docs/reference/f7SearchbarTrigger.html
+++ b/docs/reference/f7SearchbarTrigger.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Element that triggers the searchbar."><title>Framework 7 searchbar trigger — f7SearchbarTrigger • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework 7 searchbar trigger — f7SearchbarTrigger"><meta property="og:description" content="Element that triggers the searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Element that triggers the searchbar."><title>Framework 7 searchbar trigger — f7SearchbarTrigger • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework 7 searchbar trigger — f7SearchbarTrigger"><meta property="og:description" content="Element that triggers the searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Segment.html b/docs/reference/f7Segment.html
index 2c501ed9..fbb9b73a 100644
--- a/docs/reference/f7Segment.html
+++ b/docs/reference/f7Segment.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A Framework7 segmented button container for f7Button."><title>Framework7 segmented button container — f7Segment • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 segmented button container — f7Segment"><meta property="og:description" content="A Framework7 segmented button container for f7Button."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A Framework7 segmented button container for f7Button."><title>Framework7 segmented button container — f7Segment • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 segmented button container — f7Segment"><meta property="og:description" content="A Framework7 segmented button container for f7Button."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Shadow.html b/docs/reference/f7Shadow.html
index 59a1e263..3c4addc8 100644
--- a/docs/reference/f7Shadow.html
+++ b/docs/reference/f7Shadow.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Creates a shadow effect to apply on UI elements like f7Card."><title>Framework7 shadow effect — f7Shadow • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 shadow effect — f7Shadow"><meta property="og:description" content="Creates a shadow effect to apply on UI elements like f7Card."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Creates a shadow effect to apply on UI elements like f7Card."><title>Framework7 shadow effect — f7Shadow • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 shadow effect — f7Shadow"><meta property="og:description" content="Creates a shadow effect to apply on UI elements like f7Card."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7SingleLayout.html b/docs/reference/f7SingleLayout.html
index 8ffa926b..8a8390d3 100644
--- a/docs/reference/f7SingleLayout.html
+++ b/docs/reference/f7SingleLayout.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7SingleLayout provides a simple page layout."><title>Framework7 single layout — f7SingleLayout • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 single layout — f7SingleLayout"><meta property="og:description" content="f7SingleLayout provides a simple page layout."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7SingleLayout provides a simple page layout."><title>Framework7 single layout — f7SingleLayout • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 single layout — f7SingleLayout"><meta property="og:description" content="f7SingleLayout provides a simple page layout."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Skeleton.html b/docs/reference/f7Skeleton.html
index e5a38c5c..0fa164ac 100644
--- a/docs/reference/f7Skeleton.html
+++ b/docs/reference/f7Skeleton.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Nice loading overlay for UI elements."><title>Framework 7 skeleton effect — f7Skeleton • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework 7 skeleton effect — f7Skeleton"><meta property="og:description" content="Nice loading overlay for UI elements."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Nice loading overlay for UI elements."><title>Framework 7 skeleton effect — f7Skeleton • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework 7 skeleton effect — f7Skeleton"><meta property="og:description" content="Nice loading overlay for UI elements."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Slide.html b/docs/reference/f7Slide.html
index 96904640..1ff5dcf1 100644
--- a/docs/reference/f7Slide.html
+++ b/docs/reference/f7Slide.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Slide is an f7Swiper element."><title>Framework7 slide — f7Slide • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 slide — f7Slide"><meta property="og:description" content="f7Slide is an f7Swiper element."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Slide is an f7Swiper element."><title>Framework7 slide — f7Slide • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 slide — f7Slide"><meta property="og:description" content="f7Slide is an f7Swiper element."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7SplitLayout.html b/docs/reference/f7SplitLayout.html
index d9df1741..b3285268 100644
--- a/docs/reference/f7SplitLayout.html
+++ b/docs/reference/f7SplitLayout.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="This is a modified version of the f7SingleLayout.
-It is intended to be used with tablets."><title>Framework7 split layout — f7SplitLayout • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 split layout — f7SplitLayout"><meta property="og:description" content="This is a modified version of the f7SingleLayout.
+It is intended to be used with tablets."><title>Framework7 split layout — f7SplitLayout • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 split layout — f7SplitLayout"><meta property="og:description" content="This is a modified version of the f7SingleLayout.
 It is intended to be used with tablets."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7SubNavbar.html b/docs/reference/f7SubNavbar.html
index 20638422..b7e463f2 100644
--- a/docs/reference/f7SubNavbar.html
+++ b/docs/reference/f7SubNavbar.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7SubNavbar creates a nested navbar component for
-f7Navbar."><title>Framework7 sub navbar — f7SubNavbar • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 sub navbar — f7SubNavbar"><meta property="og:description" content="f7SubNavbar creates a nested navbar component for
+f7Navbar."><title>Framework7 sub navbar — f7SubNavbar • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 sub navbar — f7SubNavbar"><meta property="og:description" content="f7SubNavbar creates a nested navbar component for
 f7Navbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Tab.html b/docs/reference/f7Tab.html
index 5ee95568..d2edeae3 100644
--- a/docs/reference/f7Tab.html
+++ b/docs/reference/f7Tab.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 tab item"><title>Create a Framework7 tab item — f7Tab • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a Framework7 tab item — f7Tab"><meta property="og:description" content="Build a Framework7 tab item"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 tab item"><title>Create a Framework7 tab item — f7Tab • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Framework7 tab item — f7Tab"><meta property="og:description" content="Build a Framework7 tab item"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7TabLayout.html b/docs/reference/f7TabLayout.html
index a227993c..84ea0935 100644
--- a/docs/reference/f7TabLayout.html
+++ b/docs/reference/f7TabLayout.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7TabLayout create a single page app with multiple tabs,
-giving the illusion of a multi pages experience."><title>Framework7 tab layout — f7TabLayout • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 tab layout — f7TabLayout"><meta property="og:description" content="f7TabLayout create a single page app with multiple tabs,
+giving the illusion of a multi pages experience."><title>Framework7 tab layout — f7TabLayout • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 tab layout — f7TabLayout"><meta property="og:description" content="f7TabLayout create a single page app with multiple tabs,
 giving the illusion of a multi pages experience."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7TabLink.html b/docs/reference/f7TabLink.html
index bb30da51..4cc0650b 100644
--- a/docs/reference/f7TabLink.html
+++ b/docs/reference/f7TabLink.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use in the .items slot of f7Tabs."><title>Special button/link to insert in the tabbar — f7TabLink • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Special button/link to insert in the tabbar — f7TabLink"><meta property="og:description" content="Use in the .items slot of f7Tabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use in the .items slot of f7Tabs."><title>Special button/link to insert in the tabbar — f7TabLink • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Special button/link to insert in the tabbar — f7TabLink"><meta property="og:description" content="Use in the .items slot of f7Tabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Table.html b/docs/reference/f7Table.html
index a58cf1aa..977bd0e3 100644
--- a/docs/reference/f7Table.html
+++ b/docs/reference/f7Table.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Creates a table container."><title>Framework7 table — f7Table • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 table — f7Table"><meta property="og:description" content="Creates a table container."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Creates a table container."><title>Framework7 table — f7Table • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 table — f7Table"><meta property="og:description" content="Creates a table container."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Tabs.html b/docs/reference/f7Tabs.html
index 85b49746..99e50746 100644
--- a/docs/reference/f7Tabs.html
+++ b/docs/reference/f7Tabs.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="By default, f7Tabs are used within the f7TabLayout. However, you
 may use them as standalone components if you specify a the segmented or strong
-styles."><title>Create a Framework7 tabs — f7Tabs • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Create a Framework7 tabs — f7Tabs"><meta property="og:description" content="By default, f7Tabs are used within the f7TabLayout. However, you
+styles."><title>Create a Framework7 tabs — f7Tabs • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Framework7 tabs — f7Tabs"><meta property="og:description" content="By default, f7Tabs are used within the f7TabLayout. However, you
 may use them as standalone components if you specify a the segmented or strong
 styles."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7TapHold.html b/docs/reference/f7TapHold.html
index 4011c68c..78aac392 100644
--- a/docs/reference/f7TapHold.html
+++ b/docs/reference/f7TapHold.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7TapHold is triggered after long press on an element, from the server."><title>Framework7 tapHold module — f7TapHold • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 tapHold module — f7TapHold"><meta property="og:description" content="f7TapHold is triggered after long press on an element, from the server."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7TapHold is triggered after long press on an element, from the server."><title>Framework7 tapHold module — f7TapHold • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 tapHold module — f7TapHold"><meta property="og:description" content="f7TapHold is triggered after long press on an element, from the server."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Toast.html b/docs/reference/f7Toast.html
index b2242d06..40205823 100644
--- a/docs/reference/f7Toast.html
+++ b/docs/reference/f7Toast.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Toast creates a small toast notification from the server side."><title>Framework7 toast — f7Toast • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 toast — f7Toast"><meta property="og:description" content="f7Toast creates a small toast notification from the server side."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Toast creates a small toast notification from the server side."><title>Framework7 toast — f7Toast • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 toast — f7Toast"><meta property="og:description" content="f7Toast creates a small toast notification from the server side."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Toolbar.html b/docs/reference/f7Toolbar.html
index 13027694..958cfcbe 100644
--- a/docs/reference/f7Toolbar.html
+++ b/docs/reference/f7Toolbar.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Toolbar is a layout element located at the bottom or top. It is
-internally used by f7Tabs."><title>Framework7 Toolbar — f7Toolbar • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 Toolbar — f7Toolbar"><meta property="og:description" content="f7Toolbar is a layout element located at the bottom or top. It is
+internally used by f7Tabs."><title>Framework7 Toolbar — f7Toolbar • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 Toolbar — f7Toolbar"><meta property="og:description" content="f7Toolbar is a layout element located at the bottom or top. It is
 internally used by f7Tabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/getF7Colors.html b/docs/reference/getF7Colors.html
index 0d386c9d..e8af7567 100644
--- a/docs/reference/getF7Colors.html
+++ b/docs/reference/getF7Colors.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Function to get all colors available in shinyMobile"><title>Function to get all colors available in shinyMobile — getF7Colors • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Function to get all colors available in shinyMobile — getF7Colors"><meta property="og:description" content="Function to get all colors available in shinyMobile"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Function to get all colors available in shinyMobile"><title>Function to get all colors available in shinyMobile — getF7Colors • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Function to get all colors available in shinyMobile — getF7Colors"><meta property="og:description" content="Function to get all colors available in shinyMobile"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/index.html b/docs/reference/index.html
index 5375f503..84f6c691 100644
--- a/docs/reference/index.html
+++ b/docs/reference/index.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Function reference • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Function reference"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Function reference • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Function reference"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/pipe.html b/docs/reference/pipe.html
index ec3fdcb9..486846ed 100644
--- a/docs/reference/pipe.html
+++ b/docs/reference/pipe.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="See magrittr::%&amp;gt;% for details."><title>Pipe operator — %&gt;% • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Pipe operator — %&gt;%"><meta property="og:description" content="See magrittr::%&amp;gt;% for details."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="See magrittr::%&amp;gt;% for details."><title>Pipe operator — %&gt;% • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Pipe operator — %&gt;%"><meta property="og:description" content="See magrittr::%&amp;gt;% for details."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/preloader.html b/docs/reference/preloader.html
index 6c591909..a368c304 100644
--- a/docs/reference/preloader.html
+++ b/docs/reference/preloader.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="showF7Preloader shows a preloader.
-f7HidePreloader hides a preloader."><title>Framework7 preloader — showF7Preloader • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 preloader — showF7Preloader"><meta property="og:description" content="showF7Preloader shows a preloader.
+f7HidePreloader hides a preloader."><title>Framework7 preloader — showF7Preloader • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 preloader — showF7Preloader"><meta property="og:description" content="showF7Preloader shows a preloader.
 f7HidePreloader hides a preloader."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/preview_mobile.html b/docs/reference/preview_mobile.html
index 681e80a7..c5750d93 100644
--- a/docs/reference/preview_mobile.html
+++ b/docs/reference/preview_mobile.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Allow to preview a given app on different devices."><title>Allow to preview a given app on different devices. — preview_mobile • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Allow to preview a given app on different devices. — preview_mobile"><meta property="og:description" content="Allow to preview a given app on different devices."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Allow to preview a given app on different devices."><title>Allow to preview a given app on different devices. — preview_mobile • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Allow to preview a given app on different devices. — preview_mobile"><meta property="og:description" content="Allow to preview a given app on different devices."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/sheet.html b/docs/reference/sheet.html
index 44d5494a..dce05550 100644
--- a/docs/reference/sheet.html
+++ b/docs/reference/sheet.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Sheet creates an f7 sheet modal window.
-updateF7Sheet toggles an f7Sheet on the client."><title>Framework7 sheet — f7Sheet • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Framework7 sheet — f7Sheet"><meta property="og:description" content="f7Sheet creates an f7 sheet modal window.
+updateF7Sheet toggles an f7Sheet on the client."><title>Framework7 sheet — f7Sheet • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 sheet — f7Sheet"><meta property="og:description" content="f7Sheet creates an f7 sheet modal window.
 updateF7Sheet toggles an f7Sheet on the client."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/updateF7Tabs.html b/docs/reference/updateF7Tabs.html
index 9c314593..28aaef38 100644
--- a/docs/reference/updateF7Tabs.html
+++ b/docs/reference/updateF7Tabs.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Update f7Tabs."><title>Update a Framework 7 tabsetPanel — updateF7Tabs • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Update a Framework 7 tabsetPanel — updateF7Tabs"><meta property="og:description" content="Update f7Tabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Update f7Tabs."><title>Update a Framework 7 tabsetPanel — updateF7Tabs • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Update a Framework 7 tabsetPanel — updateF7Tabs"><meta property="og:description" content="Update f7Tabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/updateF7VirtualList.html b/docs/reference/updateF7VirtualList.html
index 0bf2fefe..8d2826b7 100644
--- a/docs/reference/updateF7VirtualList.html
+++ b/docs/reference/updateF7VirtualList.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
-<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="This function wraps all methods from https://framework7.io/docs/virtual-list.html"><title>Update an f7VirtualList on the server side — updateF7VirtualList • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><meta property="og:title" content="Update an f7VirtualList on the server side — updateF7VirtualList"><meta property="og:description" content="This function wraps all methods from https://framework7.io/docs/virtual-list.html"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
+<!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="This function wraps all methods from https://framework7.io/docs/virtual-list.html"><title>Update an f7VirtualList on the server side — updateF7VirtualList • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Update an f7VirtualList on the server side — updateF7VirtualList"><meta property="og:description" content="This function wraps all methods from https://framework7.io/docs/virtual-list.html"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--><link href="https://raw.githubusercontent.com/rstudio/bslib/main/inst/components/dist/components.min.js"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css"></head><body>
+<![endif]--></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/pkgdown/extra.js b/pkgdown/extra.js
new file mode 100644
index 00000000..a77d2df1
--- /dev/null
+++ b/pkgdown/extra.js
@@ -0,0 +1,15 @@
+/*! bslib 0.6.1.9001 | (c) 2012-2024 RStudio, PBC. | License: MIT + file LICENSE */
+"use strict";(()=>{var m=(r,e)=>()=>(r&&(e=r(r=0)),e);var V=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var F=(r,e,t)=>{if(!e.has(r))throw TypeError("Cannot "+t)};var f=(r,e,t)=>(F(r,e,"read from private field"),t?t.call(r):e.get(r)),C=(r,e,t)=>{if(e.has(r))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(r):e.set(r,t)};var I=(r,e,t)=>(F(r,e,"access private method"),t);var u=(r,e,t)=>new Promise((n,i)=>{var s=o=>{try{d(t.next(o))}catch(h){i(h)}},c=o=>{try{d(t.throw(o))}catch(h){i(h)}},d=o=>o.done?n(o.value):Promise.resolve(o.value).then(s,c);d((t=t.apply(r,e)).next())});function y(r,e){window.Shiny&&Shiny.inputBindings.register(new r,"bslib."+e)}function T(r,e){return Object.prototype.hasOwnProperty.call(r,e)&&r[e]!==void 0}function x(r){let e=["a[href]","area[href]","button","details summary","input","iframe","select","textarea",'[contentEditable=""]','[contentEditable="true"]','[contentEditable="TRUE"]',"[tabindex]"],t=[':not([tabindex="-1"])',":not([disabled])"],n=e.map(s=>s+t.join("")),i=r.querySelectorAll(n.join(", "));return Array.from(i)}function v(...r){return u(this,null,function*(){if(!window.Shiny)throw new Error("This function must be called in a Shiny app.");return Shiny.renderContentAsync?yield Shiny.renderContentAsync.apply(null,r):yield Shiny.renderContent.apply(null,r)})}var b,E=m(()=>{"use strict";b=window.Shiny?Shiny.InputBinding:class{}});var _,k=m(()=>{"use strict";E();_=class extends b{find(e){return $(e).find(".accordion.bslib-accordion-input")}getValue(e){let n=this._getItemInfo(e).filter(i=>i.isOpen()).map(i=>i.value);return n.length===0?null:n}subscribe(e,t){$(e).on("shown.bs.collapse.accordionInputBinding hidden.bs.collapse.accordionInputBinding",function(n){t(!0)})}unsubscribe(e){$(e).off(".accordionInputBinding")}receiveMessage(e,t){return u(this,null,function*(){let n=t.method;if(n==="set")this._setItems(e,t);else if(n==="open")this._openItems(e,t);else if(n==="close")this._closeItems(e,t);else if(n==="remove")this._removeItem(e,t);else if(n==="insert")yield this._insertItem(e,t);else if(n==="update")yield this._updateItem(e,t);else throw new Error(`Method not yet implemented: ${n}`)})}_setItems(e,t){let n=this._getItemInfo(e),i=this._getValues(e,n,t.values);n.forEach(s=>{i.indexOf(s.value)>-1?s.show():s.hide()})}_openItems(e,t){let n=this._getItemInfo(e),i=this._getValues(e,n,t.values);n.forEach(s=>{i.indexOf(s.value)>-1&&s.show()})}_closeItems(e,t){let n=this._getItemInfo(e),i=this._getValues(e,n,t.values);n.forEach(s=>{i.indexOf(s.value)>-1&&s.hide()})}_insertItem(e,t){return u(this,null,function*(){let n=this._findItem(e,t.target);n||(n=t.position==="before"?e.firstElementChild:e.lastElementChild);let i=t.panel;if(n?yield v(n,i,t.position==="before"?"beforeBegin":"afterEnd"):yield v(e,i),this._isAutoClosing(e)){let s=$(i.html).attr("data-value");$(e).find(`[data-value="${s}"] .accordion-collapse`).attr("data-bs-parent","#"+e.id)}})}_removeItem(e,t){let n=this._getItemInfo(e).filter(s=>t.target.indexOf(s.value)>-1),i=Shiny==null?void 0:Shiny.unbindAll;n.forEach(s=>{i&&i(s.item),s.item.remove()})}_updateItem(e,t){return u(this,null,function*(){let n=this._findItem(e,t.target);if(!n)throw new Error(`Unable to find an accordion_panel() with a value of ${t.target}`);if(T(t,"value")&&(n.dataset.value=t.value),T(t,"body")){let s=n.querySelector(".accordion-body");yield v(s,t.body)}let i=n.querySelector(".accordion-header");if(T(t,"title")){let s=i.querySelector(".accordion-title");yield v(s,t.title)}if(T(t,"icon")){let s=i.querySelector(".accordion-button > .accordion-icon");yield v(s,t.icon)}})}_getItemInfo(e){return Array.from(e.querySelectorAll(":scope > .accordion-item")).map(n=>this._getSingleItemInfo(n))}_getSingleItemInfo(e){let t=e.querySelector(".accordion-collapse"),n=()=>$(t).hasClass("show");return{item:e,value:e.dataset.value,isOpen:n,show:()=>{n()||$(t).collapse("show")},hide:()=>{n()&&$(t).collapse("hide")}}}_getValues(e,t,n){let i=n!==!0?n:t.map(c=>c.value);return this._isAutoClosing(e)&&(i=i.slice(i.length-1,i.length)),i}_findItem(e,t){return e.querySelector(`[data-value="${t}"]`)}_isAutoClosing(e){return e.classList.contains("autoclose")}};y(_,"accordion")});var L,A=m(()=>{"use strict";L=class{constructor(){this.resizeObserverEntries=[],this.resizeObserver=new ResizeObserver(e=>{let t=new Event("resize");if(window.dispatchEvent(t),!window.Shiny)return;let n=[];for(let i of e)i.target instanceof HTMLElement&&i.target.querySelector(".shiny-bound-output")&&i.target.querySelectorAll(".shiny-bound-output").forEach(s=>{if(n.includes(s))return;let{binding:c,onResize:d}=$(s).data("shinyOutputBinding");if(!c||!c.resize)return;let o=s.shinyResizeObserver;if(o&&o!==this||(o||(s.shinyResizeObserver=this),d(s),n.push(s),!s.classList.contains("shiny-plot-output")))return;let h=s.querySelector('img:not([width="100%"])');h&&h.setAttribute("width","100%")})})}observe(e){this.resizeObserver.observe(e),this.resizeObserverEntries.push(e)}unobserve(e){let t=this.resizeObserverEntries.indexOf(e);t<0||(this.resizeObserver.unobserve(e),this.resizeObserverEntries.splice(t,1))}flush(){this.resizeObserverEntries.forEach(e=>{document.body.contains(e)||this.unobserve(e)})}}});var a,g,N=m(()=>{"use strict";E();A();a=class{constructor(e){var t;e.removeAttribute(a.attr.ATTR_INIT),(t=e.querySelector(`script[${a.attr.ATTR_INIT}]`))==null||t.remove(),this.card=e,a.instanceMap.set(e,this),a.shinyResizeObserver.observe(this.card),this._addEventListeners(),this.overlay=this._createOverlay(),this._exitFullScreenOnEscape=this._exitFullScreenOnEscape.bind(this),this._trapFocusExit=this._trapFocusExit.bind(this)}enterFullScreen(e){var t;e&&e.preventDefault(),this.card.id&&this.overlay.anchor.setAttribute("aria-controls",this.card.id),document.addEventListener("keydown",this._exitFullScreenOnEscape,!1),document.addEventListener("keydown",this._trapFocusExit,!0),this.card.setAttribute(a.attr.ATTR_FULL_SCREEN,"true"),document.body.classList.add(a.attr.CLASS_HAS_FULL_SCREEN),this.card.insertAdjacentElement("beforebegin",this.overlay.container),(!this.card.contains(document.activeElement)||(t=document.activeElement)!=null&&t.classList.contains(a.attr.CLASS_FULL_SCREEN_ENTER))&&(this.card.setAttribute("tabindex","-1"),this.card.focus()),this._emitFullScreenEvent(!0)}exitFullScreen(){document.removeEventListener("keydown",this._exitFullScreenOnEscape,!1),document.removeEventListener("keydown",this._trapFocusExit,!0),this.overlay.container.remove(),this.card.setAttribute(a.attr.ATTR_FULL_SCREEN,"false"),this.card.removeAttribute("tabindex"),document.body.classList.remove(a.attr.CLASS_HAS_FULL_SCREEN),this._emitFullScreenEvent(!1)}_emitFullScreenEvent(e){let t=new CustomEvent("bslib.card",{bubbles:!0,detail:{fullScreen:e}});this.card.dispatchEvent(t)}_addEventListeners(){let e=this.card.querySelector(`:scope > * > .${a.attr.CLASS_FULL_SCREEN_ENTER}`);e&&e.addEventListener("click",t=>this.enterFullScreen(t))}_exitFullScreenOnEscape(e){if(!(e.target instanceof HTMLElement))return;let t=["select[open]","input[aria-expanded='true']"];e.target.matches(t.join(", "))||e.key==="Escape"&&this.exitFullScreen()}_trapFocusExit(e){if(!(e instanceof KeyboardEvent)||e.key!=="Tab")return;let t=e.target===this.card,n=e.target===this.overlay.anchor,i=this.card.contains(e.target),s=()=>{e.preventDefault(),e.stopImmediatePropagation()};if(!(i||t||n)){s(),this.card.focus();return}let c=x(this.card).filter(H=>!H.classList.contains(a.attr.CLASS_FULL_SCREEN_ENTER));if(!(c.length>0)){s(),this.overlay.anchor.focus();return}if(t)return;let o=c[c.length-1],h=e.target===o;if(n&&e.shiftKey){s(),o.focus();return}if(h&&!e.shiftKey){s(),this.overlay.anchor.focus();return}}_createOverlay(){let e=document.createElement("div");e.id=a.attr.ID_FULL_SCREEN_OVERLAY,e.onclick=this.exitFullScreen.bind(this);let t=this._createOverlayCloseAnchor();return e.appendChild(t),{container:e,anchor:t}}_createOverlayCloseAnchor(){let e=document.createElement("a");return e.classList.add(a.attr.CLASS_FULL_SCREEN_EXIT),e.tabIndex=0,e.setAttribute("aria-expanded","true"),e.setAttribute("aria-label","Close card"),e.setAttribute("role","button"),e.onclick=t=>{this.exitFullScreen(),t.stopPropagation()},e.onkeydown=t=>{(t.key==="Enter"||t.key===" ")&&this.exitFullScreen()},e.innerHTML=this._overlayCloseHtml(),e}_overlayCloseHtml(){return"Close <svg width='20' height='20' fill='currentColor' class='bi bi-x-lg' viewBox='0 0 16 16'><path d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/></svg>"}static getInstance(e){return a.instanceMap.get(e)}static initializeAllCards(e=!0){if(document.readyState==="loading"){a.onReadyScheduled||(a.onReadyScheduled=!0,document.addEventListener("DOMContentLoaded",()=>{a.initializeAllCards(!1)}));return}e&&a.shinyResizeObserver.flush();let t=`.${a.attr.CLASS_CARD}[${a.attr.ATTR_INIT}]`;if(!document.querySelector(t))return;document.querySelectorAll(t).forEach(i=>new a(i))}},g=a;g.attr={ATTR_INIT:"data-bslib-card-init",CLASS_CARD:"bslib-card",ATTR_FULL_SCREEN:"data-full-screen",CLASS_HAS_FULL_SCREEN:"bslib-has-full-screen",CLASS_FULL_SCREEN_ENTER:"bslib-full-screen-enter",CLASS_FULL_SCREEN_EXIT:"bslib-full-screen-exit",ID_FULL_SCREEN_OVERLAY:"bslib-full-screen-overlay"},g.shinyResizeObserver=new L,g.instanceMap=new WeakMap,g.onReadyScheduled=!1;window.bslib=window.bslib||{};window.bslib.Card=g});var l,p,O,U=m(()=>{"use strict";E();A();l=class{constructor(e){this.windowSize="";var i;l.instanceMap.set(e,this),this.layout={container:e,main:e.querySelector(":scope > .main"),sidebar:e.querySelector(":scope > .sidebar"),toggle:e.querySelector(":scope > .collapse-toggle")};let t=this.layout.sidebar.querySelector(":scope > .sidebar-content > .accordion");t&&((i=t==null?void 0:t.parentElement)==null||i.classList.add("has-accordion"),t.classList.add("accordion-flush")),this._initSidebarCounters(),this._initSidebarState(),(this._isCollapsible("desktop")||this._isCollapsible("mobile"))&&this._initEventListeners(),l.shinyResizeObserver.observe(this.layout.main),e.removeAttribute("data-bslib-sidebar-init");let n=e.querySelector(":scope > script[data-bslib-sidebar-init]");n&&e.removeChild(n)}get isClosed(){return this.layout.container.classList.contains(l.classes.COLLAPSE)}static getInstance(e){return l.instanceMap.get(e)}_isCollapsible(e="desktop"){let{container:t}=this.layout,n=e==="desktop"?"collapsibleDesktop":"collapsibleMobile",i=t.dataset[n];return i===void 0?!0:i.trim().toLowerCase()!=="false"}static initCollapsibleAll(e=!0){if(document.readyState==="loading"){l.onReadyScheduled||(l.onReadyScheduled=!0,document.addEventListener("DOMContentLoaded",()=>{l.initCollapsibleAll(!1)}));return}let t=`.${l.classes.LAYOUT}[data-bslib-sidebar-init]`;if(!document.querySelector(t))return;e&&l.shinyResizeObserver.flush(),document.querySelectorAll(t).forEach(i=>new l(i))}_initEventListeners(){var t;let{toggle:e}=this.layout;e.addEventListener("click",n=>{n.preventDefault(),this.toggle("toggle")}),(t=e.querySelector(".collapse-icon"))==null||t.addEventListener("transitionend",()=>this._finalizeState()),!(this._isCollapsible("desktop")&&this._isCollapsible("mobile"))&&window.addEventListener("resize",()=>this._handleWindowResizeEvent())}_initSidebarCounters(){let{container:e}=this.layout,t=`.${l.classes.LAYOUT}> .main > .${l.classes.LAYOUT}:not([data-bslib-sidebar-open="always"])`;if(!(e.querySelector(t)===null))return;function i(o){return o=o?o.parentElement:null,o&&o.classList.contains("main")&&(o=o.parentElement),o&&o.classList.contains(l.classes.LAYOUT)?o:null}let s=[e],c=i(e);for(;c;)s.unshift(c),c=i(c);let d={left:0,right:0};s.forEach(function(o){let H=o.classList.contains("sidebar-right")?d.right++:d.left++;o.style.setProperty("--_js-toggle-count-this-side",H.toString()),o.style.setProperty("--_js-toggle-count-max-side",Math.max(d.right,d.left).toString())})}_getWindowSize(){let{container:e}=this.layout;return window.getComputedStyle(e).getPropertyValue("--bslib-sidebar-js-window-size").trim()}_initialToggleState(){var i,s;let{container:e}=this.layout,t=this.windowSize==="desktop"?"openDesktop":"openMobile",n=(s=(i=e.dataset[t])==null?void 0:i.trim())==null?void 0:s.toLowerCase();return n===void 0||["open","always"].includes(n)?"open":["close","closed"].includes(n)?"close":"open"}_initSidebarState(){this.windowSize=this._getWindowSize();let e=this._initialToggleState();this.toggle(e,!0)}_handleWindowResizeEvent(){let e=this._getWindowSize();!e||e==this.windowSize||this._initSidebarState()}toggle(e,t=!1){typeof e=="undefined"&&(e="toggle");let{container:n,sidebar:i}=this.layout,s=this.isClosed;if(["open","close","toggle"].indexOf(e)===-1)throw new Error(`Unknown method ${e}`);if(e==="toggle"&&(e=s?"open":"close"),s&&e==="close"||!s&&e==="open"){t&&this._finalizeState();return}e==="open"&&(i.hidden=!1),n.classList.toggle(l.classes.TRANSITIONING,!t),n.classList.toggle(l.classes.COLLAPSE),t&&this._finalizeState()}_finalizeState(){let{container:e,sidebar:t,toggle:n}=this.layout;e.classList.remove(l.classes.TRANSITIONING),t.hidden=this.isClosed,n.setAttribute("aria-expanded",this.isClosed?"false":"true");let i=new CustomEvent("bslib.sidebar",{bubbles:!0,detail:{open:!this.isClosed}});t.dispatchEvent(i),$(t).trigger("toggleCollapse.sidebarInputBinding"),$(t).trigger(this.isClosed?"hidden":"shown")}},p=l;p.shinyResizeObserver=new L,p.classes={LAYOUT:"bslib-sidebar-layout",COLLAPSE:"sidebar-collapsed",TRANSITIONING:"transitioning"},p.onReadyScheduled=!1,p.instanceMap=new WeakMap;O=class extends b{find(e){return $(e).find(`.${p.classes.LAYOUT} > .bslib-sidebar-input`)}getValue(e){let t=p.getInstance(e.parentElement);return t?!t.isClosed:!1}setValue(e,t){let n=t?"open":"close";this.receiveMessage(e,{method:n})}subscribe(e,t){$(e).on("toggleCollapse.sidebarInputBinding",function(n){t(!0)})}unsubscribe(e){$(e).off(".sidebarInputBinding")}receiveMessage(e,t){let n=p.getInstance(e.parentElement);n&&n.toggle(t.method)}};y(O,"sidebar");window.bslib=window.bslib||{};window.bslib.Sidebar=p});var S,M,w,z,R,q=m(()=>{"use strict";E();R=class extends b{constructor(){super(...arguments);C(this,w);C(this,S,new WeakMap);C(this,M,new WeakMap)}find(t){return $(t).find(".bslib-task-button")}getValue(t){var n;return{value:(n=f(this,S).get(t))!=null?n:0,autoReset:t.hasAttribute("data-auto-reset")}}getType(){return"bslib.taskbutton"}subscribe(t,n){f(this,M).has(t)&&this.unsubscribe(t);let i=()=>{var s;f(this,S).set(t,((s=f(this,S).get(t))!=null?s:0)+1),n(!0),I(this,w,z).call(this,t,"busy")};f(this,M).set(t,i),t.addEventListener("click",i)}unsubscribe(t){let n=f(this,M).get(t);n&&t.removeEventListener("click",n)}receiveMessage(i,s){return u(this,arguments,function*(t,{state:n}){I(this,w,z).call(this,t,n)})}};S=new WeakMap,M=new WeakMap,w=new WeakSet,z=function(t,n){t.disabled=n==="busy";let i=t.querySelector("bslib-switch-inline");i&&(i.case=n)};y(R,"task-button")});function B(r){if(window.Shiny)for(let[e,t]of Object.entries(r))Shiny.addCustomMessageHandler(e,t)}var D=m(()=>{"use strict"});var Y=V(P=>{k();N();U();q();E();D();var j={"bslib.toggle-input-binary":r=>u(P,null,function*(){let e=document.getElementById(r.id);e||console.warn("[bslib.toggle-input-binary] No element found",r);let t=$(e).data("shiny-input-binding");if(!(t instanceof b)){console.warn("[bslib.toggle-input-binary] No input binding found",r);return}let n=r.value;typeof n=="undefined"&&(n=!t.getValue(e)),yield t.receiveMessage(e,{value:n})})};window.Shiny&&B(j);function W(){let r=document.createElement("div");r.innerHTML=`
+  <svg aria-hidden="true" focusable="false" style="width:0;height:0;position:absolute;">
+    <!-- ref: https://fvsch.com/svg-gradient-fill -->
+    <linearGradient id='bslib---icon-gradient' x1='0' y1='0' x2='1.6' y2='2.4'>
+      <stop offset='0%' stop-color='var(--bslib-icon-gradient-0, #007bc2)' />
+      <stop offset='14.29%' stop-color='var(--bslib-icon-gradient-1, #0770c9)' />
+      <stop offset='28.57%' stop-color='var(--bslib-icon-gradient-2, #0d63da)' />
+      <stop offset='42.86%' stop-color='var(--bslib-icon-gradient-3, #2b4af9)' />
+      <stop offset='57.14%' stop-color='var(--bslib-icon-gradient-4, #5e29f7)' />
+      <stop offset='71.43%' stop-color='var(--bslib-icon-gradient-5, #7217d7)' />
+      <stop offset='100%' stop-color='var(--bslib-icon-gradient-6, #74149c)' />
+    </linearGradient>
+  </svg>`,document.body.appendChild(r.children[0])}document.readyState==="complete"?W():document.addEventListener("DOMContentLoaded",W)});Y();})();
+//# sourceMappingURL=components.min.js.map

From 745859f0440e5a1355ee5e19cb2a77c33fe8f8b9 Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Sat, 20 Jan 2024 22:10:22 +0100
Subject: [PATCH 07/19] split layout vignette

---
 docs/articles/Split-Layout.html | 17 ++++++++++-------
 docs/articles/Tabs-Layout.html  |  2 +-
 docs/news/index.html            |  4 ++++
 docs/pkgdown.yml                |  2 +-
 vignettes/Split-Layout.Rmd      | 22 +++++++++++++++-------
 5 files changed, 31 insertions(+), 16 deletions(-)

diff --git a/docs/articles/Split-Layout.html b/docs/articles/Split-Layout.html
index d3fd13af..8fed202b 100644
--- a/docs/articles/Split-Layout.html
+++ b/docs/articles/Split-Layout.html
@@ -95,7 +95,8 @@ <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
 
 
 
-
+<link href="Split-Layout_files/htmltools-fill-0.5.6.1/fill.css" rel="stylesheet">
+<script src="Split-Layout_files/bslib-webComponents-js-0.5.1/webComponents.min.js" type="module"></script><script src="Split-Layout_files/bslib-tag-require-0.5.1/tag-require.js"></script><script src="Split-Layout_files/bslib-card-js-0.5.1/card.min.js"></script><link href="Split-Layout_files/bslib-card-styles-0.5.1/card.css" rel="stylesheet">
 <div class="row">
   <main id="main" class="col-md-9"><div class="page-header">
       <img src="../logo.png" class="logo" alt=""><h1>Split-Layout</h1>
@@ -140,25 +141,27 @@ <h4 data-toc-skip class="date">2024-01-20</h4>
 <code><a href="../reference/panelmenu.html">f7PanelMenu()</a></code>, you can pass tags in the <code>...</code>
 directly. However, this prevents you from having a tabbed
 navigation.</p>
-<link rel="stylesheet" href="/private/var/folders/pd/r5jk5d5x1rlbc61zz_8vsnh80000gn/T/Rtmp38gHfS/temp_libpath14997f106b46/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
-<div class="marvel-device black ipad">
-<div class="camera"></div>
-<div class="screen">
-<iframe width="100%" src="https://dgranjon.shinyapps.io/miniUI2Split" allowfullscreen="" frameborder="0" scrolling="yes" height="770"></iframe>
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/app/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw4BzSampFSAJmGiGzNl178AskXq1qcZWLUc0cAB4FuLcoyOqJ7UtzgwopWgWUiAZowCutKScAAQAPAC0IQAm7lAYfrBw7CIhIdDwIQC8IQTsAOQAgugGnPm4IfkA8swQknBlFfkAQlDQ0I2VzXCMjLQN+QK4qSEAblDU-nDZuewALHMVAKxLFQBsAOwVABwAzMreZC5uHgQA+jx8HD4kpDNCKP6kRA+HEHAA7mcwpAQsoZEQowGtZUMkRrFSFAZi4oNF2D8-oxOEMRrRouNGPcwDAiNE4NQHsMIGlMaw+JIZnROKR2HkHtFmKQiSEHh9mWABKiSSEPPBQjl6WBGe4WWyOdy0tFaMCCB4SNi5HUiSNRhgMg1seNJnAVTzGURUDMhTBUJIxYRWIS8KywNxUBbpTSLQBHThwAgW0acC2wC31FgWpH0V4iQ6XfjFVApHmBGY+DYABSg9RjaTSHlIBmxWlYITQDrwIzShvlEAFIWptOL6ecrmmOQeUH8jCIzD16fTsUYAGsZgAVLAAVQAosTO2kfPoDNEZgAxQoAGQAymOa2liHIsY2wABiAAM+42UB8Pg7E+e-isVNoNLTE4zaAAEkRqLOcoPR+OH7zn6-ogAIgSUB5jkGxLPu34PrQRCcP2RBXtwWC0CUDYhAuK4juuISShOMFwbUnCTAQFCkK0yLzkuq5Qem0CjPQLA3ne2FpPhADCpE9P2QTZh+w5rjyD68PiAByUCjFUEDJvUy4EK21DUAO-HYbhnbPK+DHbpWt7VoJE7CXAYkSVJKZwLJ8mKTkGGripNFpKg-gKfBWBwH4IKUZhNaqSECbLrIQSLiBCG6Q+nDonAmnxkmbQEveD6ZrxtrLuFmnnqF4WKq5HJ2bWxxoQ8dCSNw2UsT50XvNQWgUP4cU-ui2LwBA-hpT+CbJhVACS5AwLVP6-vQYmZDuUL0AAjC1fUJflYD9lA9AhONRZ6X1ngKjkCYdcQEApGAcAuv4ExnAQMoEAYrw5Q+UByrQoxoZ+WHLRO3kPm1MXUF1ri9T+I2DdNI0KBN308dNs3zQDS19Z2q0kutGybSQO17Qd1BHSdZ2cqVaTPROr2dd1X3xXNv3YiNuyA-FwPYqDIRkxDkOsVtUXw9tDxI4dx2MKduoY49nbKH12NpIEVRPA51ZgO6BhynA0RnCN52la5PgencO7ArdEwPLZ2F0ZFsNGZpBO8pTO5+XQdyBawwXkyE1gynQ7wedRpU8HCRAfEpo7a496nUHrZXwRpLBG6gsFBDBMO2vQ8jPDANsJoufA9uw1BzQS2KJxAfaLRU3DAj42LFaQqCcIgAD0ZcfFXGCSEQRCSAYGDEHHnIXWVmfJ6n9DpzuHchODuf54XpDF6XFdVx8Nd1w3cBN0QLf809OW7iEbh8LktykdhG3dZwRs759mP9cTw1zTnR8Js0TzPCzYDPNIBjLi4cDZbaiZyHcqAsEktg+q3F8bCfnAF+RsobvltDwYBpBz68wnF3Hub8P4hGTMweAv8badjbP0Mg7gI7YmjiPeeGD0ycA+ChOA8E2JyHdJ7AS9M0gMQID2A0Ro+JfiPpOQBdB8SMFAROB4ug-5twfA8ES-gYDdyxEQAugiejjDLKXYhnYYDrxyJBVeUBzAzFGoeSCHD0zaimDMCC+59GLwFsIkITB2CC3TLIeQIti5PB2k6Ug795ChlgbYg+PUj4-SSCTOaA8j5mEsNYRgpBHFix2swbsniLGlR8Xw-xQ1bSk2IQmeCD9wSwKhhAMWHVwEPHsaQC43B3ZKMrGnSySVyke3caQAA-JUqwHoewy1oUfWxaRQlWBsFE5xDwYCOQ8GcWJtBNY8wFipLyIxcLukYLdLSPh-AQGugjPgYsKjBS2SEd0nAwokAECEEAIgayyMWXAEct0yDsE2U8AAJPfGeQCX4VFOY9fwqBIRwDnIA5+tJ6o7kgS-Ra5iQgAF9DiYPoAs261zSJ3PyY8wR7zsK0ALkisWDzBHhBCCY45Hy+oJhEvIDFySLCqxCF-GkcB9w7X7C4PZ3CehjAmEY28IQSDUDzCye5pAcWwoqA8DAyCDBQHdPo+hIQ+ByTgBK6YQQFa5JlYzWGzMdrR2oKUqcCllX0ymtiQoBgInEKmshIqpB+yUpmMuVgnAMAAXcMkcFfNsIQprFCs5ekdmPNiYxQEwIIA8OKBYPpET2BEonKEo2kJoQ5HeF8RE-w26kFYGCbE-rGA2zcOgCkMwoAND4VonIuJ8TUEsaBNlOpLGSFbF8mYfJDAzL0l6iA5zRaPMlirGWcs5rhCiEGnhQ4OqRuwk+fsWhFzsBpeQelDxCgEBIgc3kTKCAtiDVmPM3bpazhGogW0FQaStjqFix5jV-BcnBW2jtTiBWuIaQOoEFAeENLHY9VxT7GAQDbD1flgqUTYV4HeVx17oXpl9QK4Z2raBjLhBMxSgaX09FDWEmw77oKYv-SUsp7tCWlRjXG+MAQgicAqGmjNat4MTHIiyXNqB805ELXvEt6QkgVCrYYwwrrIWevAx6iAAgwAQoALpAA&amp;h=0" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen="" allow="autoplay" data-external="1"></iframe>
 </div>
-<div class="home"></div>
+<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
+</bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
 </div>
 <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
 <span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span>
 <span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
 <span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rstudio.github.io/thematic/" class="external-link">thematic</a></span><span class="op">)</span></span>
 <span></span>
 <span><span class="va">fruits</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html" class="external-link">data.frame</a></span><span class="op">(</span></span>
 <span>  name <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">'Apples'</span>, <span class="st">'Oranges'</span>, <span class="st">'Bananas'</span>, <span class="st">'Berries'</span><span class="op">)</span>,</span>
 <span>  value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">44</span>, <span class="fl">55</span>, <span class="fl">67</span>, <span class="fl">83</span><span class="op">)</span></span>
 <span><span class="op">)</span></span>
 <span></span>
+<span><span class="fu"><a href="https://rstudio.github.io/thematic/reference/thematic_on.html" class="external-link">thematic_shiny</a></span><span class="op">(</span>font <span class="op">=</span> <span class="st">"auto"</span><span class="op">)</span></span>
+<span></span>
 <span><span class="va">new_mtcars</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/reshape.html" class="external-link">reshape</a></span><span class="op">(</span></span>
 <span>  data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/utils/head.html" class="external-link">head</a></span><span class="op">(</span><span class="va">mtcars</span><span class="op">)</span>,</span>
 <span>  idvar <span class="op">=</span> <span class="st">"model"</span>,</span>
diff --git a/docs/articles/Tabs-Layout.html b/docs/articles/Tabs-Layout.html
index 2144d1ca..784900e6 100644
--- a/docs/articles/Tabs-Layout.html
+++ b/docs/articles/Tabs-Layout.html
@@ -112,7 +112,7 @@ <h4 data-toc-skip class="date">2024-01-20</h4>
     
 <p>The second layout is the <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>, very similar to
 that of <a href="https://github.com/rstudio/miniUI" class="external-link">miniUI</a>.</p>
-<link rel="stylesheet" href="/private/var/folders/pd/r5jk5d5x1rlbc61zz_8vsnh80000gn/T/Rtmp38gHfS/temp_libpath14997f106b46/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
+<link rel="stylesheet" href="/private/var/folders/pd/r5jk5d5x1rlbc61zz_8vsnh80000gn/T/Rtmp38gHfS/temp_libpath149972d303499/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
 <div class="marvel-device iphone8">
 <div class="top-bar"></div>
 <div class="sleep"></div>
diff --git a/docs/news/index.html b/docs/news/index.html
index 050746d7..5702f74d 100644
--- a/docs/news/index.html
+++ b/docs/news/index.html
@@ -72,6 +72,10 @@ <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
     <div class="section level2">
 <h2 class="pkg-version" data-toc-text="1.0.1.9000" id="shinymobile-1019000">shinyMobile 1.0.1.9000<a class="anchor" aria-label="anchor" href="#shinymobile-1019000"></a></h2>
 <div class="section level3">
+<h3 id="new-1-0-1-9000">New<a class="anchor" aria-label="anchor" href="#new-1-0-1-9000"></a></h3>
+<ul><li>Added webR to pkgdown infrastructure which allows to run shinylive apps in the documentation.</li>
+</ul></div>
+<div class="section level3">
 <h3 id="minor-change-1-0-1-9000">Minor change<a class="anchor" aria-label="anchor" href="#minor-change-1-0-1-9000"></a></h3>
 <ul><li>Add <code>limit</code> to <code><a href="../reference/autocomplete.html">f7AutoComplete()</a></code>. Thanks <a href="https://github.com/bthieurmel" class="external-link">@bthieurmel</a>.</li>
 </ul></div>
diff --git a/docs/pkgdown.yml b/docs/pkgdown.yml
index c426468a..e67fb685 100644
--- a/docs/pkgdown.yml
+++ b/docs/pkgdown.yml
@@ -8,5 +8,5 @@ articles:
   Tabs-Layout: Tabs-Layout.html
   shinyMobile: shinyMobile.html
   shinyMobile_tools: shinyMobile_tools.html
-last_built: 2024-01-20T20:58Z
+last_built: 2024-01-20T21:08Z
 
diff --git a/vignettes/Split-Layout.Rmd b/vignettes/Split-Layout.Rmd
index 88215445..fa68e349 100644
--- a/vignettes/Split-Layout.Rmd
+++ b/vignettes/Split-Layout.Rmd
@@ -16,6 +16,10 @@ knitr::opts_chunk$set(
 )
 ```
 
+```{r setup, echo=FALSE, message=FALSE}
+library(bslib)
+```
+
 `f7SplitLayout()` is the third layout introduced with `{shinyMobile}`. This template is focused for 
 tablet/desktop use. It is composed of a sidebar, and a main panel. 
 The sidebar goes in its dedicated slot, corresponding to `f7Panel()`. While `f7Panel()` may also be embedded in both `f7SingleLayout()` and `f7TabsLayout`, it accepts extra arguments like `f7PanelMenu()` and
@@ -42,12 +46,14 @@ If you don't have any `f7PanelMenu()`, you can pass tags in the `...` directly.
 this prevents you from having a tabbed navigation. 
 
 
-```{r, echo=FALSE}
-shinyMobile:::app_container(
-  "https://dgranjon.shinyapps.io/miniUI2Split", 
-  deps = TRUE,
-  skin = "ipadMini",
-  color = "black"
+```{r, eval=TRUE, echo=FALSE}
+card(
+  shinyMobile:::create_app_link(
+    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw4BzSampFSAJmGiGzNl178AskXq1qcZWLUc0cAB4FuLcoyOqJ7UtzgwopWgWUiAZowCutKScAAQAPAC0IQAm7lAYfrBw7CIhIdDwIQC8IQTsAOQAgugGnPm4IfkA8swQknBlFfkAQlDQ0I2VzXCMjLQN+QK4qSEAblDU-nDZuewALHMVAKxLFQBsAOwVABwAzMreZC5uHgQA+jx8HD4kpDNCKP6kRA+HEHAA7mcwpAQsoZEQowGtZUMkRrFSFAZi4oNF2D8-oxOEMRrRouNGPcwDAiNE4NQHsMIGlMaw+JIZnROKR2HkHtFmKQiSEHh9mWABKiSSEPPBQjl6WBGe4WWyOdy0tFaMCCB4SNi5HUiSNRhgMg1seNJnAVTzGURUDMhTBUJIxYRWIS8KywNxUBbpTSLQBHThwAgW0acC2wC31FgWpH0V4iQ6XfjFVApHmBGY+DYABSg9RjaTSHlIBmxWlYITQDrwIzShvlEAFIWptOL6ecrmmOQeUH8jCIzD16fTsUYAGsZgAVLAAVQAosTO2kfPoDNEZgAxQoAGQAymOa2liHIsY2wABiAAM+42UB8Pg7E+e-isVNoNLTE4zaAAEkRqLOcoPR+OH7zn6-ogAIgSUB5jkGxLPu34PrQRCcP2RBXtwWC0CUDYhAuK4juuISShOMFwbUnCTAQFCkK0yLzkuq5Qem0CjPQLA3ne2FpPhADCpE9P2QTZh+w5rjyD68PiAByUCjFUEDJvUy4EK21DUAO-HYbhnbPK+DHbpWt7VoJE7CXAYkSVJKZwLJ8mKTkGGripNFpKg-gKfBWBwH4IKUZhNaqSECbLrIQSLiBCG6Q+nDonAmnxkmbQEveD6ZrxtrLuFmnnqF4WKq5HJ2bWxxoQ8dCSNw2UsT50XvNQWgUP4cU-ui2LwBA-hpT+CbJhVACS5AwLVP6-vQYmZDuUL0AAjC1fUJflYD9lA9AhONRZ6X1ngKjkCYdcQEApGAcAuv4ExnAQMoEAYrw5Q+UByrQoxoZ+WHLRO3kPm1MXUF1ri9T+I2DdNI0KBN308dNs3zQDS19Z2q0kutGybSQO17Qd1BHSdZ2cqVaTPROr2dd1X3xXNv3YiNuyA-FwPYqDIRkxDkOsVtUXw9tDxI4dx2MKduoY49nbKH12NpIEVRPA51ZgO6BhynA0RnCN52la5PgencO7ArdEwPLZ2F0ZFsNGZpBO8pTO5+XQdyBawwXkyE1gynQ7wedRpU8HCRAfEpo7a496nUHrZXwRpLBG6gsFBDBMO2vQ8jPDANsJoufA9uw1BzQS2KJxAfaLRU3DAj42LFaQqCcIgAD0ZcfFXGCSEQRCSAYGDEHHnIXWVmfJ6n9DpzuHchODuf54XpDF6XFdVx8Nd1w3cBN0QLf809OW7iEbh8LktykdhG3dZwRs759mP9cTw1zTnR8Js0TzPCzYDPNIBjLi4cDZbaiZyHcqAsEktg+q3F8bCfnAF+RsobvltDwYBpBz68wnF3Hub8P4hGTMweAv8badjbP0Mg7gI7YmjiPeeGD0ycA+ChOA8E2JyHdJ7AS9M0gMQID2A0Ro+JfiPpOQBdB8SMFAROB4ug-5twfA8ES-gYDdyxEQAugiejjDLKXYhnYYDrxyJBVeUBzAzFGoeSCHD0zaimDMCC+59GLwFsIkITB2CC3TLIeQIti5PB2k6Ug795ChlgbYg+PUj4-SSCTOaA8j5mEsNYRgpBHFix2swbsniLGlR8Xw-xQ1bSk2IQmeCD9wSwKhhAMWHVwEPHsaQC43B3ZKMrGnSySVyke3caQAA-JUqwHoewy1oUfWxaRQlWBsFE5xDwYCOQ8GcWJtBNY8wFipLyIxcLukYLdLSPh-AQGugjPgYsKjBS2SEd0nAwokAECEEAIgayyMWXAEct0yDsE2U8AAJPfGeQCX4VFOY9fwqBIRwDnIA5+tJ6o7kgS-Ra5iQgAF9DiYPoAs261zSJ3PyY8wR7zsK0ALkisWDzBHhBCCY45Hy+oJhEvIDFySLCqxCF-GkcB9w7X7C4PZ3CehjAmEY28IQSDUDzCye5pAcWwoqA8DAyCDBQHdPo+hIQ+ByTgBK6YQQFa5JlYzWGzMdrR2oKUqcCllX0ymtiQoBgInEKmshIqpB+yUpmMuVgnAMAAXcMkcFfNsIQprFCs5ekdmPNiYxQEwIIA8OKBYPpET2BEonKEo2kJoQ5HeF8RE-w26kFYGCbE-rGA2zcOgCkMwoAND4VonIuJ8TUEsaBNlOpLGSFbF8mYfJDAzL0l6iA5zRaPMlirGWcs5rhCiEGnhQ4OqRuwk+fsWhFzsBpeQelDxCgEBIgc3kTKCAtiDVmPM3bpazhGogW0FQaStjqFix5jV-BcnBW2jtTiBWuIaQOoEFAeENLHY9VxT7GAQDbD1flgqUTYV4HeVx17oXpl9QK4Z2raBjLhBMxSgaX09FDWEmw77oKYv-SUsp7tCWlRjXG+MAQgicAqGmjNat4MTHIiyXNqB805ELXvEt6QkgVCrYYwwrrIWevAx6iAAgwAQoALpAA", #nolint
+    "app",
+    header = FALSE
+  ),
+  full_screen = TRUE
 )
 ```
 
@@ -56,12 +62,15 @@ library(shiny)
 library(ggplot2)
 library(shinyMobile)
 library(apexcharter)
+library(thematic)
 
 fruits <- data.frame(
   name = c('Apples', 'Oranges', 'Bananas', 'Berries'),
   value = c(44, 55, 67, 83)
 )
 
+thematic_shiny(font = "auto")
+
 new_mtcars <- reshape(
   data = head(mtcars),
   idvar = "model",
@@ -187,7 +196,6 @@ shinyApp(
       }
     })
 
-
     output$radar <- renderApexchart({
       apex(
         data = new_mtcars,

From e4a6e4482ed99d7fb192fe201bbce6f2c6be4320 Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Sat, 20 Jan 2024 22:20:28 +0100
Subject: [PATCH 08/19] tabs vignette

---
 docs/articles/Tabs-Layout.html | 97 ++++++++-------------------------
 docs/pkgdown.yml               |  2 +-
 vignettes/Tabs-Layout.Rmd      | 98 ++++++++++------------------------
 3 files changed, 51 insertions(+), 146 deletions(-)

diff --git a/docs/articles/Tabs-Layout.html b/docs/articles/Tabs-Layout.html
index 784900e6..2da72bde 100644
--- a/docs/articles/Tabs-Layout.html
+++ b/docs/articles/Tabs-Layout.html
@@ -95,7 +95,8 @@ <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
 
 
 
-
+<link href="Tabs-Layout_files/htmltools-fill-0.5.6.1/fill.css" rel="stylesheet">
+<script src="Tabs-Layout_files/bslib-webComponents-js-0.5.1/webComponents.min.js" type="module"></script><script src="Tabs-Layout_files/bslib-tag-require-0.5.1/tag-require.js"></script><script src="Tabs-Layout_files/bslib-card-js-0.5.1/card.min.js"></script><link href="Tabs-Layout_files/bslib-card-styles-0.5.1/card.css" rel="stylesheet">
 <div class="row">
   <main id="main" class="col-md-9"><div class="page-header">
       <img src="../logo.png" class="logo" alt=""><h1>Tabs-Layout</h1>
@@ -112,21 +113,20 @@ <h4 data-toc-skip class="date">2024-01-20</h4>
     
 <p>The second layout is the <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>, very similar to
 that of <a href="https://github.com/rstudio/miniUI" class="external-link">miniUI</a>.</p>
-<link rel="stylesheet" href="/private/var/folders/pd/r5jk5d5x1rlbc61zz_8vsnh80000gn/T/Rtmp38gHfS/temp_libpath149972d303499/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
-<div class="marvel-device iphone8">
-<div class="top-bar"></div>
-<div class="sleep"></div>
-<div class="volume"></div>
-<div class="camera"></div>
-<div class="sensor"></div>
-<div class="speaker"></div>
-<div class="screen">
-<iframe width="100%" src="https://dgranjon.shinyapps.io/miniUI2Tabs" allowfullscreen="" frameborder="0" scrolling="yes" height="670"></iframe>
+<p>The app below runs with specific options:</p>
+<div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>  options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>dark <span class="op">=</span> <span class="cn">FALSE</span>, filled <span class="op">=</span> <span class="cn">FALSE</span>, theme <span class="op">=</span> <span class="st">"md"</span><span class="op">)</span>,</span>
+<span>  <span class="va">...</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/app/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGGiGzNuzRwAHgW4tyjFSNRFq1AAQAeALQWAJlFJQMAM2bx2IixagROAO5wjBYAvBYEXmAAmnCcQngWCQByRAkCuN4WEGER7ABMAKwALLgW+QDMABwqxv68-ACC6F45FgCutLmuAOwAClAA5nCtPj5EqKS0JJy5dJyk7I6MANa5AGKNADIAygCiZa6KSvYb2-tlpNxw8LkJMPbpmW0+U6RKd2AyrL7oCc9jCy9AAqUHoWygrCI7UWWUBqD8cGos3CzkGW1oC1GgLGvQGECR7DeH3CCS2cFcpAs+KR-wsnFo9jgnyUlLpVxuzNJNFog24pDpCQAQtQwaK6RTXHACFTucQAG7BJ5wnF4xHUIm0d5cpJgLC8-nU9V0hlMz6MA0CxIc27c5YrQVgEViqAS1xSmWfBVKsAqHEWDIqnzQeX0FjdHrJKChljY-3EnUJUH0eJ4INjfS0Rh0Am5YFYACqB3TPh4UHsRACecLxZeONZpBplnC+aLAP9FgtfMb6urRfTgbrPhBYM4cZxfloMCccFOLZr7f9AGJArRUHAxTrW7WO0Cesnx-GtSTdcmLABGf4lsbOehR22nsGXtNDnG0Yg5cK9ACSH6irjMJlGGVV9ASgGVaEVPta2vYceh2fQKwCQ8Oz4ch-C1H5wnPAAGRddwsbgiEVEJ5zbWDcR6ABhFh7BQ3cE0+GjGFOa5yx9fCCN+HQ9AMAB5GFUBhKJUFoOB0gonw-QI6T-UHXcR3oeib2PRMwDPfIr1Am8wXvNTk00l8uPfEgI1-EgohWOBWHoIhaJArjwKmKDwk2XYdwI3oEPLStlMBNCKAZUgsIvPDJMI4jgmgziO16Zi6PC15VKY2jCI3ICtK4sD110fRGFIATSCE2EwE4AgnEMCTtMBWSO1qmqYrgg8KMY7kzwqTKCNvPTPmTDqjIIkzPz3cyICiUVWGCTgAH0oGoK15IIpzIJ1NyLgorzEN88KAow4LclwxqcSIkjovCuLaL8nFWt1eK0vY4CBqyvcdmnfKdiRaVYWqjsEnlFhaE3Trnp8BIADUAc3WZSCIekiICRBgZByIEio1gcyA1MvXRpGQdPZh-BgTEGRIBJPlgXGQYSABxDdGCx7lhhYBy8YsCYKG-YaEh4OA4CtI7dxgdp5rXE9t0SgMBeuzdCuKqJHGcKrnvqnEVakgcVWkxbOGCU6v3aCAIIsvhirKaEiphModc4EmIAECwQBEFUl07FaQlQagiAFOsFbiaw7EYDcIMVLg4AARwwAARGd2B2VhOCjmP7bsCo8IsOOE+j8h2AyCx6BCk2YQAEnzgQ6kBc3iqL0TmVsTsKCA5oeLyxZHdfLRtGUhWoFyUxzCO4L10+GvKZ8ad0D4QZcigOJ2G0af-CCRgyhCu2NbrABfcuxkr4uyoqqK68DiBG5y3j8vYNv-Q7runB78IYFIcr6YH1gh+5ffSEqp6cXH0SICnuEGeY4KLz3CAEUgUsQowFQIMKWRxzC5AIDjbSKtapbydhAZ2Dg763iUCqXepAi7d39vXE+wRkxKEvumR+z9ODADKCjMAMDBh0kLkQ-6FpNy53sIwCYZx3IAF0VQbzKHwgI0B4AogsNuaSG8RACDABvQRQA&amp;h=0" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen="" allow="autoplay" data-external="1"></iframe>
 </div>
-<div class="home"></div>
-<div class="bottom-bar"></div>
+<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
+</bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
 </div>
-<div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
+<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
 <span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
 <span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
@@ -138,6 +138,7 @@ <h4 data-toc-skip class="date">2024-01-20</h4>
 <span></span>
 <span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
 <span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>dark <span class="op">=</span> <span class="cn">FALSE</span>, filled <span class="op">=</span> <span class="cn">FALSE</span>, theme <span class="op">=</span> <span class="st">"md"</span><span class="op">)</span>,</span>
 <span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
 <span>    <span class="fu"><a href="../reference/f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span>
 <span>      panels <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span>
@@ -155,60 +156,11 @@ <h4 data-toc-skip class="date">2024-01-20</h4>
 <span>        animated <span class="op">=</span> <span class="cn">TRUE</span>,</span>
 <span>        <span class="co">#swipeable = TRUE,</span></span>
 <span>        <span class="fu"><a href="../reference/f7Tab.html">f7Tab</a></span><span class="op">(</span></span>
-<span>          tabName <span class="op">=</span> <span class="st">"Tab 1"</span>,</span>
+<span>          title <span class="op">=</span> <span class="st">"Tab 1"</span>,</span>
+<span>          tabName <span class="op">=</span> <span class="st">"Tab1"</span>,</span>
 <span>          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"folder"</span><span class="op">)</span>,</span>
 <span>          active <span class="op">=</span> <span class="cn">TRUE</span>,</span>
 <span></span>
-<span>          <span class="fu"><a href="../reference/f7Flex.html">f7Flex</a></span><span class="op">(</span></span>
-<span>            <span class="fu"><a href="https://dreamrs.github.io/shinyWidgets/reference/prettyRadioButtons.html" class="external-link">prettyRadioButtons</a></span><span class="op">(</span></span>
-<span>              inputId <span class="op">=</span> <span class="st">"theme"</span>,</span>
-<span>              label <span class="op">=</span> <span class="st">"Select a theme:"</span>,</span>
-<span>              thick <span class="op">=</span> <span class="cn">TRUE</span>,</span>
-<span>              inline <span class="op">=</span> <span class="cn">TRUE</span>,</span>
-<span>              selected <span class="op">=</span> <span class="st">"md"</span>,</span>
-<span>              choices <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"ios"</span>, <span class="st">"md"</span><span class="op">)</span>,</span>
-<span>              animation <span class="op">=</span> <span class="st">"pulse"</span>,</span>
-<span>              status <span class="op">=</span> <span class="st">"info"</span></span>
-<span>            <span class="op">)</span>,</span>
-<span></span>
-<span>            <span class="fu"><a href="https://dreamrs.github.io/shinyWidgets/reference/prettyRadioButtons.html" class="external-link">prettyRadioButtons</a></span><span class="op">(</span></span>
-<span>              inputId <span class="op">=</span> <span class="st">"color"</span>,</span>
-<span>              label <span class="op">=</span> <span class="st">"Select a color:"</span>,</span>
-<span>              thick <span class="op">=</span> <span class="cn">TRUE</span>,</span>
-<span>              inline <span class="op">=</span> <span class="cn">TRUE</span>,</span>
-<span>              selected <span class="op">=</span> <span class="st">"dark"</span>,</span>
-<span>              choices <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"light"</span>, <span class="st">"dark"</span><span class="op">)</span>,</span>
-<span>              animation <span class="op">=</span> <span class="st">"pulse"</span>,</span>
-<span>              status <span class="op">=</span> <span class="st">"info"</span></span>
-<span>            <span class="op">)</span></span>
-<span>          <span class="op">)</span>,</span>
-<span></span>
-<span>          <span class="va">tags</span><span class="op">$</span><span class="fu">head</span><span class="op">(</span></span>
-<span>            <span class="va">tags</span><span class="op">$</span><span class="fu">script</span><span class="op">(</span></span>
-<span>              <span class="st">'Shiny.addCustomMessageHandler("ui-tweak", function(message) {</span></span>
-<span><span class="st">                var os = message.os;</span></span>
-<span><span class="st">                var skin = message.skin;</span></span>
-<span><span class="st">                if (os === "md") {</span></span>
-<span><span class="st">                  $("html").addClass("md");</span></span>
-<span><span class="st">                  $("html").removeClass("ios");</span></span>
-<span><span class="st">                  $(".tab-link-highlight").show();</span></span>
-<span><span class="st">                } else if (os === "ios") {</span></span>
-<span><span class="st">                  $("html").addClass("ios");</span></span>
-<span><span class="st">                  $("html").removeClass("md");</span></span>
-<span><span class="st">                  $(".tab-link-highlight").hide();</span></span>
-<span><span class="st">                }</span></span>
-<span><span class="st"></span></span>
-<span><span class="st">                if (skin === "dark") {</span></span>
-<span><span class="st">                 $("html").addClass("theme-dark");</span></span>
-<span><span class="st">                } else {</span></span>
-<span><span class="st">                  $("html").removeClass("theme-dark");</span></span>
-<span><span class="st">                }</span></span>
-<span><span class="st"></span></span>
-<span><span class="st">               });</span></span>
-<span><span class="st">              '</span></span>
-<span>            <span class="op">)</span></span>
-<span>          <span class="op">)</span>,</span>
-<span></span>
 <span>          <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span>
 <span>            intensity <span class="op">=</span> <span class="fl">10</span>,</span>
 <span>            hover <span class="op">=</span> <span class="cn">TRUE</span>,</span>
@@ -219,7 +171,8 @@ <h4 data-toc-skip class="date">2024-01-20</h4>
 <span>          <span class="op">)</span></span>
 <span>        <span class="op">)</span>,</span>
 <span>        <span class="fu"><a href="../reference/f7Tab.html">f7Tab</a></span><span class="op">(</span></span>
-<span>          tabName <span class="op">=</span> <span class="st">"Tab 2"</span>,</span>
+<span>          title <span class="op">=</span> <span class="st">"Tab 2"</span>,</span>
+<span>          tabName <span class="op">=</span> <span class="st">"Tab2"</span>,</span>
 <span>          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"keyboard"</span><span class="op">)</span>,</span>
 <span>          active <span class="op">=</span> <span class="cn">FALSE</span>,</span>
 <span>          <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span>
@@ -232,7 +185,8 @@ <h4 data-toc-skip class="date">2024-01-20</h4>
 <span>          <span class="op">)</span></span>
 <span>        <span class="op">)</span>,</span>
 <span>        <span class="fu"><a href="../reference/f7Tab.html">f7Tab</a></span><span class="op">(</span></span>
-<span>          tabName <span class="op">=</span> <span class="st">"Tab 3"</span>,</span>
+<span>          title <span class="op">=</span> <span class="st">"Tab 3"</span>,</span>
+<span>          tabName <span class="op">=</span> <span class="st">"Tab3"</span>,</span>
 <span>          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"layers_alt"</span><span class="op">)</span>,</span>
 <span>          active <span class="op">=</span> <span class="cn">FALSE</span>,</span>
 <span>          <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span>
@@ -285,15 +239,6 @@ <h4 data-toc-skip class="date">2024-01-20</h4>
 <span>    <span class="va">output</span><span class="op">$</span><span class="va">data</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderTable.html" class="external-link">renderTable</a></span><span class="op">(</span><span class="op">{</span></span>
 <span>      <span class="va">mtcars</span><span class="op">[</span>, <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"mpg"</span>, <span class="va">input</span><span class="op">$</span><span class="va">variable</span><span class="op">)</span>, drop <span class="op">=</span> <span class="cn">FALSE</span><span class="op">]</span></span>
 <span>    <span class="op">}</span>, rownames <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span>
-<span></span>
-<span>    <span class="co"># send the theme to javascript</span></span>
-<span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observe.html" class="external-link">observe</a></span><span class="op">(</span><span class="op">{</span></span>
-<span>      <span class="va">session</span><span class="op">$</span><span class="fu">sendCustomMessage</span><span class="op">(</span></span>
-<span>        type <span class="op">=</span> <span class="st">"ui-tweak"</span>,</span>
-<span>        message <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>os <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">theme</span>, skin <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">color</span><span class="op">)</span></span>
-<span>      <span class="op">)</span></span>
-<span>    <span class="op">}</span><span class="op">)</span></span>
-<span></span>
 <span>  <span class="op">}</span></span>
 <span><span class="op">)</span></span></code></pre></div>
   </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
diff --git a/docs/pkgdown.yml b/docs/pkgdown.yml
index e67fb685..ced6c2b0 100644
--- a/docs/pkgdown.yml
+++ b/docs/pkgdown.yml
@@ -8,5 +8,5 @@ articles:
   Tabs-Layout: Tabs-Layout.html
   shinyMobile: shinyMobile.html
   shinyMobile_tools: shinyMobile_tools.html
-last_built: 2024-01-20T21:08Z
+last_built: 2024-01-20T21:19Z
 
diff --git a/vignettes/Tabs-Layout.Rmd b/vignettes/Tabs-Layout.Rmd
index 0487ccc4..471727ef 100644
--- a/vignettes/Tabs-Layout.Rmd
+++ b/vignettes/Tabs-Layout.Rmd
@@ -11,11 +11,28 @@ vignette: >
 
 The second layout is the `f7TabLayout()`, very similar to that of [miniUI](https://github.com/rstudio/miniUI).
 
-```{r, echo=FALSE}
-shinyMobile:::app_container(
-  "https://dgranjon.shinyapps.io/miniUI2Tabs", 
-  deps = TRUE,
-  skin = "iphone8"
+
+```{r setup, echo=FALSE, message=FALSE}
+library(bslib)
+```
+
+The app below runs with specific options:
+
+```r
+f7Page(
+  options = list(dark = FALSE, filled = FALSE, theme = "md"),
+  ...
+)
+```
+
+```{r, eval=TRUE, echo=FALSE}
+card(
+  shinyMobile:::create_app_link(
+    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGGiGzNuzRwAHgW4tyjFSNRFq1AAQAeALQWAJlFJQMAM2bx2IixagROAO5wjBYAvBYEXmAAmnCcQngWCQByRAkCuN4WEGER7ABMAKwALLgW+QDMABwqxv68-ACC6F45FgCutLmuAOwAClAA5nCtPj5EqKS0JJy5dJyk7I6MANa5AGKNADIAygCiZa6KSvYb2-tlpNxw8LkJMPbpmW0+U6RKd2AyrL7oCc9jCy9AAqUHoWygrCI7UWWUBqD8cGos3CzkGW1oC1GgLGvQGECR7DeH3CCS2cFcpAs+KR-wsnFo9jgnyUlLpVxuzNJNFog24pDpCQAQtQwaK6RTXHACFTucQAG7BJ5wnF4xHUIm0d5cpJgLC8-nU9V0hlMz6MA0CxIc27c5YrQVgEViqAS1xSmWfBVKsAqHEWDIqnzQeX0FjdHrJKChljY-3EnUJUH0eJ4INjfS0Rh0Am5YFYACqB3TPh4UHsRACecLxZeONZpBplnC+aLAP9FgtfMb6urRfTgbrPhBYM4cZxfloMCccFOLZr7f9AGJArRUHAxTrW7WO0Cesnx-GtSTdcmLABGf4lsbOehR22nsGXtNDnG0Yg5cK9ACSH6irjMJlGGVV9ASgGVaEVPta2vYceh2fQKwCQ8Oz4ch-C1H5wnPAAGRddwsbgiEVEJ5zbWDcR6ABhFh7BQ3cE0+GjGFOa5yx9fCCN+HQ9AMAB5GFUBhKJUFoOB0gonw-QI6T-UHXcR3oeib2PRMwDPfIr1Am8wXvNTk00l8uPfEgI1-EgohWOBWHoIhaJArjwKmKDwk2XYdwI3oEPLStlMBNCKAZUgsIvPDJMI4jgmgziO16Zi6PC15VKY2jCI3ICtK4sD110fRGFIATSCE2EwE4AgnEMCTtMBWSO1qmqYrgg8KMY7kzwqTKCNvPTPmTDqjIIkzPz3cyICiUVWGCTgAH0oGoK15IIpzIJ1NyLgorzEN88KAow4LclwxqcSIkjovCuLaL8nFWt1eK0vY4CBqyvcdmnfKdiRaVYWqjsEnlFhaE3Trnp8BIADUAc3WZSCIekiICRBgZByIEio1gcyA1MvXRpGQdPZh-BgTEGRIBJPlgXGQYSABxDdGCx7lhhYBy8YsCYKG-YaEh4OA4CtI7dxgdp5rXE9t0SgMBeuzdCuKqJHGcKrnvqnEVakgcVWkxbOGCU6v3aCAIIsvhirKaEiphModc4EmIAECwQBEFUl07FaQlQagiAFOsFbiaw7EYDcIMVLg4AARwwAARGd2B2VhOCjmP7bsCo8IsOOE+j8h2AyCx6BCk2YQAEnzgQ6kBc3iqL0TmVsTsKCA5oeLyxZHdfLRtGUhWoFyUxzCO4L10+GvKZ8ad0D4QZcigOJ2G0af-CCRgyhCu2NbrABfcuxkr4uyoqqK68DiBG5y3j8vYNv-Q7runB78IYFIcr6YH1gh+5ffSEqp6cXH0SICnuEGeY4KLz3CAEUgUsQowFQIMKWRxzC5AIDjbSKtapbydhAZ2Dg763iUCqXepAi7d39vXE+wRkxKEvumR+z9ODADKCjMAMDBh0kLkQ-6FpNy53sIwCYZx3IAF0VQbzKHwgI0B4AogsNuaSG8RACDABvQRQA", #nolint
+    "app",
+    header = FALSE
+  ),
+  full_screen = TRUE
 )
 ```
 
@@ -31,6 +48,7 @@ poll <- data.frame(
 
 shinyApp(
   ui = f7Page(
+    options = list(dark = FALSE, filled = FALSE, theme = "md"),
     title = "My app",
     f7TabLayout(
       panels = tagList(
@@ -48,60 +66,11 @@ shinyApp(
         animated = TRUE,
         #swipeable = TRUE,
         f7Tab(
-          tabName = "Tab 1",
+          title = "Tab 1",
+          tabName = "Tab1",
           icon = f7Icon("folder"),
           active = TRUE,
 
-          f7Flex(
-            prettyRadioButtons(
-              inputId = "theme",
-              label = "Select a theme:",
-              thick = TRUE,
-              inline = TRUE,
-              selected = "md",
-              choices = c("ios", "md"),
-              animation = "pulse",
-              status = "info"
-            ),
-
-            prettyRadioButtons(
-              inputId = "color",
-              label = "Select a color:",
-              thick = TRUE,
-              inline = TRUE,
-              selected = "dark",
-              choices = c("light", "dark"),
-              animation = "pulse",
-              status = "info"
-            )
-          ),
-
-          tags$head(
-            tags$script(
-              'Shiny.addCustomMessageHandler("ui-tweak", function(message) {
-                var os = message.os;
-                var skin = message.skin;
-                if (os === "md") {
-                  $("html").addClass("md");
-                  $("html").removeClass("ios");
-                  $(".tab-link-highlight").show();
-                } else if (os === "ios") {
-                  $("html").addClass("ios");
-                  $("html").removeClass("md");
-                  $(".tab-link-highlight").hide();
-                }
-
-                if (skin === "dark") {
-                 $("html").addClass("theme-dark");
-                } else {
-                  $("html").removeClass("theme-dark");
-                }
-
-               });
-              '
-            )
-          ),
-
           f7Shadow(
             intensity = 10,
             hover = TRUE,
@@ -112,7 +81,8 @@ shinyApp(
           )
         ),
         f7Tab(
-          tabName = "Tab 2",
+          title = "Tab 2",
+          tabName = "Tab2",
           icon = f7Icon("keyboard"),
           active = FALSE,
           f7Shadow(
@@ -125,7 +95,8 @@ shinyApp(
           )
         ),
         f7Tab(
-          tabName = "Tab 3",
+          title = "Tab 3",
+          tabName = "Tab3",
           icon = f7Icon("layers_alt"),
           active = FALSE,
           f7Shadow(
@@ -179,17 +150,6 @@ shinyApp(
     output$data <- renderTable({
       mtcars[, c("mpg", input$variable), drop = FALSE]
     }, rownames = TRUE)
-
-
-    # send the theme to javascript
-    observe({
-      session$sendCustomMessage(
-        type = "ui-tweak",
-        message = list(os = input$theme, skin = input$color)
-      )
-    })
-
   }
 )
-
 ```

From 79cf69b1c8fdb134d6fdef8f96cd1c7b841b4327 Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Sat, 20 Jan 2024 22:37:46 +0100
Subject: [PATCH 09/19] tools vignette

---
 docs/articles/Gadgets.html           |  4 +-
 docs/articles/shinyMobile_tools.html | 84 +++++++++++++++++++-------
 docs/pkgdown.yml                     |  2 +-
 vignettes/Gadgets.Rmd                |  2 +-
 vignettes/shinyMobile_tools.Rmd      | 90 +++++++++++++++++++++++-----
 5 files changed, 143 insertions(+), 39 deletions(-)

diff --git a/docs/articles/Gadgets.html b/docs/articles/Gadgets.html
index e29aca29..97a55fc8 100644
--- a/docs/articles/Gadgets.html
+++ b/docs/articles/Gadgets.html
@@ -111,8 +111,8 @@ <h4 data-toc-skip class="date">2024-01-20</h4>
     
     
 <p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> is particularly well suited to build shiny
-gagdet. To convert an existing app to a gadget, wrap it in the
-<code><a href="https://rdrr.io/pkg/shiny/man/runGadget.html" class="external-link">shiny::runGadget()</a></code> function.</p>
+<strong>gagdets</strong>. To convert an existing app to a gadget, wrap
+it in the <code><a href="https://rdrr.io/pkg/shiny/man/runGadget.html" class="external-link">shiny::runGadget()</a></code> function.</p>
 <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
 <span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
diff --git a/docs/articles/shinyMobile_tools.html b/docs/articles/shinyMobile_tools.html
index 28d37e2f..e01e5881 100644
--- a/docs/articles/shinyMobile_tools.html
+++ b/docs/articles/shinyMobile_tools.html
@@ -95,7 +95,8 @@ <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
 
 
 
-
+<link href="shinyMobile_tools_files/htmltools-fill-0.5.6.1/fill.css" rel="stylesheet">
+<script src="shinyMobile_tools_files/bslib-webComponents-js-0.5.1/webComponents.min.js" type="module"></script><script src="shinyMobile_tools_files/bslib-tag-require-0.5.1/tag-require.js"></script><script src="shinyMobile_tools_files/bslib-card-js-0.5.1/card.min.js"></script><link href="shinyMobile_tools_files/bslib-card-styles-0.5.1/card.css" rel="stylesheet">
 <div class="row">
   <main id="main" class="col-md-9"><div class="page-header">
       <img src="../logo.png" class="logo" alt=""><h1>shinyMobile Tools</h1>
@@ -139,11 +140,21 @@ <h2 id="pull-to-refresh">Pull to Refresh<a class="anchor" aria-label="anchor" hr
 This feature is disabled by default but passing
 <code>pullToRefresh = TRUE</code> in <code>f7Page</code> options will
 activate it. On the server side, an input, namely input$ptr is TRUE when
-ptr is refreshed and becomes NULL at the end of the animation. This
-allows to trigger updates/computations on the server side, for
-instance:</p>
+ptr is refreshed and becomes NULL at the end of the animation (You may
+run the app below in full screen mode and hold a left click with your
+mouse from top to bottom):</p>
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/app/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRU-gEF07EQAJdAV1q6AvLoBmAdgAKUAOZwdEfftK1SS07qFgZrXWioPrh6LkSobiScXnScpOyoBtTUACpEWHDmjHA8XilYAKoAogIhzi5WAMp8dkoAMlCsRAbxoS660ABu9CxeVgByUN0sTu3tbh5wXj7VELVTDU0twW1j3FC0jHQQU2YAYhp1lUVlYy48UAAmRADueYVFq-qlT7qkRETUPYx9lmmf31GZ10qCInHctBI0zA9CIpHeMBW5TOVjqfAA1uxqFB6HBqNC0RB0boAIzBXTcbLmaHceGoTiIAD0jJurIwdg+8wwxERYBeyLGqIxWJxeIJGN0ACZyZTMjS6QzmaybuzOUpuUReSozvyzgBiXQwDbOYhkCikV5CuJAs7Y9DUDgkxAAZlwFgMEAIkQg7AAVgJdCBXu0raQAJLkGA24H6JTwuCMTjAX0AXVOMZc8EutCgvzDpp0KGxjBgAH1zIpqD5dRn9IxaHZadCsA2myk4AAPC14YNrOBXBPQgAS-cuCaRtf05g+5B+Zh8exn47AveevYAvtqxlu1+Ua5wE51B2ZzB6vZCfXxEqQ3c1SNe3QfOOCSAGgwL5AfGEeEvWyOwrxaAASCJGAEFRVk-Q84CKI9-0A0gQNIRg3XfM5QMqUgoFIAxogAHgAWl0WhqQAiBryQsDvDAEgfEtSwABEc2oIg7GjcZO1ILxUCgOJHAAclA4jOH4t0MKwnDOBrM5SFYVBdmoqAlEYbtXh3XRN1CdcRAEMB1xTIA&amp;h=0" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen="" allow="autoplay" data-external="1"></iframe>
+</div>
+<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
+</bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
+</div>
 <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
 <span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
 <span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
 <span>    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>pullToRefresh <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span>,</span>
@@ -197,10 +208,21 @@ <h3 id="informations-about-your-current-device">Informations about your current
 <h4 id="description">Description<a class="anchor" aria-label="anchor" href="#description"></a>
 </h4>
 <p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> has a predefined input, namely
-<strong>input$deviceInfo</strong>:</p>
+<strong>input$deviceInfo</strong>.</p>
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/app/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRU-gEF07EQAJdAV1q6AvLoBmAdgAKUAOZwdEffqKpStEp1O66nUuwAJiwA1j4AYhoAMgDKAKICuHouHqRKPkJgMqy6aKiZSc4uVjF8dkpRUKxEBgHJLrrQAG70LD5WAHJQLSxODQ2p6WaZGgQEcJzegXBNtOO6fOZEBfX93FC0jHQQcBHR8YX9LjxQgUQA7j4AKlgAqnGr+omPugDEujAbzsRkFKQvTTgjFaHhgVzgAA9SAB5WqoWo6MCLZZgFQNNG6Z5FThAwGMdoGCAEDwkdh8eGkXC6GqkCkCXQgVY0ikAEmRugAPABaXSMCjTRjWRh8AKMooNcm1FnTWbjACSECWqwAvhjlSIBGBlQBdIA&amp;h=0" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen="" allow="autoplay" data-external="1"></iframe>
+</div>
+<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
+</bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
+</div>
 <div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span><span class="fu">shiny</span><span class="fu">::</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
 <span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>dark <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>,</span>
 <span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
 <span>    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span>
 <span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
@@ -282,9 +304,20 @@ <h4 id="usecase">Usecase<a class="anchor" aria-label="anchor" href="#usecase"></
 </h4>
 <p>Below the example displays a card only when the app is on
 desktop.</p>
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/app/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRU-gEF07EQAJdAV1q6AvLoBmAdgAKUAOZwdEffqKpStEp1O66nUuwAJiwA1j4AYhoAMgDKAKICuHouHqRKPkJgMqy6aKiZSc4uVjF8dkpRUKxEBgHJLrrQAG70LD5WAHJQLSxODQ2p6WaZGgQEcJzegXBNtOO6fOZEBfX93FC0jHQQcBHR8YX9LjxQgUQA7j4AKlgAqnGr+omPugDEujAbzsRkFKQvRgA8rVULUdIQWIFMs8igM4AAPUjA0igupgAycOCMDQOMjQw4uFRPAmYxhNLHtAwQAgeEjsPio3C6Goo2oCXQgVarFmogAkGKxOL+ugAPABaXSMCjTRhXBEBBm1XnTWbjACSECWyomIVIbiJLlW71xWKg5FyugIkOZohyS0YummnF1bm5IKVVsYgVFEqlEBltzV7E5sJcUoAjvSIHyVXM4BqtU6XagDQ0rABhSF9I66TJXXjeWjeKC6Ti0GCodKe73nWikbi6StfXTkREEo70WqWyHeK3OKDUThES0kUjN+twTbM87ObhwU5Y9v9JZEciMJl+Ui6WZwc5M8v2OBMogOqD8ZkTh1wJTwMgYTIvVO6AC+BufIgEYGfAF0gA&amp;h=0" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen="" allow="autoplay" data-external="1"></iframe>
+</div>
+<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
+</bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
+</div>
 <div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
 <span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>dark <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>,</span>
 <span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
 <span>    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span>
 <span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
@@ -303,13 +336,12 @@ <h4 id="usecase">Usecase<a class="anchor" aria-label="anchor" href="#usecase"></
 <span>    </span>
 <span>    <span class="co"># generate a card only for desktop</span></span>
 <span>    <span class="va">output</span><span class="op">$</span><span class="va">card</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html" class="external-link">renderUI</a></span><span class="op">(</span><span class="op">{</span></span>
-<span>      <span class="kw">if</span> <span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">deviceInfo</span><span class="op">$</span><span class="va">desktop</span><span class="op">)</span> <span class="op">{</span></span>
-<span>        <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span></span>
-<span>          <span class="st">"This is a simple card with plain text,</span></span>
-<span><span class="st">          but cards can also contain their own header,</span></span>
-<span><span class="st">          footer, list view, image, or any other element."</span></span>
-<span>        <span class="op">)</span></span>
-<span>      <span class="op">}</span></span>
+<span>      <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/req.html" class="external-link">req</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">deviceInfo</span><span class="op">$</span><span class="va">desktop</span><span class="op">)</span></span>
+<span>      <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span></span>
+<span>        <span class="st">"This is a simple card with plain text,</span></span>
+<span><span class="st">        but cards can also contain their own header,</span></span>
+<span><span class="st">        footer, list view, image, or any other element."</span></span>
+<span>      <span class="op">)</span></span>
 <span>    <span class="op">}</span><span class="op">)</span></span>
 <span>  <span class="op">}</span></span>
 <span><span class="op">)</span></span></code></pre></div>
@@ -320,10 +352,21 @@ <h3 id="informations-about-shiny-inputs">Informations about Shiny inputs<a class
 </h3>
 <p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> has <code>input$lastInputChanged</code>
 which returns the name, value and type of the last changed input, see
-below:</p>
+below.</p>
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/app/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRU-gEF07EQAJdAV1q6AvLoBmAdgAKUAOZwdEffqKpStEp1O66nUuwAJiwA1j4AYhoAMgDKAKICuHouHqRKPkJgMqy6aKiZSc4uVjF8dkpRUKxEBgHJLrrQAG70LD5WAHJQLSxODQ2p6WaZpRDlcLqV1bUF9f3cULSMdBATZpGxcYX9LjxQgUQA7j4AKlgAqnFz+onXuqRERNStjO2WJ4-PvXf6qESctA8JAyYHoRFIDxgsyKOysUT4IXY1Cg9Dg1BB8IgYQAjAVdNxGHBzCDuBDUJxEAB6SmHWkYOyPcYYYhQsC3GH9OEIpEotEYhG6ABMeIJRJJZIp1Nph3pjKUzKIrJUO3ZOwAxLoYItnMQyBRSHcrABhFiBdhNOCMVoeGAnOAAD1IAHlaqhajowHxzP9MgJVZzLCbGGafhZ3g6Anw3aQAJKBEHkR145Go9HDMB2pNs7Y7MMxOiBS3sKO1OMg5hjOC4vC+Xlp3SZLBQSt4mB8HwABlwmqg9p8gu7TSg1AMa102O7-jgqE7GGx-thlhi5HQRZLsfj6anq8Y1e7Kb56eX09Qltb7bMXZ7fbM2KvQ5HY4ArAv+harVAbZnna73Zlkf4RoLJWgS+ncyouBB-qcJa77tAYEAEECEDFhA0bdjUpDRgIuggHMmHRgAJF6-y6AAPAAtLohIQIWjDWIwfCRmhtSEeorAxhA3oQa4v6kIRAGkEBzYOPGlHURQdEMUxqFEYJnHRsJIEQQAviIAhgCpAC6QA&amp;h=0" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen="" allow="autoplay" data-external="1"></iframe>
+</div>
+<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
+</bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
+</div>
 <div class="sourceCode" id="cb5"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
 <span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>dark <span class="op">=</span> <span class="cn">FALSE</span><span class="op">)</span>,</span>
 <span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
 <span>    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span>
 <span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
@@ -359,9 +402,10 @@ <h3 id="informations-about-shiny-inputs">Informations about Shiny inputs<a class
 <div class="section level3">
 <h3 id="other-information">Other information<a class="anchor" aria-label="anchor" href="#other-information"></a>
 </h3>
-<p><code>input$shinyInfo</code> gives the current workerId (for
-shinyapps.io, shiny server pro, rstudio connect), the unique sessionId
-(equal to session$token on the server side).</p>
+<p><code>input$shinyInfo</code> gives the current
+<strong>workerId</strong> (for shinyapps.io, shiny server pro, Posit
+Connect), the unique <strong>sessionId</strong> (equal to
+<code>session$token</code> on the server side).</p>
 </div>
 </div>
   </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
diff --git a/docs/pkgdown.yml b/docs/pkgdown.yml
index ced6c2b0..1d0978f0 100644
--- a/docs/pkgdown.yml
+++ b/docs/pkgdown.yml
@@ -8,5 +8,5 @@ articles:
   Tabs-Layout: Tabs-Layout.html
   shinyMobile: shinyMobile.html
   shinyMobile_tools: shinyMobile_tools.html
-last_built: 2024-01-20T21:19Z
+last_built: 2024-01-20T21:35Z
 
diff --git a/vignettes/Gadgets.Rmd b/vignettes/Gadgets.Rmd
index 2cf6157a..9e76374f 100644
--- a/vignettes/Gadgets.Rmd
+++ b/vignettes/Gadgets.Rmd
@@ -9,7 +9,7 @@ vignette: >
   %\VignetteEncoding{UTF-8}
 ---
 
-`{shinyMobile}` is particularly well suited to build shiny gagdet. 
+`{shinyMobile}` is particularly well suited to build shiny __gagdets__. 
 To convert an existing app to a gadget, wrap it in the `shiny::runGadget()` function. 
 
 ```{r, eval = FALSE}
diff --git a/vignettes/shinyMobile_tools.Rmd b/vignettes/shinyMobile_tools.Rmd
index 5aa3f3cd..ec9cd8fa 100644
--- a/vignettes/shinyMobile_tools.Rmd
+++ b/vignettes/shinyMobile_tools.Rmd
@@ -14,6 +14,11 @@ knitr::opts_chunk$set(
 )
 ```
 
+
+```{r setup, echo=FALSE, message=FALSE}
+library(bslib)
+```
+
 ## Mobile preview
 Since V0.2.0, `{shinyMobile}` has a function to preview your app in a large range of 
 mobile devices: iphone X, iphone 8+, iphone8, iphone 5s, iphone 4s, ipad, Samsung galaxy S5,
@@ -36,9 +41,23 @@ The local preview is a 4 steps process:
 `preview_mobile` has other options such as color and landscape (to preview in landscape mode).
 
 ## Pull to Refresh
-`{shinyMobile}` introduces the pull to refresh feature. It may be used to refresh the page content by pulling from top to bottom. This feature is disabled by default but passing `pullToRefresh = TRUE` in `f7Page` options will activate it. On the server side, an input, namely input$ptr is TRUE when ptr is refreshed and becomes NULL at the end of the animation. This allows to trigger updates/computations on the server side, for instance:
+`{shinyMobile}` introduces the pull to refresh feature. It may be used to refresh the page content by pulling from top to bottom. This feature is disabled by default but passing `pullToRefresh = TRUE` in `f7Page` options will activate it. On the server side, an input, namely input$ptr is TRUE when ptr is refreshed and becomes NULL at the end of the animation (You may run the app below in full screen mode and hold a left click with your mouse from top to bottom):
+
+```{r, eval=TRUE, echo=FALSE}
+card(
+  shinyMobile:::create_app_link(
+    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRU-gEF07EQAJdAV1q6AvLoBmAdgAKUAOZwdEfftK1SS07qFgZrXWioPrh6LkSobiScXnScpOyoBtTUACpEWHDmjHA8XilYAKoAogIhzi5WAMp8dkoAMlCsRAbxoS660ABu9CxeVgByUN0sTu3tbh5wXj7VELVTDU0twW1j3FC0jHQQU2YAYhp1lUVlYy48UAAmRADueYVFq-qlT7qkRETUPYx9lmmf31GZ10qCInHctBI0zA9CIpHeMBW5TOVjqfAA1uxqFB6HBqNC0RB0boAIzBXTcbLmaHceGoTiIAD0jJurIwdg+8wwxERYBeyLGqIxWJxeIJGN0ACZyZTMjS6QzmaybuzOUpuUReSozvyzgBiXQwDbOYhkCikV5CuJAs7Y9DUDgkxAAZlwFgMEAIkQg7AAVgJdCBXu0raQAJLkGA24H6JTwuCMTjAX0AXVOMZc8EutCgvzDpp0KGxjBgAH1zIpqD5dRn9IxaHZadCsA2myk4AAPC14YNrOBXBPQgAS-cuCaRtf05g+5B+Zh8exn47AveevYAvtqxlu1+Ua5wE51B2ZzB6vZCfXxEqQ3c1SNe3QfOOCSAGgwL5AfGEeEvWyOwrxaAASCJGAEFRVk-Q84CKI9-0A0gQNIRg3XfM5QMqUgoFIAxogAHgAWl0WhqQAiBryQsDvDAEgfEtSwABEc2oIg7GjcZO1ILxUCgOJHAAclA4jOH4t0MKwnDOBrM5SFYVBdmoqAlEYbtXh3XRN1CdcRAEMB1xTIA", #nolint
+    "app",
+    header = FALSE
+  ),
+  full_screen = TRUE
+)
+```
 
 ```{r, eval=FALSE}
+library(shiny)
+library(shinyMobile)
+
 shinyApp(
   ui = f7Page(
     title = "My app",
@@ -90,11 +109,26 @@ possible.
 ### Informations about your current device
 
 #### Description
-`{shinyMobile}` has a predefined input, namely **input$deviceInfo**:
+`{shinyMobile}` has a predefined input, namely **input$deviceInfo**.
+
+```{r, eval=TRUE, echo=FALSE}
+card(
+  shinyMobile:::create_app_link(
+    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRU-gEF07EQAJdAV1q6AvLoBmAdgAKUAOZwdEffqKpStEp1O66nUuwAJiwA1j4AYhoAMgDKAKICuHouHqRKPkJgMqy6aKiZSc4uVjF8dkpRUKxEBgHJLrrQAG70LD5WAHJQLSxODQ2p6WaZGgQEcJzegXBNtOO6fOZEBfX93FC0jHQQcBHR8YX9LjxQgUQA7j4AKlgAqnGr+omPugDEujAbzsRkFKQvTTgjFaHhgVzgAA9SAB5WqoWo6MCLZZgFQNNG6Z5FThAwGMdoGCAEDwkdh8eGkXC6GqkCkCXQgVY0ikAEmRugAPABaXSMCjTRjWRh8AKMooNcm1FnTWbjACSECWqwAvhjlSIBGBlQBdIA", #nolint
+    "app",
+    header = FALSE
+  ),
+  full_screen = TRUE
+)
+```
 
 ```{r, eval = FALSE}
-shiny::shinyApp(
+library(shiny)
+library(shinyMobile)
+
+shinyApp(
   ui = f7Page(
+    options = list(dark = FALSE),
     title = "My app",
     f7SingleLayout(
       navbar = f7Navbar(
@@ -143,9 +177,24 @@ There are other fields, with less inportance:
 
 Below the example displays a card only when the app is on desktop.
 
+```{r, eval=TRUE, echo=FALSE}
+card(
+  shinyMobile:::create_app_link(
+    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRU-gEF07EQAJdAV1q6AvLoBmAdgAKUAOZwdEffqKpStEp1O66nUuwAJiwA1j4AYhoAMgDKAKICuHouHqRKPkJgMqy6aKiZSc4uVjF8dkpRUKxEBgHJLrrQAG70LD5WAHJQLSxODQ2p6WaZGgQEcJzegXBNtOO6fOZEBfX93FC0jHQQcBHR8YX9LjxQgUQA7j4AKlgAqnGr+omPugDEujAbzsRkFKQvRgA8rVULUdIQWIFMs8igM4AAPUjA0igupgAycOCMDQOMjQw4uFRPAmYxhNLHtAwQAgeEjsPio3C6Goo2oCXQgVarFmogAkGKxOL+ugAPABaXSMCjTRhXBEBBm1XnTWbjACSECWyomIVIbiJLlW71xWKg5FyugIkOZohyS0YummnF1bm5IKVVsYgVFEqlEBltzV7E5sJcUoAjvSIHyVXM4BqtU6XagDQ0rABhSF9I66TJXXjeWjeKC6Ti0GCodKe73nWikbi6StfXTkREEo70WqWyHeK3OKDUThES0kUjN+twTbM87ObhwU5Y9v9JZEciMJl+Ui6WZwc5M8v2OBMogOqD8ZkTh1wJTwMgYTIvVO6AC+BufIgEYGfAF0gA", #nolint
+    "app",
+    header = FALSE
+  ),
+  full_screen = TRUE
+)
+```
+
 ```{r, eval = FALSE}
+library(shiny)
+library(shinyMobile)
+
 shinyApp(
   ui = f7Page(
+    options = list(dark = FALSE),
     title = "My app",
     f7SingleLayout(
       navbar = f7Navbar(
@@ -164,13 +213,12 @@ shinyApp(
     
     # generate a card only for desktop
     output$card <- renderUI({
-      if (input$deviceInfo$desktop) {
-        f7Card(
-          "This is a simple card with plain text,
-          but cards can also contain their own header,
-          footer, list view, image, or any other element."
-        )
-      }
+      req(input$deviceInfo$desktop)
+      f7Card(
+        "This is a simple card with plain text,
+        but cards can also contain their own header,
+        footer, list view, image, or any other element."
+      )
     })
   }
 )
@@ -180,11 +228,26 @@ shinyApp(
 ### Informations about Shiny inputs
 
 `{shinyMobile}` has `input$lastInputChanged` which returns the name, value and type of the
-last changed input, see below:
+last changed input, see below.
+
+```{r, eval=TRUE, echo=FALSE}
+card(
+  shinyMobile:::create_app_link(
+    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRU-gEF07EQAJdAV1q6AvLoBmAdgAKUAOZwdEffqKpStEp1O66nUuwAJiwA1j4AYhoAMgDKAKICuHouHqRKPkJgMqy6aKiZSc4uVjF8dkpRUKxEBgHJLrrQAG70LD5WAHJQLSxODQ2p6WaZpRDlcLqV1bUF9f3cULSMdBATZpGxcYX9LjxQgUQA7j4AKlgAqnFz+onXuqRERNStjO2WJ4-PvXf6qESctA8JAyYHoRFIDxgsyKOysUT4IXY1Cg9Dg1BB8IgYQAjAVdNxGHBzCDuBDUJxEAB6SmHWkYOyPcYYYhQsC3GH9OEIpEotEYhG6ABMeIJRJJZIp1Nph3pjKUzKIrJUO3ZOwAxLoYItnMQyBRSHcrABhFiBdhNOCMVoeGAnOAAD1IAHlaqhajowHxzP9MgJVZzLCbGGafhZ3g6Anw3aQAJKBEHkR145Go9HDMB2pNs7Y7MMxOiBS3sKO1OMg5hjOC4vC+Xlp3SZLBQSt4mB8HwABlwmqg9p8gu7TSg1AMa102O7-jgqE7GGx-thlhi5HQRZLsfj6anq8Y1e7Kb56eX09Qltb7bMXZ7fbM2KvQ5HY4ArAv+harVAbZnna73Zlkf4RoLJWgS+ncyouBB-qcJa77tAYEAEECEDFhA0bdjUpDRgIuggHMmHRgAJF6-y6AAPAAtLohIQIWjDWIwfCRmhtSEeorAxhA3oQa4v6kIRAGkEBzYOPGlHURQdEMUxqFEYJnHRsJIEQQAviIAhgCpAC6QA", #nolint
+    "app",
+    header = FALSE
+  ),
+  full_screen = TRUE
+)
+```
 
 ```{r, eval = FALSE}
+library(shiny)
+library(shinyMobile)
+
 shinyApp(
   ui = f7Page(
+    options = list(dark = FALSE),
     title = "My app",
     f7SingleLayout(
       navbar = f7Navbar(
@@ -222,7 +285,4 @@ and get a diff.
 
 ### Other information
 
-`input$shinyInfo` gives the current workerId (for shinyapps.io, shiny server pro, rstudio connect), the unique sessionId (equal to session$token on the server side).
-
-
-
+`input$shinyInfo` gives the current __workerId__ (for shinyapps.io, shiny server pro, Posit Connect), the unique __sessionId__ (equal to `session$token` on the server side).

From d2ba102066adf790bac193e24946fe99a38f19c1 Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Sun, 21 Jan 2024 00:10:23 +0100
Subject: [PATCH 10/19] update RCMD check GA

---
 .github/workflows/R-CMD-check.yaml | 32 +++++++++++-------------------
 1 file changed, 12 insertions(+), 20 deletions(-)

diff --git a/.github/workflows/R-CMD-check.yaml b/.github/workflows/R-CMD-check.yaml
index fef8e7b2..153a2dcb 100644
--- a/.github/workflows/R-CMD-check.yaml
+++ b/.github/workflows/R-CMD-check.yaml
@@ -1,9 +1,5 @@
 # Workflow derived from https://github.com/r-lib/actions/tree/master/examples
 # Need help debugging build failures? Start at https://github.com/r-lib/actions#where-to-find-help
-#
-# NOTE: This workflow is overkill for most R packages and
-# check-standard.yaml is likely a better choice.
-# usethis::use_github_action("check-standard") will install it.
 on:
   push:
     branches: [main, master]
@@ -23,18 +19,10 @@ jobs:
       matrix:
         config:
           - {os: macOS-latest,   r: 'release'}
-
           - {os: windows-latest, r: 'release'}
-          # Use 3.6 to trigger usage of RTools35
-          - {os: windows-latest, r: '3.6'}
-
-          # Use older ubuntu to maximise backward compatibility
-          - {os: ubuntu-18.04,   r: 'devel', http-user-agent: 'release'}
-          - {os: ubuntu-18.04,   r: 'release'}
-          - {os: ubuntu-18.04,   r: 'oldrel-1'}
-          - {os: ubuntu-18.04,   r: 'oldrel-2'}
-          - {os: ubuntu-18.04,   r: 'oldrel-3'}
-          - {os: ubuntu-18.04,   r: 'oldrel-4'}
+          - {os: ubuntu-latest,   r: 'devel', http-user-agent: 'release'}
+          - {os: ubuntu-latest,   r: 'release'}
+          - {os: ubuntu-latest,   r: 'oldrel-1'}
 
     env:
       GITHUB_PAT: ${{ secrets.GITHUB_TOKEN }}
@@ -42,16 +30,20 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
+
       - uses: r-lib/actions/setup-pandoc@v2
-        with:
-          pandoc-version: '2.17.1' # The pandoc version to download (if necessary) and use.
+
       - uses: r-lib/actions/setup-r@v2
+        with:
+          r-version: ${{ matrix.config.r }}
+          http-user-agent: ${{ matrix.config.http-user-agent }}
+          use-public-rspm: true
+
       - uses: r-lib/actions/setup-r-dependencies@v2
         with:
-          extra-packages:
-            any::rcmdcheck
+          extra-packages: |
+            rcmdcheck
 
-          needs: check
       - uses: r-lib/actions/check-r-package@v2
 
       - name: Show testthat output

From 3082f5f64dd600a3e990414317e3d4dbc7952514 Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Sun, 21 Jan 2024 21:52:55 +0100
Subject: [PATCH 11/19] update index.Rmd + fix issue in card (style ignored for
 height + fix wrong params in demos + add vignette pwa + remove cheatsheet
 from website

---
 NEWS.md                                 |   3 +
 R/f7Card.R                              |   2 +-
 docs/404.html                           |   1 +
 docs/CODE_OF_CONDUCT.html               |   1 +
 docs/articles/Gadgets.html              |   3 +-
 docs/articles/Single-Layout.html        |   3 +-
 docs/articles/Split-Layout.html         |   3 +-
 docs/articles/Tabs-Layout.html          |   3 +-
 docs/articles/index.html                |   3 +
 docs/articles/shinyMobile.html          |  11 +--
 docs/articles/shinyMobile_tools.html    |   1 +
 docs/authors.html                       |   1 +
 docs/index.html                         |  72 +++++-----------
 docs/news/index.html                    |   5 ++
 docs/pkgdown.yml                        |   3 +-
 docs/reference/authentication.html      |   1 +
 docs/reference/class2f7.html            |   1 +
 docs/reference/createSelectOptions.html |   1 +
 docs/reference/create_app_ui.html       |   1 +
 docs/reference/f7Align.html             |   1 +
 docs/reference/f7Badge.html             |   1 +
 docs/reference/f7BlockFooter.html       |   1 +
 docs/reference/f7BlockTitle.html        |   1 +
 docs/reference/f7Chip.html              |   1 +
 docs/reference/f7Col.html               |   1 +
 docs/reference/f7ColorPicker.html       |   1 +
 docs/reference/f7Dialog.html            |   1 +
 docs/reference/f7DownloadButton.html    |   1 +
 docs/reference/f7FabClose.html          |   1 +
 docs/reference/f7File.html              |   1 +
 docs/reference/f7Flex.html              |   1 +
 docs/reference/f7Float.html             |   1 +
 docs/reference/f7Found.html             |   1 +
 docs/reference/f7Gallery.html           |   1 +
 docs/reference/f7HideOnEnable.html      |   1 +
 docs/reference/f7HideOnSearch.html      |   1 +
 docs/reference/f7Icon.html              |   1 +
 docs/reference/f7Item.html              |   1 +
 docs/reference/f7Items.html             |   1 +
 docs/reference/f7Link.html              |   1 +
 docs/reference/f7List.html              |   1 +
 docs/reference/f7ListGroup.html         |   1 +
 docs/reference/f7ListIndex.html         |   1 +
 docs/reference/f7ListItem.html          |   1 +
 docs/reference/f7Margin.html            |   1 +
 docs/reference/f7NotFound.html          |   1 +
 docs/reference/f7Notif.html             |   1 +
 docs/reference/f7Padding.html           |   1 +
 docs/reference/f7Page.html              |   1 +
 docs/reference/f7Password.html          |   1 +
 docs/reference/f7PhotoBrowser.html      |   1 +
 docs/reference/f7Popup.html             |   1 +
 docs/reference/f7Row.html               |   1 +
 docs/reference/f7SearchIgnore.html      |   1 +
 docs/reference/f7Searchbar.html         |   1 +
 docs/reference/f7SearchbarTrigger.html  |   1 +
 docs/reference/f7Segment.html           |   1 +
 docs/reference/f7Shadow.html            |   1 +
 docs/reference/f7SingleLayout.html      |   1 +
 docs/reference/f7Skeleton.html          |   1 +
 docs/reference/f7Slide.html             |   1 +
 docs/reference/f7SplitLayout.html       |   1 +
 docs/reference/f7SubNavbar.html         |   1 +
 docs/reference/f7Tab.html               |   1 +
 docs/reference/f7TabLayout.html         |   1 +
 docs/reference/f7TabLink.html           |   1 +
 docs/reference/f7Table.html             |   1 +
 docs/reference/f7Tabs.html              |   1 +
 docs/reference/f7TapHold.html           |   1 +
 docs/reference/f7Toast.html             |   1 +
 docs/reference/f7Toolbar.html           |   1 +
 docs/reference/getF7Colors.html         |   1 +
 docs/reference/index.html               |   1 +
 docs/reference/pipe.html                |   1 +
 docs/reference/preloader.html           |   1 +
 docs/reference/preview_mobile.html      |   1 +
 docs/reference/sheet.html               |   1 +
 docs/reference/updateF7Tabs.html        |   1 +
 docs/reference/updateF7VirtualList.html |   1 +
 index.Rmd                               |  84 ++++++-------------
 index.md                                | 105 +++++-------------------
 inst/examples/split_layout/app.R        |  11 +--
 inst/examples/standalone_tabs/app.R     |   7 +-
 inst/examples/tab_layout/app.R          |   3 +
 {man => vignettes}/figures/f7PWA.png    | Bin
 vignettes/pwa.Rmd                       |  68 +++++++++++++++
 vignettes/shinyMobile.Rmd               |   8 +-
 87 files changed, 246 insertions(+), 219 deletions(-)
 rename {man => vignettes}/figures/f7PWA.png (100%)
 create mode 100644 vignettes/pwa.Rmd

diff --git a/NEWS.md b/NEWS.md
index f9f83d3b..3fe38419 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -7,6 +7,9 @@ apps in the documentation.
 ## Minor change
 - Add `limit` to `f7AutoComplete()`. Thanks @bthieurmel.
 
+## Bug fixes
+- Fix ignored __height__ in `f7Card()` (Typo).
+
 # shinyMobile 1.0.0
 
 ## New
diff --git a/R/f7Card.R b/R/f7Card.R
index 9ad2da9a..6e66943c 100644
--- a/R/f7Card.R
+++ b/R/f7Card.R
@@ -64,7 +64,7 @@ f7Card <- function(..., image = NULL, title = NULL, footer = NULL, outline = FAL
 
   cardStyle <- NULL
   if (!is.null(height)) {
-    style <- paste0("height: ", shiny::validateCssUnit(height), " overflow-y: auto;")
+    cardStyle <- paste0("height: ", shiny::validateCssUnit(height), "; overflow-y: auto;")
   }
 
   # content
diff --git a/docs/404.html b/docs/404.html
index 6ae5c427..73551517 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -54,6 +54,7 @@
     <a class="dropdown-item" href="articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/CODE_OF_CONDUCT.html b/docs/CODE_OF_CONDUCT.html
index da46c22e..975c55b1 100644
--- a/docs/CODE_OF_CONDUCT.html
+++ b/docs/CODE_OF_CONDUCT.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/articles/Gadgets.html b/docs/articles/Gadgets.html
index 97a55fc8..87a86a2e 100644
--- a/docs/articles/Gadgets.html
+++ b/docs/articles/Gadgets.html
@@ -56,6 +56,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
@@ -102,7 +103,7 @@ <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
                         <h4 data-toc-skip class="author">David
 Granjon</h4>
             
-            <h4 data-toc-skip class="date">2024-01-20</h4>
+            <h4 data-toc-skip class="date">2024-01-21</h4>
       
       <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/vignettes/Gadgets.Rmd" class="external-link"><code>vignettes/Gadgets.Rmd</code></a></small>
       <div class="d-none name"><code>Gadgets.Rmd</code></div>
diff --git a/docs/articles/Single-Layout.html b/docs/articles/Single-Layout.html
index f35d5280..d495b292 100644
--- a/docs/articles/Single-Layout.html
+++ b/docs/articles/Single-Layout.html
@@ -56,6 +56,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
@@ -103,7 +104,7 @@ <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
                         <h4 data-toc-skip class="author">David
 Granjon</h4>
             
-            <h4 data-toc-skip class="date">2024-01-20</h4>
+            <h4 data-toc-skip class="date">2024-01-21</h4>
       
       <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/vignettes/Single-Layout.Rmd" class="external-link"><code>vignettes/Single-Layout.Rmd</code></a></small>
       <div class="d-none name"><code>Single-Layout.Rmd</code></div>
diff --git a/docs/articles/Split-Layout.html b/docs/articles/Split-Layout.html
index 8fed202b..5804e403 100644
--- a/docs/articles/Split-Layout.html
+++ b/docs/articles/Split-Layout.html
@@ -56,6 +56,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
@@ -103,7 +104,7 @@ <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
                         <h4 data-toc-skip class="author">David
 Granjon</h4>
             
-            <h4 data-toc-skip class="date">2024-01-20</h4>
+            <h4 data-toc-skip class="date">2024-01-21</h4>
       
       <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/vignettes/Split-Layout.Rmd" class="external-link"><code>vignettes/Split-Layout.Rmd</code></a></small>
       <div class="d-none name"><code>Split-Layout.Rmd</code></div>
diff --git a/docs/articles/Tabs-Layout.html b/docs/articles/Tabs-Layout.html
index 2da72bde..35ebbf8a 100644
--- a/docs/articles/Tabs-Layout.html
+++ b/docs/articles/Tabs-Layout.html
@@ -56,6 +56,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
@@ -103,7 +104,7 @@ <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
                         <h4 data-toc-skip class="author">David
 Granjon</h4>
             
-            <h4 data-toc-skip class="date">2024-01-20</h4>
+            <h4 data-toc-skip class="date">2024-01-21</h4>
       
       <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/vignettes/Tabs-Layout.Rmd" class="external-link"><code>vignettes/Tabs-Layout.Rmd</code></a></small>
       <div class="d-none name"><code>Tabs-Layout.Rmd</code></div>
diff --git a/docs/articles/index.html b/docs/articles/index.html
index 21315898..0e1b63b3 100644
--- a/docs/articles/index.html
+++ b/docs/articles/index.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
@@ -80,6 +81,8 @@ <h3>All vignettes</h3>
         <dd>
         </dd><dt><a href="Tabs-Layout.html">Tabs-Layout</a></dt>
         <dd>
+        </dd><dt><a href="pwa.html">Progressive web app support</a></dt>
+        <dd>
         </dd><dt><a href="shinyMobile.html">Getting Started</a></dt>
         <dd>
         </dd><dt><a href="shinyMobile_tools.html">shinyMobile Tools</a></dt>
diff --git a/docs/articles/shinyMobile.html b/docs/articles/shinyMobile.html
index cbf6bb12..4c150443 100644
--- a/docs/articles/shinyMobile.html
+++ b/docs/articles/shinyMobile.html
@@ -56,6 +56,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
@@ -102,7 +103,7 @@ <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
                         <h4 data-toc-skip class="author">David
 Granjon</h4>
             
-            <h4 data-toc-skip class="date">2024-01-20</h4>
+            <h4 data-toc-skip class="date">2024-01-21</h4>
       
       <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/vignettes/shinyMobile.Rmd" class="external-link"><code>vignettes/shinyMobile.Rmd</code></a></small>
       <div class="d-none name"><code>shinyMobile.Rmd</code></div>
@@ -320,10 +321,10 @@ <h4 id="page">Page<a class="anchor" aria-label="anchor" href="#page"></a>
 <span>    iosTranslucentBars <span class="op">=</span> <span class="cn">FALSE</span>,</span>
 <span>    navbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
 <span>      iosCenterTitle <span class="op">=</span> <span class="cn">TRUE</span>,</span>
-<span>      hideNavOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      hideOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span></span>
 <span>    <span class="op">)</span>,</span>
 <span>    toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
-<span>      hideNavOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>      hideOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span></span>
 <span>    <span class="op">)</span>,</span>
 <span>    pullToRefresh <span class="op">=</span> <span class="cn">FALSE</span></span>
 <span>  <span class="op">)</span>,</span>
@@ -450,10 +451,10 @@ <h4 id="options">Options<a class="anchor" aria-label="anchor" href="#options"></
 <span>    iosTranslucentBars <span class="op">=</span> <span class="cn">FALSE</span>,</span>
 <span>    navbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
 <span>      iosCenterTitle <span class="op">=</span> <span class="cn">TRUE</span>,</span>
-<span>      hideNavOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      hideOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span></span>
 <span>    <span class="op">)</span>,</span>
 <span>    toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
-<span>      hideNavOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>      hideOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span></span>
 <span>    <span class="op">)</span>,</span>
 <span>    pullToRefresh <span class="op">=</span> <span class="cn">FALSE</span></span>
 <span>  <span class="op">)</span></span></code></pre></div>
diff --git a/docs/articles/shinyMobile_tools.html b/docs/articles/shinyMobile_tools.html
index e01e5881..7dda6218 100644
--- a/docs/articles/shinyMobile_tools.html
+++ b/docs/articles/shinyMobile_tools.html
@@ -56,6 +56,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/authors.html b/docs/authors.html
index 6d2758c3..1c71b175 100644
--- a/docs/authors.html
+++ b/docs/authors.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/index.html b/docs/index.html
index 7ecb27f1..08f557fb 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -68,6 +68,7 @@
     <a class="dropdown-item" href="articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
@@ -115,6 +116,18 @@ <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
 </blockquote>
 <p><a href="https://github.com/RinteRface/shinyMobile/actions" class="external-link"><img src="https://github.com/RinteRface/shinyMobile/workflows/R-CMD-check/badge.svg" alt="R build status"></a> <a href="https://lifecycle.r-lib.org/articles/stages.html" class="external-link"><img src="https://img.shields.io/badge/lifecycle-maturing-ff69b4.svg" alt="lifecycle"></a> <a href="https://www.repostatus.org/#wip" class="external-link"><img src="https://www.repostatus.org/badges/latest/wip.svg" alt="Project Status"></a> <a href="https://cran.r-project.org/package=shinyMobile" class="external-link"><img src="https://www.r-pkg.org/badges/version/shinyMobile" alt="CRAN status"></a></p>
 <div class="section level2">
+<h2 id="sandbox">Sandbox<a class="anchor" aria-label="anchor" href="#sandbox"></a>
+</h2>
+<p>You can play with the below sandbox.</p>
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init="" data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/editor/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRaVAH0iqUpwAEAHgC0eup1LsRe63tLc48PQF49QsLSKc3uKzYAmLADWznoAYgCCADIAygCiPhA2egBmikp+IREx8b7WxNREjCFuAMQADGUA7FDJyd65tkQArgTcIWYWDdakaAASRNQZLgAqWACqOYlJtn0DfgAicNRQrCGVAKxlCdN6HpzDza1YtOhKmVFxDQLbNnvDzBCc1C0UpABCLPouWXE31tAAN3oLHatHMlimST2AGFXnBGMNaKQziNxpMdrw-HAAPIQAAKUAA5nBogRGANqCFRhMrn9GgNgUUXB0IRjaFjcQTiaTydRKd8LrFaQ1UE0+QcsHBkow4DxztlfCoRFJ+OF0Ky9E1aCFkpUuXANdZtKQPI8QuotDpOHSTci4MUwCrZPJFPbolAIH56EQAB71SEpSrDKD0SIrZqdAPWVAepZfGaEyJgyM7ay6gkQJbsW0o1xgSJS0h6DNLbx6Tjs+0uNxKZKkMt2BxVvN0Qncet4PNvZb0ZZlqXJOAEIvVwhEAHwtzXLo2dOx6jZpG5tzHNtFkvUMsVrEOxi0NcN+yOUcBRiBMtubshvudgdDkd54gTxhTmfTqN6QGMnWVAByUCBFhDWmHNmzcJ05AUM53U9b0-TwGdrG4KBaEYOhMypNE6SSHgoD8IgAHdMImbCbFrUgN2I9FUz3NdKNRGkP3fHZdWDehOGApIPVoGAoHIIY9GpaidhKTgCJOOBr2bITSLTIMQ04kClzAsA2L0ABGf1UxsHp6H-Y88zYzSEI-KFiESFxdQASXMywwGSOZJzAZjtL0KBh1oCcqISRCyPUagOHUxAAGYtkDaEWD8FRtJclj5PoRSklAh01IAJi01zdP0lS2PSkzXN2cyfxskg7MCOBWG9SKp1k2dKmiZD8IIxLpj4chHiRVYXHUrZfKSbhx3hby+rqiLGD8FqdmS0cxoyew8Kc2qdjccI9AIaqwBG6xotcnadli6ZWIUkbpsMkM9GCjLtKy2AcpDS78tc2gissyoSogOzllYeFOA0KBqA7A64oavDCMm24yAoCtSC6jTetM6YBufYaEaSXVZvBpLlIdWa9HmrEX0egq5OiXjGFIaIlnvTHpjcAEWFoKSruJ6w3AANQZqT9FIIhywGgjEGZlmCDs6FWHQgmvDAB0CHFoWWcMh5OBgMEKxINwHVgeWWbcABxSTGClh1iRYGqtumbQKCsiy8x4OA4A7JbUxgMUTVQXMhPN7anaSqTsSaUhRU6MAAh6V9UZsPbUyjpIY70KOdpczh4WRyymggDzSr4IPcD0CMc-LWU1YgAQ9BABoSj0UO+KZgN84DgASavDBMGVPXhNilHYcuPxgUh1sN4Bc5FtwYFQQky2zxv6b3KTrir8lUHlOIAF0GgAX1z8kCOgeB4yEnb15EFQwHXlegA" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen allow="autoplay" data-external="1">
+</iframe>
+</div>
+<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span> </bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
+</div>
+</div>
+<div class="section level2">
 <h2 id="installation">Installation<a class="anchor" aria-label="anchor" href="#installation"></a>
 </h2>
 <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
@@ -124,15 +137,10 @@ <h2 id="installation">Installation<a class="anchor" aria-label="anchor" href="#i
 <span><span class="fu">devtools</span><span class="fu">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html" class="external-link">install_github</a></span><span class="op">(</span><span class="st">"RinteRface/shinyMobile"</span><span class="op">)</span></span></code></pre></div>
 </div>
 <div class="section level2">
-<h2 id="cheatsheet">Cheatsheet<a class="anchor" aria-label="anchor" href="#cheatsheet"></a>
-</h2>
-<p><a href="https://github.com/RinteRface/cheatsheets/tree/master/shinyMobile" class="external-link"><img src="https://raw.githubusercontent.com/rinterface/cheatsheets/master/shinyMobile/png/shinyMobile1.png" width="630" height="487" style="max-width:100%;"></a></p>
-</div>
-<div class="section level2">
 <h2 id="demo">Demo<a class="anchor" aria-label="anchor" href="#demo"></a>
 </h2>
-<p>A running demo is on <a href="https://dgranjon.shinyapps.io/miniUI2Demo/" class="external-link">shinyapps.io</a>. Left side: android demo, right side: iOS demo</p>
-<link rel="stylesheet" href="/Library/Frameworks/R.framework/Versions/3.6/Resources/library/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
+<p>Android demo:</p>
+<link rel="stylesheet" href="/Library/Frameworks/R.framework/Versions/4.2/Resources/library/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
 <div class="marvel-device note8">
 <div class="inner">
 
@@ -161,11 +169,12 @@ <h2 id="demo">Demo<a class="anchor" aria-label="anchor" href="#demo"></a>
 
 </div>
 <div class="screen">
-<iframe width="100%" src="https://dgranjon.shinyapps.io/miniUI2DemoMd" allowfullscreen frameborder="0" scrolling="yes" height="822">
+<iframe width="100%" src="https://shinylive.io/r/app/#h=0&amp;code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRAYgAEnIgFdGBOBphEAJjqWcRhgDwBaDRQButRiXhl2K1FFLcNdrVZOchgMADNFOHYhMDgAD1hUCwB6AHMoaiU2ZNIoek5kmNwNbwIAayhUwwBeDRipfjkFJRiVTjQkjhENDTpg8MjOaIgenu9fXG7RvgJqHRM4DBMXTg1agDEAQQAZAGUAUUmR0fHyRhHamOwiqZ7aVIgiRkWCKE4ajQAVLABVfamBEcemEdBACKRaCR2GEBBoQFpdPoohElBhxtx2OjijDitQiK9qGsHLCAL4iFTqLS8fgaDoiBqsTboYY9HS0IlhADsAAVKlFbrTMkQAO7cgDqmyJ3z+xSIqAhJFWtT6pHYJhYZSJWz2hw0KKUJi1OwOxVQzzxUAWjClv32gIFXM+eW2UFYulVAp6HXoLA5nKZqB9jBZo1DXPWSji0M5ACEoOV2LlGFVSABJQ2XMC5fJwUitbGcgBy8VVSZT6aJMWz7zzYAE9uOoeBnN2cBYBG4QfYtAzdTA73b3AAjEUNHw6BAPtLdUl43BuERqFbK2BPmwjIYSBpfIYACy+bd5ACErU9GgbTY3nHaVSDfpkcGvfLjwb4qB0ad7MRgrHgT9vLCjrOBgLkucDWpmD7-nA+Znt4k7UEqh6pNstDBCGl5cryCEYZeY5fmA8FwNQ2xwGEtZAnhPQQqQSgrqR5EaNhxE3I2eGcD2HwxEo5GsVR1HcHA8ArnQqTcBRZ6hjEMbUHksl8fxZFhHA4Irs8jhttQMSSeelGYTyUA4Tp1G0LRXFgFg9ziUxhksXgxlaJxalWRJbGXjuwmZuqjBlApVHSbJ9DyfZblNkpKmkCuxAaYw2mhT0KiXheTbQI4d61FyhZQGlLC4aGNF0ZmDJNJEflNpwOj0AV5lhE8Gi7NSrBlaG3BQC4E5Traenla1JgijaMo6TxpDMYStTTt1oaMC5o0DYcOkKKkVQQV8XU6aQzAQJw3jPGQRo6meyVhpy2xEKkfB5dMBF4udEC8lUzWjNVK4AJq6BozwZNQrDbtSmpujoGivCMqREBognPAA-I9wJEEQZwrp8vCrO84KQiMHEwOYPiPrSIxQB+glkLQrwKiMZr4o+nAYF8EMwfFY6rPGpA6F9P2PBoOjvNahmGt417Ck8hrqtmbyLExH4aMKrXkDFGgA1LhmRfQH46X1EAAOSRUo2WGEFhllCeIVUcELCkAA8qgFD7Sah2TRomjPNF4G-YYxB4taqAk2ULtvpLvOc6gIuGDu24lhoPrlKkrigiYZ6aO7dXxsQjDLBAqTfRgZ65KknAACScAQ03ypdPQxHn0KgmjUKwiADkNdIGCWiYADCXOkEQMBQTecAABK81k7BayWtiJ4wGvYlXZPsH+Pe1w5PQVxrahj9y3vgQAahkGsCBgBDXkPkdlNHugQCYo+Lk8E9XnPADcDkkgI9+qAzPQ1qmZDgY4GSV2C0-z6-UYS9aAwFSDvJupANpDyLkQa8Tx7h8GvhrQyJBfy6E4DvZ+-ENAkmKAAVgAAwEIpIA5IyRtxnQzoYWefII6+h9O8Q0W5Q4ED0LtWiP13hKHBHAQ02Z66NSbiYVu7dO7dz5P3M+g8taUKUOIgC49J5-3RjPKmfIAHYLuGEDQqjoJrGqLUDWHYfA7zhAvIBQ81A-hoQo8BPARSeCwZoxeQ8MAd0XEGNxzo+BlAwbvXgCxHHmJJA4RChg66ANDEvKxv41G2P8ZxIJkSLEazcXDagnjsyoQgL4uxC5hRJOcWSQBj8nGXlKTpOKSV7aOjyEMHSPYVzVlzDDPGICca9m1LbBmnBhS0CtnJTqg0GbZg-u+UgnB7bUTyDGUgW0pmHnoC3FgJhJnrW8cENZIy8ifBLAs0ZEBar7LyObHcjBLChUSqMI625TKFT7MVeQpUwAAkotzOWGUp4qL9qQWUH5xnFHeNedGACBSaB+Rob+dARbowFPId5UQImXihT2HG6xORjI-N2CA4yKyZnIHECiY5Dlg0zGKGWcAYqnlCii4O6LMUegZj8vFfZ+a9KFq0044ELh9mAAQ2wABOAAugAKlaeBVwK0Yjm1EOzHQMB6DgVWEkNs7wjaHQFI-EQYKKFLTojYvWLBEBUl0EuDQJBvoR0MMsTgslWC8KlkTc1IxQ4GtWPwti8Kv5wH2BpDwPy87NN+WY0KQKOIkALhQERwQxFxKiKQVgVsmmyLgPIuAQZRwBqDVcnoWqX6hk0FzF27wz4aEnMKG+fI4U5kYBpX1FBVQ-OAMAb8sToJBlsCWuOYAhVCuKEipsOgg5os5Gm+pTKCLWLjZYY2eEVSl1GFyNNC78rh1qAGqd7aWALNDNATyfYAAi2UeytPyom8yJbXLOMEpaF2kE40aF7m2K0p7F1wwRvevR6x33gVfdREsT7b1StXOHQDL7Z3YIJaQb98M719igxoGDZw-20m-kmFc4lSCoE4IgMhBATAQHCMweAgsfKcgwJCZIwF5yLitFRuAcolC2CHEQuILH+XkYAFaoFSFU-iOamwCYSpqkhBa9RQB9hQj6Kk4C0A0h9XmndK1VAuaGL1tbEVnj4LSnGLozjsEIUQoTZbYC4wCAQaIYAN4kw7rFPAfYABSRBuCqDrGePdNh7DtBgCq9gHnJkaCHKJwdw7yDorHQuxpmZN09xnQs+dDkl1xpXU9NdfY00oY80SDzO6nrnrUjJuTvCUPZR8L6TMmHsO4eSPhwjYRiNwFI2UcjlHqOgTo1bRjcBmOsfY4KjA3HeMvMAcZ4TlyRParYpoDa9xlp6jqjdPgAoZtLRdgET6aMNLsAHVNOAABHbF4zA11NzPovsxjawCbzWJxbGNvXWmMGYFobECTUDkE9-koUuSnVuq2DTjB7ZRb7Ld+6MEIPTAeE8OAH9TJzXtitubtQEe-rYsFno7ojscRGOtqN4FuR4lVEkeGXA+DFFsF7YoAAmEVXt6xwv+R+POxBVg47PnjgnmIOfM7JxTjQ1Pado-NQz0ggbw6s6tNyaa-qcWM6gwJjHjO2WkcNOLvHUvG0y5F0roW8vhei8JSwNs-h7C7Ql+rw7suSyG6gLrrDjPbWcWtKrxgku+Aa8x9C8CtuPeO6wIZKoxvpNs5d+bgNDurR+-TsoenduRfBDgOgNbJvcch7dxbuP5BE+MG94zjsKlNTO9d9Lo7efyg55F6X4+MdUCB9N2rtPAbK8nyHeXvOzBlhg0L6HzXbfLSQlbx3PVnmg9m4bz3wfVDW9cIirXlPRf3f2+IhFVvULZ-B-n+nvOKtIEkEp1PmAZsRZQDX1aJ0QVNOhRvSYGepBXjnOAMUCz34eOZp75wA-jAJnEUBBoEwrga8bDGj7BCpXbFCuDCj+ZzRT5L7ghHrkAn717F6M7Byt4EwdzEA+ZKCywZAIGp5IEi4-hoH4idwqrkCC6yToDfTsBDiIBDiU5KLVwQDdgaJNgK6kDNr8zkAEKWbPBxZjgCC9q4G7KEqYhvBcGWYxgfgdyubFDsiTBgCMx9iyGa4cFiFwDcExBVQyH8G9p05sTXajBsF5xezlBfw4HO7CEL4EGJrrzZ4x4l6Xwu62FbyEgWElib4-hjwmE+x2H5qjCaBdquxAyOElC2HErjJSYOa7DVoIr1r4F5yeGOHeHgT9pnhhroyRpnxtwxpdzJYJpJr4ojxjyjgGpEgbqsBeG2FXYkI6qoByhDr2GK71GoAtwkDkB7Rd5j5HZ1HvioCWGC7qZ1p+pWGBoprcjNGpFfY8jNGRYEQ9FDojjg75R3LmQyA-QRDnKRTzGoCtKOjuExDbGWGjgxDjG9HBGfxkDHGrjIyKE-h6grBbHNEOAxTFCphaDChtiMBGw3KhgxQ+gQgwCWHmzC6WbbGtEXGXYar6EDE1pDENqb7bFDiTGXi0DaKb5BpnYnHNEzosGXjbG7C5Asws72Cok6IBqImwgxBygUDFYKHETvDnZ4iMJ8b6SfBEBiEpZ1EcRkzJo7FLFNgIa1CcH8hgCnFDqMxATNEEk+BcyjbnhnjFKhh5o6o8BwCnZE55iep66qm5j47wy4F6mqg7ajDIyqjnBPAwCb46kWz5B6FKkwmxHDHokpoNRqnBrGmsihZwDoqum5jdgETWmLHVGTZiaPAQgRCkzoyqajAUGdDUGIAADMDB08tAuJhhsJPqTpTawAwpGhYAoMhY8MqJmaAhfaESDSxA2OJJaJ7IAApLWXzmdsQnqBipWZZvQIuKQAAPr6itChIMmFg-DbDbAhl4SZRFlhApaCnwaPhXr8QkxbjrqVm5bPRClqGWaFnhkkw+Cwr2apm5YVRVQrEriSiHnVSvrVSWRiSkCWFlE6TGYGG5qC6aAHq0AZBnTRk9CaBhmonblkyfm9AdBUE0FJl6hfJQipkhqXiDGZnwnZm5mWagyvnvlDayGlmTENI1lnZBZQX8RcjIU3QpYmRmQrgEVnS3JmQobTkxBIxoSKGGSCjgSRTLAoUsl4RykhL0mGCkndhnZ764VUT4VvmEXmJA4xCVkbEwBkWoXmKrmHrCXkXnn8nuT5aZgSUuAwBUVpY0U3F0UMXqWMAwC-4KVDYOQcX9ncVYUGIaAJlpn6TSVEX4QrgUw+akDSVUXHmZjSUUUtDKUCmqWsquCuVaWEqIy6VMwlBBXyjGWsXDbYIcUKnBl+Ho4ZlxEjEGVSUmXIlNiOjsnoTTnCmWabBZCRQQpoSICv4OGHIaXSV2mjDKlamx7GFRUbRmbJ7B4-CpjbZaY1nUwQDmDUAIktW1V2WLqxh4jlCfArGJieV9gtx0DlDOoxU3QRxSFbgJnUrlJnhcgyT4hlBTVmQzUkXro94uXyi1UTbJUOwlByhEAxQAUwVpUIm3UxSSE74QDZWhjNzoqnF3XgSzHOUvXgRvXSGtJyj-lEjzqVntGRSZi0WrB6Utkg0kCbWCaXU6odxiEPWpVZnj55XunbWchskck6RcmmTowrgdk76aV+XUVgBvGwC0gUJiE0z7A+AbjqrjbQmjlfm0iMFUhukxHepPUBqgybCMG+kE1THi1kyS0LrRxA4TQNIETMzoyLELLb7SFIQJaAI63OJ02bm-mRko1+WhgLk8pciphtkxB8C1SwTJJjxEiDnDlmW5Z62aJ03uWm3TCVl+hW1QjcQuQqwZI9mKBaR1i5Y9CO21DO0jkjb3lQn2k83mo41wU96q0kBDhdma0kCfXTA1np2MFZ050XC1A4UeljWG2TkOR01vSAyzDrxMIuqCT3GbGrXvWvrm1+3W1gAdnUDdm9kR012zUxBV1-m7krkrFXniS3mZiPDChsWhgPkWVjgF1HYZ0QDF1rWl186jXNgOUORiUoAS2CS5he2T3HVzULWajCQdyAVVx+DH7E3BBGwrkBXiUkCSUXnaVgB11AzX0OrMIt2owkCGgl2L3XIKno2eqp3xG9L9JwAy3ozZ3b151aJklv59JWxIMkAoPvXYV70tlV1Tk-1-0N2mFN1BEbHBDt2g3e1d0ZStkB292dmh2ZD22QYj1gBj3G0yHD1mTT03k-3z0QNjblIr08Vh5YOIOMF4PSF8WENCUoUpZH0b2S3n38P3IxDzXewbhSayQP1M3P2kCv013v2ECf0aXf2hWZhkMAOUOhwgOlrgNxXsVQPc1XWPW43r0n1unSVoMtnGOJhpaFUxDFVMXhGSzlWVWM5qOn1uUmV1VPnJ2FpemRVnS8GrAZowOOlp1HZDrBw8ZIkCWjAFMjqS4ZNUz+nOWpDq2QoZA6AfABplOZ61NJU6otOGDpA6APQ5PC3eOM6dPdNVDFMV2dPooADiBMVQ1T0WrAwzcAdTUKjTZRPeQz0ziz7TU2DgcQ8Ehod+hoG1fTGmItPeoMyyqcAT4znIFz1+R9BzG1bmHjGNKafNKcHenjsDIxYtBA7z6MVzXp6K4tfzAdE6K4ycQsatrS0+PCvYI4XNSdV1qTwcJQtkWkxzcJ8RoMo0ALdKBkOER9REJEZEkJzz2z8DnWqsGLsFcD0jVdAT454ZC6dN5AwQrSDDLZ-tTBmhrDg9PxT0XDPDO5JtCyZ5XDp5lUSl+yU9Lks9fYIjrjS90DamXzVp0j4Tn+DLnIB9IyXD3lUr60P98N9F+MJVy1Z0EDWzKruTtLCDODEAktWr9rctOkCtvYStYLRU6rjBrSJd2taEjK2C7tkGP9QrZMKGHLltPdttRAHDmi0dGgsdrtDkwb-EntJlEbvtjDXLlmok4kwd9AbD4d-Ll4CbSb8dDMxmVr-hkVxE7JVo2NNrIx9iwop0QGATLbP15o9b-1ZYp2mYagZodbQGhpo4CbmhcwYOxmuwQQGAtqapqA7Ae+Z4AS3pPI3bQGiYLAKYK4g7G7EuBOqNyTjV3R+77O+pheHOFdpp7A5phl1BRm1bvNqAC4d9TAIo3MQtJzAzIuE+Sg3Ir7RAWrAH8MRAMY4B3MzLgk+6MQ3kvktN5jpsZ875k4nKgHSET+gCMQlWOGeGBGRGpmTWLWRAVGskIEtG4EyQ20TwEyPWlOu4bGBC9HzGA2L+3t2HkCVWeHdWDWRHFGJHbWFHjAVHdRn+nAdHDHLGzHlOrHMlWHYAOH1WtWBHJGTwzW-HpHc47WlH1HYnEnjHzHCZsnoj8pCL9Vz5GgD4-Vjb-TeTsuKaVnOguLI6jnB6-+fUEBlm7gOgQZyr6ZTbHhFAOgqYIQozhNxDdNYoxEhI6scA3xfnvNnAPsWBKN1L3VoU2mGQqK5Aem-1u4RCxChNuwyXuYzDc7JX0htgKoVxYQt6o4y7ZLYmqENDfACwcQYKXj8JE0JTmgLZzXaYbOUYOqV0IkAbtgrX8QzGZUvX0yyY-bfYagKo43g3tgfbc5vNMZeQxEc0w3AmaguCzqBgUBKTJQA1Umzw9Wj43AOqnX8R8oAOPXw3JQG00pRJgekjp1G0lJYAJtYKT3SjIl2zq6NjqL8eQ893jM1893r3sp3UM31E5jGQTFbFM3e3OCwWxSKgYAJIQqQAA" allowfullscreen frameborder="0" scrolling="yes" height="822">
 </iframe>
 </div>
 </div>
-<link rel="stylesheet" href="/Library/Frameworks/R.framework/Versions/3.6/Resources/library/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
+<p>iOS demo:</p>
+<link rel="stylesheet" href="/Library/Frameworks/R.framework/Versions/4.2/Resources/library/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css">
 <div class="marvel-device black iphone8">
 <div class="top-bar">
 
@@ -186,7 +195,7 @@ <h2 id="demo">Demo<a class="anchor" aria-label="anchor" href="#demo"></a>
 
 </div>
 <div class="screen">
-<iframe width="100%" src="https://dgranjon.shinyapps.io/miniUI2Demo" allowfullscreen frameborder="0" scrolling="yes" height="670">
+<iframe width="100%" src="https://shinylive.io/r/app/#h=0&amp;code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRAYgAEnIgFdGBOBphEAJjqWcRhgDwBaDRQButRiXhl2K1FFLcNdrVZOchgMADNFOHYhMDgAD1hUCwB6AHMoaiU2ZNIoek5kmNwNbwIAayhUwwBeDRipfjkFJRiVTjQkjhENDTpg8MjOaIgenu9fXG7RvgJqHRM4DBMXTg1agDEAQQAZAGUAUUmR0fHyRhHamOwiqZ7aVIgiRkWCKE4ajQAVLABVfamBEcemEdBACKRaCR2GEBBoQFpdPoohElBhxtx2OjijDitQiK9qGsHLCAL4iFTqLS8fgaDoiBqsTboYY9HS0IlhADsAAVKlFbrTMkQAO7cgDqmyJ3z+xSIqAhJFWtT6pHYJhYZSJWz2hw0KKUJi1OwOxVQzzxUAWjClv11vjg8CJMUhljAgIFXM+eW2UFYulVAp6HXoLA5nKZqBDjBZo1jXPWSji0M5ACEoOV2LlGFVSABJQ2XMC5fJwUitbGcgBy8VVWZz+adRby7zLbvdx1jwM5uzgLAI3Cj7FoBbqYHefe4AEYiho+HQIB9pbqkum4NwiNQrY3PmwjIYSBp7RoACy+Q95ACErUDGnbnb3nHaVSjYZkcEffLT0b4qB0eZHMQwKw8Afs+LAziuBjrpucDWoWb6gXA5Y3t4C7UEq56pNstDBDG95cryaF4fes4AWAqFwNQ2xwGErZAiRPQQqQSiNtRtEaIRlE3B2JGcMOHwxEotHcQxjHcA6Ak0Pc3B0TesYxCm1B5EpImiTRYRwOCjbPI4vbUDEcm3vR+E8lARGGYxtDMZJWDSaQHFmVxeAWVo-HaXZqkMfajqFuqjBlJ5JEKUp9Aqc5PH3upmn2YWxC6YwBkRaMKj3nenbQI4L61FylZQJlLDEbGTEsYWDJNJEgWxpwOj0MVklhE8Gi7NSrCVaM3BQC486LraxmdjwloijaMqGUJpCcYStRLn1saMHZE3DYchkKKkVRwV8vWGaQzAQJw3jPGQRo6jeaVxpy2xEKkfCFdMZF4ldEC8lUbWWdZjYAJq6BozwZNQrCHtSmp+joGivCMqREBo4nPAA-C9epEEQZzbrwqzvOCkIjHxMDmD4760iMUB-uJZC0K8CojGa+LvpwGBfNDSFJXcqzpqQOi-f9jwaDo7zWmZhreI+wpPIa6rFm8iwcX+GjCh15DxRowMy2Z9n0H+hkmCQADk9lKHlhihWZZRXuFDHBCwpAAPKoBQR0midM0aJozxxbBAOGMQeLWqgZNlG7P7S-z3OoGLhhHuQcSq+mZSpK4oImDemie416bEIwywQKkf0YDeuSpJwAAknAEHN8o3T0MQF9CoIY1CsIgC5zXSBglomAAwjzpBEDACFPnAAAS-NZOwOs1rYyeMFr2I1xT7AgX39cuT0Vda2oE-cr7sEAGoZFrAgYAQj4jyG5Sx7oEAmOPG5PFPD4LwA3C5JICI-qhM6MLa5mQsGOBk1dgrPRe79Ywr1oDAVIe8W6kG2iPEuRBHxPHuHwW+WszIkGAroTge9X6iQ0CSYoABWAADEQikwCNDJGSIeS6WdDDzz5BoF8IZ3iGgPEeAgegDrMX+u8JQ4I4CGmLI3FqLcTDt07t3XufJB4X2HjrGhSgpFgUntPABmM540z5EA3BdwwgaA0YhNY1Raha37D4PecIl6jBXmoIC9DlGQJ4CKTwOCdHLxHhgLuG4oyeO9HwMoWD968AWC4qxJIHDoUMA3chICR62OApohxQT+KhJidYjxXjqA+OLNhCAATHHrmFKktxZJyHP1cfecphlEqpUdp6Zs5dSKNmLC2eGZkwF4xHNqe279ODCloDbZSPURrv2LF-X8pBOCO0YnkFMpBdrTPPPQNuLATBTK2n44I6zRl5E+DWRZYyIANQOXkS29pGCWCSilZKfU6qNjKvICqYAAT0V5grbKM91EB1ILKP8EzijvEfJjIBApNDfI0L-OgYtMYCnkG8qI0T7yQuHHjdYnJxl-iHBACZDZCwRzorOI5kNCxijlnAeK14krItDmijFAZ37fNxaOQWfSRbw1OLBC4o5gBENsAATgALoACp4awVcOtGIltRCcx0DAegsFVhJF7O8E2J0BTPxEKC6hq0WL2INiwRAVJdCbg0CQP6jDDDLE4EpVgAiZYk1NSMI8erVhCJ4nCn+cB9i6Q8N8guLTSzFERf1GmmMi4UHEcESRiSoikFYDbZpCi4BKLgFGGcfqA2kGuT0DVb9YyaB5m7d4F8NALmFHfPksKSyMF0t6igqpvnAGAIBBJiEoy2GLQnMAAqBVBpvDoEOqLOQpqGIZYcjY7ExtdIslUjSuwprnaMfFRI-WTrbSwRZsZoA+VHAAETysOeGRV42SWLbJNJ4lLRu3gjGjQ-dexWiPaMBqSNr2jhTRodYiMzhPsYjWe9V6JVgD2ZHO9D7YK-sPDWL9r6gPLpgz+02Oi8o+FDIWGSpBUCcEQJQggJgIDhGYPAYW-lOQYEhMkSCa4NxWko3AOUShbCThIXEZjvKyMACtUCpBqaJbNnZ+M9H47mrVYQoB+2od9TScBaC6W+vzbuFaqiXNjB6mtCKbx8GpXjH0Zx2DEJIYJ0tsB8YBAINEMAW8yZdwSngUcAApIg3BVBuhvNumw9h2gwCVewdzUyNCTjIfeAdNLh1TsaeOwsa6+7TtGjheluCuQLqscum9iFIPuaJO5zdS6T3aWk7JgRkGUNZkbBhrDOHkh4YI2EIjcASNlDIxRqj0FaM2wY3AJjLG2P8owFxnjzzyFGaE2qniImeKaG2vcNaCNrT3T4AKKbq03YBB+hjXS7Bg2zTgAARyxRM-1zZSxGNHGY1swn+OaHm1jT11pjBmBaDxAk1A5APf5ElLkF0Ho9nU4wR2kXRzXaekhJDsZ7iPGeF-Kyi1HZLZm7UOHEGeJBdGP6A7fERirYjbBbkeJVRJCRlwPgxRbA+2KAAJiFT7AQ-G0d-gLsQVYWOL447x5iNnjOSdk40JT6nKOeh09IP6ms-h7AHStNyOavrsX0-xbTv59OWUkcNMziXUuG0y6F0rkW8vMOy5rCwXsoupMs8YJLvgGuDv4sN1AXX6OoUrbF9js36v9v0+tfxRgdv3cO8YFgMyVRjfi5x67v1HurT+8zsoWFCuhfBDgOgR3Ju1cW7d3H8gievcx710L-smlNSq5D6nv1efyje9z+JU+cdUBB+d+b6XB3S8x2r+XguzBliQ0Ly74vmu2+WkhK3ruOqPPJ6Lw32XSbW+8OirX039fLfu8otFVvkLZ8p-H0LtW0CSDk6nzAC2YsoBr9gl6UKGmkqXpMHPUgrwLnAGKOZwC3H02984PvxgkzKKAg0CYVwNeNjGj7ACrCbFCuDCh+aLRT5L7gj7rkDH7d4b4Fyhyt5ExdzEDeZKDywZDwHz5p4FxASoH4jdxKrkD869AdB-TsCTiICTjk6qK1wQBDjaKdiC5NqCzkBEIWbPDTqzgCA9rwEgb45vAcEWYph-hdwubFDsiTBgCzirAv4TJsHCFwCcExC1SSG8E9o07qqt4+zlA-zYFd6CF4FAR6F+xZ7uqx4M7Xxm6byMA7yEhGE1gmGsATxmGwRkGaCdruygw2ElB2GEoTKSb2a7BVrwp1qIFARuF2F9pJSAp8QkDhoXwdxRo9wxqZh5Z4pjwTwzh6orq95RE2HuEWGxjjZaqoBygDrZ4HYVG-ioBtwkDkCHRd64F+q1EDqCFkFqa1o+oL5C5D60LciVGoCxEmRDF1ERZkTtGoDTig6dh3LwT-QRAXL2TTHwyejOExDTGCEzgxDjEDq+HfxkC7HAaoxyFGBLErCrHDEODxTFC5haDCi9iMAmynSdjxQhgQgwCCGWyx4WbTENFHHnajalFdHVo9H1p4HTGTijGdi0B6J4GZonZ7HDGujMH3jTG7C5BsxM72Dwn6JtHDGBajhygUBFayGUTvCnZ4gsK8YmSfBEDCGLoVF8QUyJqoBPqpYlDKEWb7E144QQTDFYk+A8zDa3g3ilKgmaoTZUhwDHYE5liWE55FziSli45Iw4Fs5bbtTxbsDnBPAwB4E8BylWz5DaFjZgnhG9GIlJrNQmmwmxghZDp2mlhDhkTGmlizEXbSn5qlpIzwlkw+CYwqajBKToCUHUEADM9Bs8tA6JqO4JXq1pjawA7BKhFmEMlY-pYQ6afBva0SY6xAmOeJCJ7IAApGWTzidqQnqOikWRZvQBuKQAAPr6itARJUmVg-DbDbA+kkQ5TZmLpckxDkDBBPpkwHi1ATkQA5YLHcnx4WZZkQgRDkwwp2Zxk5bVS1RWQlSjiShbl1Sck7lwC2SpAySCErqGRGa5pSl5qjCaC7q0AZCXQhk9CaCPDLmBkUyvnkHhkcBRkxlfLxkC6JkRF9FKHx6qFgAQyPnPkDZSF5mxFjqlknbEnakmSwX3SLqvS7kxCYWXSHjHmQbDmnE4TnFmSCiwT2TLBwV0kkRinhKUmGD4lDgna76WLkJcj4WpDYVNKxQkDLEwDcXEXHmNjcWEXWTEWZGnYCUuAwDEUi6FifBnFkUUVFmCU-5Pn3R0WpSGSMWRKzgoXGIaCRnAWdhcVaWXS8UA5bGuDeakDCVzFeSiWFjiWHlOUkRxoJqFhUz2UKWgZKUqUswlB2XyiaW0WDa4IMUSnel3kgVWmQkl6yWMBCWWWpAOnPqcgMlMlclpkWabBZD2Tgo4SIAKH07qVyXcXmm3nVGK6hXbSmZO6m4-C5ibaaalm0wQDmDUBQn1VVVmVdiKT4hlCfDHmZguWjhtx0DlCOrhX3SMLiEHiRmUqVI3hchDXlCjXWTjVvRTm96+XyhVU6F9lvklByhEDxQ-ndFJmJX7XnXxRiHb4zkcX3itxorjEXWwSTGNi1GfWMCPUSHwxyjflEizpFlNExSjjKVkWqW1kA0kArUCbHVxVOzULCFXWgXJm95dzCEZVdjZW4SGQslWSYyNiNnb7yUeV-oBWjgPGwC0ho39AaD7A+B7iqpXLI1aqsyk0emKmqaY23UHYQybAMEuk-IvXmXhii2qkJYkSxwA7TRjpkTc0kCzGLJb4SEYSzouTa1pIkVLkBmrkI1U1wlFlhi5j1nOhErIRpITxEhdk9kuRvH3i61uIkWOU5Z3Bm3ZR1lQiCR2RqxZKtmKD6Ruie2+Fez23dm9lDZXkgmjDjb80JWIEq0QCTjNka0kB42GUEm96p3p2Z0XC1BoWGQDnLlDmKWjifQgyzCbysJOriR6hXELVPXjne21kW1+1gCNnUAtltlh0uRzkxAG0rlBnG2znHmnnnmV0xCPDCg6XJQSkdnMWll50MEF2LVF084DW1ncWLo2UoDS0mke2D0TUxBTW+x7iSZKQ1x+BH4E2kAmyznSUxAVUpWckz1gDV2gzTV+z10+HowkCGiF0L0jZJSSkJ2WmepgVGn9I2wi0UwZ2b3Z0sVh5wNwAIOYxINPWoU71l3wkV000xDf2136H-1HjLHBAt2A0m1e2Tkd2W3d1NnB2ZA224JD1gAj1flrkT3WRT2kAXmFhz2gPingPL052wMDIYMMHYMSFsV4Och70uQH2p1i0n3kIcMX0zWOhdzkG30M0P1P2D0v2EDJWU2zmf0kO-12psKN2AMlogORX0USmc3uoC0p1H2ljcXZ2eiMm4S5U8kxAFVUWBHSwlVlVC6qMy39WuO+lOlwFUyxw0yMLgRuPJ19EFzxMJ6pAwkS2OmDrkDvWuBJNHwH3cZq0QoZA6AfB+pZPlOxVapZMaDpA6DPRpPQNY0HZZMtNVC5PoXByhYADiRMVQbpE6rAPTcAFTkK1T+RXTBTcAkzgWsT95DgcQqEhot+hoy17T6mMDfqEMKy6c2dWTaKRzV+B9Wzy1rmFpJ1qNAxLEqcIsMKuzEJiBwtBAacHez1-TpzUtXz6iStjYTz6cmMathk0+-CI404HNtzKNBaCz3JaEYRHTgt9OEME0JzCz71jkPVZTuLbEwJcLWqfSUj-oKLeznT7u6DI9PjVYg5W0n9o556DE055tjDPdfdIdbDnlZ9nD2Z3D49ELNUHD+5IrRFJtdU-Dgjo4wjTjsYDTrzN1iBpL8DhVdLSjoyfLblErByn90NqwqlhMhVc1l0C9irSdqLKr6DmDJAYtdLtrEAYtjS8tI4itDK7pNrDB8MhdWtupOt-retn9XDRtkhVibLPtndjBVtDUPLuCdttQDtMdUVOWrtOi7taVkGEbDDXddAZ5pAgd9ALDodztJECbGgSbTtcdsLNVMpZolEjJVoGN6TRphSF0gG2dTiwoRTDbgGmYLAOYjYag9bFoEueOM45bahcwIORmuwQQGA1qcpqA7Au+N4wScAPbo7X1dYx2hYw75ojbrOSMiNOauhB7gG6p9kLRWpa7up+pKVVBhmFrqzqA64ujTAIovMFLbzGTDzcA3Ib7RAdLAHSMRAKYYBvMjS3kkkfkAUkrJj5sF8z5C47KgHGEj+5CMQ5W2GuG+GhGJmDWTWRAlGSkUENGsEyQe0TwkyXW5Ox4rGRCdHTGfWz+tDo42HlW1W+HxGTwjW5GxHLW5HjAlHFRH+nAtH9HzGTH5OLH8FLkWH0CFWuHNWdWhH-HJHq4rWFHVHYnEnDHTHkZsnIjRmz7p1b4XVzbVrv7Sa5nOgWLoWtnu6f+ms4BFm7gOgXpKz8VVnJhFAOguYIQfTa19L5dJFYolEhImsC4rxXnqNnAfsmBCNSrbVSUWmGQKK5AumX1x4JCpCwXuwCXpYXdC7hXEhtgKoJxYmCwM4q7xLMp2EVDfACwcQoK11MD00eTqNtZDXeYLOSYWqt0jYKotgTX8QTGgUmgS6A7u7o4agw3o3cQtgO7LLqzoZeQlEi0A3l2+CjqBgkBdzmgv4mQkmzwtW743AWqbXVLWu20GVagA3JQ20wpOJxuqD+120sIMQxtoKD3FlcFxEk3S6ldeVWs8o1oOEt8YPz3opfUgPjEJjGQVFdFgPl2eCKOpSKgYAJIAqQAA" allowfullscreen frameborder="0" scrolling="yes" height="670">
 </iframe>
 </div>
 <div class="home">
@@ -198,49 +207,6 @@ <h2 id="demo">Demo<a class="anchor" aria-label="anchor" href="#demo"></a>
 </div>
 </div>
 <div class="section level2">
-<h2 id="progressive-web-app-pwa">Progressive Web App (PWA)<a class="anchor" aria-label="anchor" href="#progressive-web-app-pwa"></a>
-</h2>
-<div class="section level3">
-<h3 id="configuration">Configuration<a class="anchor" aria-label="anchor" href="#configuration"></a>
-</h3>
-<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> is PWA capable, meaning that it can be displayed full screen on many mobile devices. This feature is automatically handled by <code><a href="reference/f7Page.html">f7Page()</a></code> if <code>allowPWA</code> is <code>TRUE</code> (it leverages the Google PWA compatibility <a href="https://github.com/GoogleChromeLabs/pwacompat" class="external-link">script</a>).</p>
-<p>To setup the necessary assets for your PWA, you may run:</p>
-<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span><span class="fu">remotes</span><span class="fu">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html" class="external-link">install_github</a></span><span class="op">(</span><span class="st">"RinteRface/charpente"</span><span class="op">)</span></span>
-<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/charpente" class="external-link">charpente</a></span><span class="op">)</span></span>
-<span><span class="fu"><a href="https://rdrr.io/pkg/charpente/man/set_pwa.html" class="external-link">set_pwa</a></span><span class="op">(</span><span class="va">APP_PATH</span>, <span class="va">...</span><span class="op">)</span></span></code></pre></div>
-<p>where <code>APP_PATH</code> is the app location. It only works if the app is inside a package like with {golem}. Alternatively, you may copy the <code>www</code> folder of the gallery <a href="https://github.com/RinteRface/shinyMobile/tree/master/inst/examples/gallery/www" class="external-link">app</a>, which provides:</p>
-<ul>
-<li>A valid service worker.</li>
-<li>A valid <code>offline.html</code> fallback.</li>
-<li>A valid web manifest. Don’t forget to change the <code>start_url</code> property to the path of your app. For instance, the following app hosted at <a href="https://dgranjon.shinyapps.io/rstudio-global-2021-calendar/" class="external-link uri">https://dgranjon.shinyapps.io/rstudio-global-2021-calendar/</a>, has the <code>/rstudio-global-2021-calendar/</code> path.</li>
-<li>A valid set of icons. There are tools such as <a href="https://appsco.pe/developer/splash-screens" class="external-link">appsco</a> and <a href="https://app-manifest.firebaseapp.com" class="external-link">app-manifest</a>, to create those custom icons and splash screens, if you need to.</li>
-</ul>
-<p>It is really easier with <a href="https://github.com/RinteRface/charpente" class="external-link">charpente</a>, the reason why we strongly recommend to develop your app inside a package.</p>
-</div>
-<div class="section level3">
-<h3 id="add-the-pwa-to-your-desktop-apps">Add the PWA to your desktop Apps<a class="anchor" aria-label="anchor" href="#add-the-pwa-to-your-desktop-apps"></a>
-</h3>
-<p>Copy the url of your app in your mobile web browser (iOS: Safari and Andoid: Chrome). In this example this is: <a href="https://dgranjon.shinyapps.io/miniUI2Demo/" class="external-link uri">https://dgranjon.shinyapps.io/miniUI2Demo/</a>. It opens like a classic web app, with top and bottom ugly navigation bars.</p>
-<ul>
-<li>Select the share button located in the bottom bar of your Iphone/Ipad. For Android, you may do something similar. Importantly, Chrome for iOS does not support this feature, that’s why I recommend using Safari.</li>
-<li>Click on “Add to Home Screen”</li>
-<li>Choose a relevant name and click on OK.</li>
-<li>The app will be added to your IOS/Android Apps. In case you want custom icons, replace the content of the www folder with your own.</li>
-</ul>
-<div class="row">
-<div class="card">
-<p><a href="#" target="_blank"><img src="reference/figures/f7PWA.png"></a></p>
-</div>
-</div>
-</div>
-<div class="section level3">
-<h3 id="limitations">Limitations<a class="anchor" aria-label="anchor" href="#limitations"></a>
-</h3>
-<p>It is actually quite complex to guarantee that all mobile platforms are supported. The PWA compatibility script will work in most of the case. If not, please open an issue <a href="https://github.com/GoogleChromeLabs/pwacompat/issues" class="external-link">here</a>, to help improving it!</p>
-</div>
-</div>
-<div class="section level2">
 <h2 id="acknowledgement">Acknowledgement<a class="anchor" aria-label="anchor" href="#acknowledgement"></a>
 </h2>
 <p>A special thanks to <a href="https://github.com/nolimits4web" class="external-link">Vladimir Kharlampidi</a> for creating this amazing framework7 HTML template.</p>
diff --git a/docs/news/index.html b/docs/news/index.html
index 5702f74d..9b2bc772 100644
--- a/docs/news/index.html
+++ b/docs/news/index.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
@@ -79,6 +80,10 @@ <h3 id="new-1-0-1-9000">New<a class="anchor" aria-label="anchor" href="#new-1-0-
 <h3 id="minor-change-1-0-1-9000">Minor change<a class="anchor" aria-label="anchor" href="#minor-change-1-0-1-9000"></a></h3>
 <ul><li>Add <code>limit</code> to <code><a href="../reference/autocomplete.html">f7AutoComplete()</a></code>. Thanks <a href="https://github.com/bthieurmel" class="external-link">@bthieurmel</a>.</li>
 </ul></div>
+<div class="section level3">
+<h3 id="bug-fixes-1-0-1-9000">Bug fixes<a class="anchor" aria-label="anchor" href="#bug-fixes-1-0-1-9000"></a></h3>
+<ul><li>Fix ignored <strong>height</strong> in <code><a href="../reference/card.html">f7Card()</a></code> (Typo).</li>
+</ul></div>
 </div>
     <div class="section level2">
 <h2 class="pkg-version" data-toc-text="1.0.0" id="shinymobile-100">shinyMobile 1.0.0<a class="anchor" aria-label="anchor" href="#shinymobile-100"></a></h2><p class="text-muted">CRAN release: 2022-11-25</p>
diff --git a/docs/pkgdown.yml b/docs/pkgdown.yml
index 1d0978f0..236c34f8 100644
--- a/docs/pkgdown.yml
+++ b/docs/pkgdown.yml
@@ -6,7 +6,8 @@ articles:
   Single-Layout: Single-Layout.html
   Split-Layout: Split-Layout.html
   Tabs-Layout: Tabs-Layout.html
+  pwa: pwa.html
   shinyMobile: shinyMobile.html
   shinyMobile_tools: shinyMobile_tools.html
-last_built: 2024-01-20T21:35Z
+last_built: 2024-01-21T20:50Z
 
diff --git a/docs/reference/authentication.html b/docs/reference/authentication.html
index 160e2ce4..604d0e1a 100644
--- a/docs/reference/authentication.html
+++ b/docs/reference/authentication.html
@@ -37,6 +37,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/class2f7.html b/docs/reference/class2f7.html
index 7abbc197..ec6c7e3e 100644
--- a/docs/reference/class2f7.html
+++ b/docs/reference/class2f7.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/createSelectOptions.html b/docs/reference/createSelectOptions.html
index 299c3ae6..91ad8a23 100644
--- a/docs/reference/createSelectOptions.html
+++ b/docs/reference/createSelectOptions.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/create_app_ui.html b/docs/reference/create_app_ui.html
index 8ef6f3f7..3a526362 100644
--- a/docs/reference/create_app_ui.html
+++ b/docs/reference/create_app_ui.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Align.html b/docs/reference/f7Align.html
index 80ec614d..62cfd8a0 100644
--- a/docs/reference/f7Align.html
+++ b/docs/reference/f7Align.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Badge.html b/docs/reference/f7Badge.html
index 8a89effb..8d4f40dc 100644
--- a/docs/reference/f7Badge.html
+++ b/docs/reference/f7Badge.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7BlockFooter.html b/docs/reference/f7BlockFooter.html
index aa8d5074..cfca7b94 100644
--- a/docs/reference/f7BlockFooter.html
+++ b/docs/reference/f7BlockFooter.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7BlockTitle.html b/docs/reference/f7BlockTitle.html
index 602a47c9..92fef946 100644
--- a/docs/reference/f7BlockTitle.html
+++ b/docs/reference/f7BlockTitle.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Chip.html b/docs/reference/f7Chip.html
index d3b3e0d7..047330b6 100644
--- a/docs/reference/f7Chip.html
+++ b/docs/reference/f7Chip.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Col.html b/docs/reference/f7Col.html
index d226761a..fb243f0a 100644
--- a/docs/reference/f7Col.html
+++ b/docs/reference/f7Col.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7ColorPicker.html b/docs/reference/f7ColorPicker.html
index 1153c9ed..d3aa2136 100644
--- a/docs/reference/f7ColorPicker.html
+++ b/docs/reference/f7ColorPicker.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Dialog.html b/docs/reference/f7Dialog.html
index 767ab1dd..64104d07 100644
--- a/docs/reference/f7Dialog.html
+++ b/docs/reference/f7Dialog.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7DownloadButton.html b/docs/reference/f7DownloadButton.html
index ba56cdc8..c668fa77 100644
--- a/docs/reference/f7DownloadButton.html
+++ b/docs/reference/f7DownloadButton.html
@@ -37,6 +37,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7FabClose.html b/docs/reference/f7FabClose.html
index 39128c74..326701bc 100644
--- a/docs/reference/f7FabClose.html
+++ b/docs/reference/f7FabClose.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7File.html b/docs/reference/f7File.html
index e3ae3f7a..ce42fddd 100644
--- a/docs/reference/f7File.html
+++ b/docs/reference/f7File.html
@@ -33,6 +33,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Flex.html b/docs/reference/f7Flex.html
index c7bc71b7..92ceadbc 100644
--- a/docs/reference/f7Flex.html
+++ b/docs/reference/f7Flex.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Float.html b/docs/reference/f7Float.html
index 9ef37b29..39901f45 100644
--- a/docs/reference/f7Float.html
+++ b/docs/reference/f7Float.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Found.html b/docs/reference/f7Found.html
index 1ca97f5b..f31e189a 100644
--- a/docs/reference/f7Found.html
+++ b/docs/reference/f7Found.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Gallery.html b/docs/reference/f7Gallery.html
index 8ee05b71..d98d2c04 100644
--- a/docs/reference/f7Gallery.html
+++ b/docs/reference/f7Gallery.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7HideOnEnable.html b/docs/reference/f7HideOnEnable.html
index 789f3dce..fc12c197 100644
--- a/docs/reference/f7HideOnEnable.html
+++ b/docs/reference/f7HideOnEnable.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7HideOnSearch.html b/docs/reference/f7HideOnSearch.html
index 7cceaf7a..78f8c12c 100644
--- a/docs/reference/f7HideOnSearch.html
+++ b/docs/reference/f7HideOnSearch.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Icon.html b/docs/reference/f7Icon.html
index 9884bbf6..07a9bc08 100644
--- a/docs/reference/f7Icon.html
+++ b/docs/reference/f7Icon.html
@@ -33,6 +33,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Item.html b/docs/reference/f7Item.html
index a1937c42..49ddcfd0 100644
--- a/docs/reference/f7Item.html
+++ b/docs/reference/f7Item.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Items.html b/docs/reference/f7Items.html
index 7ded55a7..821a983d 100644
--- a/docs/reference/f7Items.html
+++ b/docs/reference/f7Items.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Link.html b/docs/reference/f7Link.html
index 203ba850..7766fb93 100644
--- a/docs/reference/f7Link.html
+++ b/docs/reference/f7Link.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7List.html b/docs/reference/f7List.html
index 1ed34631..7570132a 100644
--- a/docs/reference/f7List.html
+++ b/docs/reference/f7List.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7ListGroup.html b/docs/reference/f7ListGroup.html
index e8b5e4ac..ff6912ed 100644
--- a/docs/reference/f7ListGroup.html
+++ b/docs/reference/f7ListGroup.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7ListIndex.html b/docs/reference/f7ListIndex.html
index 1d40779a..32126d15 100644
--- a/docs/reference/f7ListIndex.html
+++ b/docs/reference/f7ListIndex.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7ListItem.html b/docs/reference/f7ListItem.html
index 59d548b1..f8f283c7 100644
--- a/docs/reference/f7ListItem.html
+++ b/docs/reference/f7ListItem.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Margin.html b/docs/reference/f7Margin.html
index 1628d00b..44047f68 100644
--- a/docs/reference/f7Margin.html
+++ b/docs/reference/f7Margin.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7NotFound.html b/docs/reference/f7NotFound.html
index dab20fe1..1f60a2c6 100644
--- a/docs/reference/f7NotFound.html
+++ b/docs/reference/f7NotFound.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Notif.html b/docs/reference/f7Notif.html
index 53f74512..912523db 100644
--- a/docs/reference/f7Notif.html
+++ b/docs/reference/f7Notif.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Padding.html b/docs/reference/f7Padding.html
index 6f70b0fe..931411a4 100644
--- a/docs/reference/f7Padding.html
+++ b/docs/reference/f7Padding.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Page.html b/docs/reference/f7Page.html
index d692c8f6..e745af7f 100644
--- a/docs/reference/f7Page.html
+++ b/docs/reference/f7Page.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Password.html b/docs/reference/f7Password.html
index a0884a65..9f252d6e 100644
--- a/docs/reference/f7Password.html
+++ b/docs/reference/f7Password.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7PhotoBrowser.html b/docs/reference/f7PhotoBrowser.html
index d6c6c16f..fff97b50 100644
--- a/docs/reference/f7PhotoBrowser.html
+++ b/docs/reference/f7PhotoBrowser.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Popup.html b/docs/reference/f7Popup.html
index abfa7ba4..f787bc98 100644
--- a/docs/reference/f7Popup.html
+++ b/docs/reference/f7Popup.html
@@ -33,6 +33,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Row.html b/docs/reference/f7Row.html
index 80ced4f9..dbd4ab40 100644
--- a/docs/reference/f7Row.html
+++ b/docs/reference/f7Row.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7SearchIgnore.html b/docs/reference/f7SearchIgnore.html
index 8335cb5b..0a2888c5 100644
--- a/docs/reference/f7SearchIgnore.html
+++ b/docs/reference/f7SearchIgnore.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Searchbar.html b/docs/reference/f7Searchbar.html
index 3ea595e5..450c5b93 100644
--- a/docs/reference/f7Searchbar.html
+++ b/docs/reference/f7Searchbar.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7SearchbarTrigger.html b/docs/reference/f7SearchbarTrigger.html
index 2cd76461..612129c6 100644
--- a/docs/reference/f7SearchbarTrigger.html
+++ b/docs/reference/f7SearchbarTrigger.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Segment.html b/docs/reference/f7Segment.html
index fbb9b73a..fa09c3e4 100644
--- a/docs/reference/f7Segment.html
+++ b/docs/reference/f7Segment.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Shadow.html b/docs/reference/f7Shadow.html
index 3c4addc8..8ad2628e 100644
--- a/docs/reference/f7Shadow.html
+++ b/docs/reference/f7Shadow.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7SingleLayout.html b/docs/reference/f7SingleLayout.html
index 8a8390d3..ad48beac 100644
--- a/docs/reference/f7SingleLayout.html
+++ b/docs/reference/f7SingleLayout.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Skeleton.html b/docs/reference/f7Skeleton.html
index 0fa164ac..45b3ca3b 100644
--- a/docs/reference/f7Skeleton.html
+++ b/docs/reference/f7Skeleton.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Slide.html b/docs/reference/f7Slide.html
index 1ff5dcf1..b5b628b2 100644
--- a/docs/reference/f7Slide.html
+++ b/docs/reference/f7Slide.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7SplitLayout.html b/docs/reference/f7SplitLayout.html
index b3285268..c6f628cc 100644
--- a/docs/reference/f7SplitLayout.html
+++ b/docs/reference/f7SplitLayout.html
@@ -33,6 +33,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7SubNavbar.html b/docs/reference/f7SubNavbar.html
index b7e463f2..b59d2f7d 100644
--- a/docs/reference/f7SubNavbar.html
+++ b/docs/reference/f7SubNavbar.html
@@ -33,6 +33,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Tab.html b/docs/reference/f7Tab.html
index d2edeae3..2331e8ff 100644
--- a/docs/reference/f7Tab.html
+++ b/docs/reference/f7Tab.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7TabLayout.html b/docs/reference/f7TabLayout.html
index 84ea0935..b47ecb20 100644
--- a/docs/reference/f7TabLayout.html
+++ b/docs/reference/f7TabLayout.html
@@ -33,6 +33,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7TabLink.html b/docs/reference/f7TabLink.html
index 4cc0650b..df340f4f 100644
--- a/docs/reference/f7TabLink.html
+++ b/docs/reference/f7TabLink.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Table.html b/docs/reference/f7Table.html
index 977bd0e3..64dea34e 100644
--- a/docs/reference/f7Table.html
+++ b/docs/reference/f7Table.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Tabs.html b/docs/reference/f7Tabs.html
index 99e50746..fbe005c7 100644
--- a/docs/reference/f7Tabs.html
+++ b/docs/reference/f7Tabs.html
@@ -35,6 +35,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7TapHold.html b/docs/reference/f7TapHold.html
index 78aac392..47a09b7f 100644
--- a/docs/reference/f7TapHold.html
+++ b/docs/reference/f7TapHold.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Toast.html b/docs/reference/f7Toast.html
index 40205823..164d4719 100644
--- a/docs/reference/f7Toast.html
+++ b/docs/reference/f7Toast.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/f7Toolbar.html b/docs/reference/f7Toolbar.html
index 958cfcbe..76327821 100644
--- a/docs/reference/f7Toolbar.html
+++ b/docs/reference/f7Toolbar.html
@@ -33,6 +33,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/getF7Colors.html b/docs/reference/getF7Colors.html
index e8af7567..5816c776 100644
--- a/docs/reference/getF7Colors.html
+++ b/docs/reference/getF7Colors.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/index.html b/docs/reference/index.html
index 84f6c691..031cecd8 100644
--- a/docs/reference/index.html
+++ b/docs/reference/index.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/pipe.html b/docs/reference/pipe.html
index 486846ed..211855a3 100644
--- a/docs/reference/pipe.html
+++ b/docs/reference/pipe.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/preloader.html b/docs/reference/preloader.html
index a368c304..cdf931c0 100644
--- a/docs/reference/preloader.html
+++ b/docs/reference/preloader.html
@@ -33,6 +33,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/preview_mobile.html b/docs/reference/preview_mobile.html
index c5750d93..43c00aab 100644
--- a/docs/reference/preview_mobile.html
+++ b/docs/reference/preview_mobile.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/sheet.html b/docs/reference/sheet.html
index dce05550..ce4734b5 100644
--- a/docs/reference/sheet.html
+++ b/docs/reference/sheet.html
@@ -33,6 +33,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/updateF7Tabs.html b/docs/reference/updateF7Tabs.html
index 28aaef38..52f89cf9 100644
--- a/docs/reference/updateF7Tabs.html
+++ b/docs/reference/updateF7Tabs.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/docs/reference/updateF7VirtualList.html b/docs/reference/updateF7VirtualList.html
index 8d2826b7..15cb5224 100644
--- a/docs/reference/updateF7VirtualList.html
+++ b/docs/reference/updateF7VirtualList.html
@@ -31,6 +31,7 @@
     <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
     <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
     <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
+    <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
     <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
   </div>
 </li>
diff --git a/index.Rmd b/index.Rmd
index adf76f33..eabe41d4 100644
--- a/index.Rmd
+++ b/index.Rmd
@@ -1,9 +1,11 @@
 ---
 output: github_document
+always_allow_html: true
 ---
 
 ```{r setup, include=FALSE}
 knitr::opts_chunk$set(echo = TRUE)
+library(bslib)
 ```
 
 # shinyMobile <img src="man/figures/logo.png" width="200px" align="right"/>
@@ -17,6 +19,20 @@ knitr::opts_chunk$set(echo = TRUE)
 [![Project Status](https://www.repostatus.org/badges/latest/wip.svg)](https://www.repostatus.org/#wip)
 [![CRAN status](https://www.r-pkg.org/badges/version/shinyMobile)](https://cran.r-project.org/package=shinyMobile)
 
+## Sandbox
+
+You can play with the below sandbox.
+
+```{r, eval=TRUE, echo=FALSE}
+card(
+  shinyMobile:::create_app_link(
+    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRaVAH0iqUpwAEAHgC0eup1LsRe63tLc48PQF49QsLSKc3uKzYAmLADWznoAYgCCADIAygCiPhA2egBmikp+IREx8b7WxNREjCFuAMQADGUA7FDJyd65tkQArgTcIWYWDdakaAASRNQZLgAqWACqOYlJtn0DfgAicNRQrCGVAKxlCdN6HpzDza1YtOhKmVFxDQLbNnvDzBCc1C0UpABCLPouWXE31tAAN3oLHatHMlimST2AGFXnBGMNaKQziNxpMdrw-HAAPIQAAKUAA5nBogRGANqCFRhMrn9GgNgUUXB0IRjaFjcQTiaTydRKd8LrFaQ1UE0+QcsHBkow4DxztlfCoRFJ+OF0Ky9E1aCFkpUuXANdZtKQPI8QuotDpOHSTci4MUwCrZPJFPbolAIH56EQAB71SEpSrDKD0SIrZqdAPWVAepZfGaEyJgyM7ay6gkQJbsW0o1xgSJS0h6DNLbx6Tjs+0uNxKZKkMt2BxVvN0Qncet4PNvZb0ZZlqXJOAEIvVwhEAHwtzXLo2dOx6jZpG5tzHNtFkvUMsVrEOxi0NcN+yOUcBRiBMtubshvudgdDkd54gTxhTmfTqN6QGMnWVAByUCBFhDWmHNmzcJ05AUM53U9b0-TwGdrG4KBaEYOhMypNE6SSHgoD8IgAHdMImbCbFrUgN2I9FUz3NdKNRGkP3fHZdWDehOGApIPVoGAoHIIY9GpaidhKTgCJOOBr2bITSLTIMQ04kClzAsA2L0ABGf1UxsHp6H-Y88zYzSEI-KFiESFxdQASXMywwGSOZJzAZjtL0KBh1oCcqISRCyPUagOHUxAAGYtkDaEWD8FRtJclj5PoRSklAh01IAJi01zdP0lS2PSkzXN2cyfxskg7MCOBWG9SKp1k2dKmiZD8IIxLpj4chHiRVYXHUrZfKSbhx3hby+rqiLGD8FqdmS0cxoyew8Kc2qdjccI9AIaqwBG6xotcnadli6ZWIUkbpsMkM9GCjLtKy2AcpDS78tc2gissyoSogOzllYeFOA0KBqA7A64oavDCMm24yAoCtSC6jTetM6YBufYaEaSXVZvBpLlIdWa9HmrEX0egq5OiXjGFIaIlnvTHpjcAEWFoKSruJ6w3AANQZqT9FIIhywGgjEGZlmCDs6FWHQgmvDAB0CHFoWWcMh5OBgMEKxINwHVgeWWbcABxSTGClh1iRYGqtumbQKCsiy8x4OA4A7JbUxgMUTVQXMhPN7anaSqTsSaUhRU6MAAh6V9UZsPbUyjpIY70KOdpczh4WRyymggDzSr4IPcD0CMc-LWU1YgAQ9BABoSj0UO+KZgN84DgASavDBMGVPXhNilHYcuPxgUh1sN4Bc5FtwYFQQky2zxv6b3KTrir8lUHlOIAF0GgAX1z8kCOgeB4yEnb15EFQwHXlegA", #nolint
+    "editor"
+  ),
+  full_screen = TRUE
+)
+```
+
 ## Installation
 
 ```r
@@ -26,83 +42,29 @@ install.packages("shinyMobile")
 devtools::install_github("RinteRface/shinyMobile")
 ```
 
-
-## Cheatsheet
-
-<a href="https://github.com/RinteRface/cheatsheets/tree/master/shinyMobile"><img src="https://raw.githubusercontent.com/rinterface/cheatsheets/master/shinyMobile/png/shinyMobile1.png" width="630" height="487" style="max-width:100%;"></a>
-
-
 ## Demo
 
-A running demo is on [shinyapps.io](https://dgranjon.shinyapps.io/miniUI2Demo/).
-Left side: android demo, right side: iOS demo
+Android demo:
 
 ```{r, echo=FALSE}
 shinyMobile:::app_container(
-  "https://dgranjon.shinyapps.io/miniUI2DemoMd", 
+  "https://shinylive.io/r/app/#h=0&code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRAYgAEnIgFdGBOBphEAJjqWcRhgDwBaDRQButRiXhl2K1FFLcNdrVZOchgMADNFOHYhMDgAD1hUCwB6AHMoaiU2ZNIoek5kmNwNbwIAayhUwwBeDRipfjkFJRiVTjQkjhENDTpg8MjOaIgenu9fXG7RvgJqHRM4DBMXTg1agDEAQQAZAGUAUUmR0fHyRhHamOwiqZ7aVIgiRkWCKE4ajQAVLABVfamBEcemEdBACKRaCR2GEBBoQFpdPoohElBhxtx2OjijDitQiK9qGsHLCAL4iFTqLS8fgaDoiBqsTboYY9HS0IlhADsAAVKlFbrTMkQAO7cgDqmyJ3z+xSIqAhJFWtT6pHYJhYZSJWz2hw0KKUJi1OwOxVQzzxUAWjClv32gIFXM+eW2UFYulVAp6HXoLA5nKZqB9jBZo1DXPWSji0M5ACEoOV2LlGFVSABJQ2XMC5fJwUitbGcgBy8VVSZT6aJMWz7zzYAE9uOoeBnN2cBYBG4QfYtAzdTA73b3AAjEUNHw6BAPtLdUl43BuERqFbK2BPmwjIYSBpfIYACy+bd5ACErU9GgbTY3nHaVSDfpkcGvfLjwb4qB0ad7MRgrHgT9vLCjrOBgLkucDWpmD7-nA+Znt4k7UEqh6pNstDBCGl5cryCEYZeY5fmA8FwNQ2xwGEtZAnhPQQqQSgrqR5EaNhxE3I2eGcD2HwxEo5GsVR1HcHA8ArnQqTcBRZ6hjEMbUHksl8fxZFhHA4Irs8jhttQMSSeelGYTyUA4Tp1G0LRXFgFg9ziUxhksXgxlaJxalWRJbGXjuwmZuqjBlApVHSbJ9DyfZblNkpKmkCuxAaYw2mhT0KiXheTbQI4d61FyhZQGlLC4aGNF0ZmDJNJEflNpwOj0AV5lhE8Gi7NSrBlaG3BQC4E5Traenla1JgijaMo6TxpDMYStTTt1oaMC5o0DYcOkKKkVQQV8XU6aQzAQJw3jPGQRo6meyVhpy2xEKkfB5dMBF4udEC8lUzWjNVK4AJq6BozwZNQrDbtSmpujoGivCMqREBognPAA-I9wJEEQZwrp8vCrO84KQiMHEwOYPiPrSIxQB+glkLQrwKiMZr4o+nAYF8EMwfFY6rPGpA6F9P2PBoOjvNahmGt417Ck8hrqtmbyLExH4aMKrXkDFGgA1LhmRfQH46X1EAAOSRUo2WGEFhllCeIVUcELCkAA8qgFD7Sah2TRomjPNF4G-YYxB4taqAk2ULtvpLvOc6gIuGDu24lhoPrlKkrigiYZ6aO7dXxsQjDLBAqTfRgZ65KknAACScAQ03ypdPQxHn0KgmjUKwiADkNdIGCWiYADCXOkEQMBQTecAABK81k7BayWtiJ4wGvYlXZPsH+Pe1w5PQVxrahj9y3vgQAahkGsCBgBDXkPkdlNHugQCYo+Lk8E9XnPADcDkkgI9+qAzPQ1qmZDgY4GSV2C0-z6-UYS9aAwFSDvJupANpDyLkQa8Tx7h8GvhrQyJBfy6E4DvZ+-ENAkmKAAVgAAwEIpIA5IyRtxnQzoYWefII6+h9O8Q0W5Q4ED0LtWiP13hKHBHAQ02Z66NSbiYVu7dO7dz5P3M+g8taUKUOIgC49J5-3RjPKmfIAHYLuGEDQqjoJrGqLUDWHYfA7zhAvIBQ81A-hoQo8BPARSeCwZoxeQ8MAd0XEGNxzo+BlAwbvXgCxHHmJJA4RChg66ANDEvKxv41G2P8ZxIJkSLEazcXDagnjsyoQgL4uxC5hRJOcWSQBj8nGXlKTpOKSV7aOjyEMHSPYVzVlzDDPGICca9m1LbBmnBhS0CtnJTqg0GbZg-u+UgnB7bUTyDGUgW0pmHnoC3FgJhJnrW8cENZIy8ifBLAs0ZEBar7LyObHcjBLChUSqMI625TKFT7MVeQpUwAAkotzOWGUp4qL9qQWUH5xnFHeNedGACBSaB+Rob+dARbowFPId5UQImXihT2HG6xORjI-N2CA4yKyZnIHECiY5Dlg0zGKGWcAYqnlCii4O6LMUegZj8vFfZ+a9KFq0044ELh9mAAQ2wABOAAugAKlaeBVwK0Yjm1EOzHQMB6DgVWEkNs7wjaHQFI-EQYKKFLTojYvWLBEBUl0EuDQJBvoR0MMsTgslWC8KlkTc1IxQ4GtWPwti8Kv5wH2BpDwPy87NN+WY0KQKOIkALhQERwQxFxKiKQVgVsmmyLgPIuAQZRwBqDVcnoWqX6hk0FzF27wz4aEnMKG+fI4U5kYBpX1FBVQ-OAMAb8sToJBlsCWuOYAhVCuKEipsOgg5os5Gm+pTKCLWLjZYY2eEVSl1GFyNNC78rh1qAGqd7aWALNDNATyfYAAi2UeytPyom8yJbXLOMEpaF2kE40aF7m2K0p7F1wwRvevR6x33gVfdREsT7b1StXOHQDL7Z3YIJaQb98M719igxoGDZw-20m-kmFc4lSCoE4IgMhBATAQHCMweAgsfKcgwJCZIwF5yLitFRuAcolC2CHEQuILH+XkYAFaoFSFU-iOamwCYSpqkhBa9RQB9hQj6Kk4C0A0h9XmndK1VAuaGL1tbEVnj4LSnGLozjsEIUQoTZbYC4wCAQaIYAN4kw7rFPAfYABSRBuCqDrGePdNh7DtBgCq9gHnJkaCHKJwdw7yDorHQuxpmZN09xnQs+dDkl1xpXU9NdfY00oY80SDzO6nrnrUjJuTvCUPZR8L6TMmHsO4eSPhwjYRiNwFI2UcjlHqOgTo1bRjcBmOsfY4KjA3HeMvMAcZ4TlyRParYpoDa9xlp6jqjdPgAoZtLRdgET6aMNLsAHVNOAABHbF4zA11NzPovsxjawCbzWJxbGNvXWmMGYFobECTUDkE9-koUuSnVuq2DTjB7ZRb7Ld+6MEIPTAeE8OAH9TJzXtitubtQEe-rYsFno7ojscRGOtqN4FuR4lVEkeGXA+DFFsF7YoAAmEVXt6xwv+R+POxBVg47PnjgnmIOfM7JxTjQ1Pado-NQz0ggbw6s6tNyaa-qcWM6gwJjHjO2WkcNOLvHUvG0y5F0roW8vhei8JSwNs-h7C7Ql+rw7suSyG6gLrrDjPbWcWtKrxgku+Aa8x9C8CtuPeO6wIZKoxvpNs5d+bgNDurR+-TsoenduRfBDgOgNbJvcch7dxbuP5BE+MG94zjsKlNTO9d9Lo7efyg55F6X4+MdUCB9N2rtPAbK8nyHeXvOzBlhg0L6HzXbfLSQlbx3PVnmg9m4bz3wfVDW9cIirXlPRf3f2+IhFVvULZ-B-n+nvOKtIEkEp1PmAZsRZQDX1aJ0QVNOhRvSYGepBXjnOAMUCz34eOZp75wA-jAJnEUBBoEwrga8bDGj7BCpXbFCuDCj+ZzRT5L7ghHrkAn717F6M7Byt4EwdzEA+ZKCywZAIGp5IEi4-hoH4idwqrkCC6yToDfTsBDiIBDiU5KLVwQDdgaJNgK6kDNr8zkAEKWbPBxZjgCC9q4G7KEqYhvBcGWYxgfgdyubFDsiTBgCMx9iyGa4cFiFwDcExBVQyH8G9p05sTXajBsF5xezlBfw4HO7CEL4EGJrrzZ4x4l6Xwu62FbyEgWElib4-hjwmE+x2H5qjCaBdquxAyOElC2HErjJSYOa7DVoIr1r4F5yeGOHeHgT9pnhhroyRpnxtwxpdzJYJpJr4ojxjyjgGpEgbqsBeG2FXYkI6qoByhDr2GK71GoAtwkDkB7Rd5j5HZ1HvioCWGC7qZ1p+pWGBoprcjNGpFfY8jNGRYEQ9FDojjg75R3LmQyA-QRDnKRTzGoCtKOjuExDbGWGjgxDjG9HBGfxkDHGrjIyKE-h6grBbHNEOAxTFCphaDChtiMBGw3KhgxQ+gQgwCWHmzC6WbbGtEXGXYar6EDE1pDENqb7bFDiTGXi0DaKb5BpnYnHNEzosGXjbG7C5Asws72Cok6IBqImwgxBygUDFYKHETvDnZ4iMJ8b6SfBEBiEpZ1EcRkzJo7FLFNgIa1CcH8hgCnFDqMxATNEEk+BcyjbnhnjFKhh5o6o8BwCnZE55iep66qm5j47wy4F6mqg7ajDIyqjnBPAwCb46kWz5B6FKkwmxHDHokpoNRqnBrGmsihZwDoqum5jdgETWmLHVGTZiaPAQgRCkzoyqajAUGdDUGIAADMDB08tAuJhhsJPqTpTawAwpGhYAoMhY8MqJmaAhfaESDSxA2OJJaJ7IAApLWXzmdsQnqBipWZZvQIuKQAAPr6itChIMmFg-DbDbAhl4SZRFlhApaCnwaPhXr8QkxbjrqVm5bPRClqGWaFnhkkw+Cwr2apm5YVRVQrEriSiHnVSvrVSWRiSkCWFlE6TGYGG5qC6aAHq0AZBnTRk9CaBhmonblkyfm9AdBUE0FJl6hfJQipkhqXiDGZnwnZm5mWagyvnvlDayGlmTENI1lnZBZQX8RcjIU3QpYmRmQrgEVnS3JmQobTkxBIxoSKGGSCjgSRTLAoUsl4RykhL0mGCkndhnZ764VUT4VvmEXmJA4xCVkbEwBkWoXmKrmHrCXkXnn8nuT5aZgSUuAwBUVpY0U3F0UMXqWMAwC-4KVDYOQcX9ncVYUGIaAJlpn6TSVEX4QrgUw+akDSVUXHmZjSUUUtDKUCmqWsquCuVaWEqIy6VMwlBBXyjGWsXDbYIcUKnBl+Ho4ZlxEjEGVSUmXIlNiOjsnoTTnCmWabBZCRQQpoSICv4OGHIaXSV2mjDKlamx7GFRUbRmbJ7B4-CpjbZaY1nUwQDmDUAIktW1V2WLqxh4jlCfArGJieV9gtx0DlDOoxU3QRxSFbgJnUrlJnhcgyT4hlBTVmQzUkXro94uXyi1UTbJUOwlByhEAxQAUwVpUIm3UxSSE74QDZWhjNzoqnF3XgSzHOUvXgRvXSGtJyj-lEjzqVntGRSZi0WrB6Utkg0kCbWCaXU6odxiEPWpVZnj55XunbWchskck6RcmmTowrgdk76aV+XUVgBvGwC0gUJiE0z7A+AbjqrjbQmjlfm0iMFUhukxHepPUBqgybCMG+kE1THi1kyS0LrRxA4TQNIETMzoyLELLb7SFIQJaAI63OJ02bm-mRko1+WhgLk8pciphtkxB8C1SwTJJjxEiDnDlmW5Z62aJ03uWm3TCVl+hW1QjcQuQqwZI9mKBaR1i5Y9CO21DO0jkjb3lQn2k83mo41wU96q0kBDhdma0kCfXTA1np2MFZ050XC1A4UeljWG2TkOR01vSAyzDrxMIuqCT3GbGrXvWvrm1+3W1gAdnUDdm9kR012zUxBV1-m7krkrFXniS3mZiPDChsWhgPkWVjgF1HYZ0QDF1rWl186jXNgOUORiUoAS2CS5he2T3HVzULWajCQdyAVVx+DH7E3BBGwrkBXiUkCSUXnaVgB11AzX0OrMIt2owkCGgl2L3XIKno2eqp3xG9L9JwAy3ozZ3b151aJklv59JWxIMkAoPvXYV70tlV1Tk-1-0N2mFN1BEbHBDt2g3e1d0ZStkB292dmh2ZD22QYj1gBj3G0yHD1mTT03k-3z0QNjblIr08Vh5YOIOMF4PSF8WENCUoUpZH0b2S3n38P3IxDzXewbhSayQP1M3P2kCv013v2ECf0aXf2hWZhkMAOUOhwgOlrgNxXsVQPc1XWPW43r0n1unSVoMtnGOJhpaFUxDFVMXhGSzlWVWM5qOn1uUmV1VPnJ2FpemRVnS8GrAZowOOlp1HZDrBw8ZIkCWjAFMjqS4ZNUz+nOWpDq2QoZA6AfABplOZ61NJU6otOGDpA6APQ5PC3eOM6dPdNVDFMV2dPooADiBMVQ1T0WrAwzcAdTUKjTZRPeQz0ziz7TU2DgcQ8Ehod+hoG1fTGmItPeoMyyqcAT4znIFz1+R9BzG1bmHjGNKafNKcHenjsDIxYtBA7z6MVzXp6K4tfzAdE6K4ycQsatrS0+PCvYI4XNSdV1qTwcJQtkWkxzcJ8RoMo0ALdKBkOER9REJEZEkJzz2z8DnWqsGLsFcD0jVdAT454ZC6dN5AwQrSDDLZ-tTBmhrDg9PxT0XDPDO5JtCyZ5XDp5lUSl+yU9Lks9fYIjrjS90DamXzVp0j4Tn+DLnIB9IyXD3lUr60P98N9F+MJVy1Z0EDWzKruTtLCDODEAktWr9rctOkCtvYStYLRU6rjBrSJd2taEjK2C7tkGP9QrZMKGHLltPdttRAHDmi0dGgsdrtDkwb-EntJlEbvtjDXLlmok4kwd9AbD4d-Ll4CbSb8dDMxmVr-hkVxE7JVo2NNrIx9iwop0QGATLbP15o9b-1ZYp2mYagZodbQGhpo4CbmhcwYOxmuwQQGAtqapqA7Ae+Z4AS3pPI3bQGiYLAKYK4g7G7EuBOqNyTjV3R+77O+pheHOFdpp7A5phl1BRm1bvNqAC4d9TAIo3MQtJzAzIuE+Sg3Ir7RAWrAH8MRAMY4B3MzLgk+6MQ3kvktN5jpsZ875k4nKgHSET+gCMQlWOGeGBGRGpmTWLWRAVGskIEtG4EyQ20TwEyPWlOu4bGBC9HzGA2L+3t2HkCVWeHdWDWRHFGJHbWFHjAVHdRn+nAdHDHLGzHlOrHMlWHYAOH1WtWBHJGTwzW-HpHc47WlH1HYnEnjHzHCZsnoj8pCL9Vz5GgD4-Vjb-TeTsuKaVnOguLI6jnB6-+fUEBlm7gOgQZyr6ZTbHhFAOgqYIQozhNxDdNYoxEhI6scA3xfnvNnAPsWBKN1L3VoU2mGQqK5Aem-1u4RCxChNuwyXuYzDc7JX0htgKoVxYQt6o4y7ZLYmqENDfACwcQYKXj8JE0JTmgLZzXaYbOUYOqV0IkAbtgrX8QzGZUvX0yyY-bfYagKo43g3tgfbc5vNMZeQxEc0w3AmaguCzqBgUBKTJQA1Umzw9Wj43AOqnX8R8oAOPXw3JQG00pRJgekjp1G0lJYAJtYKT3SjIl2zq6NjqL8eQ893jM1893r3sp3UM31E5jGQTFbFM3e3OCwWxSKgYAJIQqQAA", #nolint
   deps = TRUE,
   skin = "galaxyNote8"
 )
+```
 
+iOS demo:
+
+```{r, echo=FALSE}
 shinyMobile:::app_container(
-  "https://dgranjon.shinyapps.io/miniUI2Demo", 
+  "https://shinylive.io/r/app/#h=0&code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRAYgAEnIgFdGBOBphEAJjqWcRhgDwBaDRQButRiXhl2K1FFLcNdrVZOchgMADNFOHYhMDgAD1hUCwB6AHMoaiU2ZNIoek5kmNwNbwIAayhUwwBeDRipfjkFJRiVTjQkjhENDTpg8MjOaIgenu9fXG7RvgJqHRM4DBMXTg1agDEAQQAZAGUAUUmR0fHyRhHamOwiqZ7aVIgiRkWCKE4ajQAVLABVfamBEcemEdBACKRaCR2GEBBoQFpdPoohElBhxtx2OjijDitQiK9qGsHLCAL4iFTqLS8fgaDoiBqsTboYY9HS0IlhADsAAVKlFbrTMkQAO7cgDqmyJ3z+xSIqAhJFWtT6pHYJhYZSJWz2hw0KKUJi1OwOxVQzzxUAWjClv11vjg8CJMUhljAgIFXM+eW2UFYulVAp6HXoLA5nKZqBDjBZo1jXPWSji0M5ACEoOV2LlGFVSABJQ2XMC5fJwUitbGcgBy8VVWZz+adRby7zLbvdx1jwM5uzgLAI3Cj7FoBbqYHefe4AEYiho+HQIB9pbqkum4NwiNQrY3PmwjIYSBp7RoACy+Q95ACErUDGnbnb3nHaVSjYZkcEffLT0b4qB0eZHMQwKw8Afs+LAziuBjrpucDWoWb6gXA5Y3t4C7UEq56pNstDBDG95cryaF4fes4AWAqFwNQ2xwGErZAiRPQQqQSiNtRtEaIRlE3B2JGcMOHwxEotHcQxjHcA6Ak0Pc3B0TesYxCm1B5EpImiTRYRwOCjbPI4vbUDEcm3vR+E8lARGGYxtDMZJWDSaQHFmVxeAWVo-HaXZqkMfajqFuqjBlJ5JEKUp9Aqc5PH3upmn2YWxC6YwBkRaMKj3nenbQI4L61FylZQJlLDEbGTEsYWDJNJEgWxpwOj0MVklhE8Gi7NSrCVaM3BQC486LraxmdjwloijaMqGUJpCcYStRLn1saMHZE3DYchkKKkVRwV8vWGaQzAQJw3jPGQRo6jeaVxpy2xEKkfCFdMZF4ldEC8lUbWWdZjYAJq6BozwZNQrCHtSmp+joGivCMqREBo4nPAA-C9epEEQZzbrwqzvOCkIjHxMDmD4760iMUB-uJZC0K8CojGa+LvpwGBfNDSFJXcqzpqQOi-f9jwaDo7zWmZhreI+wpPIa6rFm8iwcX+GjCh15DxRowMy2Z9n0H+hkmCQADk9lKHlhihWZZRXuFDHBCwpAAPKoBQR0midM0aJozxxbBAOGMQeLWqgZNlG7P7S-z3OoGLhhHuQcSq+mZSpK4oImDemie416bEIwywQKkf0YDeuSpJwAAknAEHN8o3T0MQF9CoIY1CsIgC5zXSBglomAAwjzpBEDACFPnAAAS-NZOwOs1rYyeMFr2I1xT7AgX39cuT0Vda2oE-cr7sEAGoZFrAgYAQj4jyG5Sx7oEAmOPG5PFPD4LwA3C5JICI-qhM6MLa5mQsGOBk1dgrPRe79Ywr1oDAVIe8W6kG2iPEuRBHxPHuHwW+WszIkGAroTge9X6iQ0CSYoABWAADEQikwCNDJGSIeS6WdDDzz5BoF8IZ3iGgPEeAgegDrMX+u8JQ4I4CGmLI3FqLcTDt07t3XufJB4X2HjrGhSgpFgUntPABmM540z5EA3BdwwgaA0YhNY1Raha37D4PecIl6jBXmoIC9DlGQJ4CKTwOCdHLxHhgLuG4oyeO9HwMoWD968AWC4qxJIHDoUMA3chICR62OApohxQT+KhJidYjxXjqA+OLNhCAATHHrmFKktxZJyHP1cfecphlEqpUdp6Zs5dSKNmLC2eGZkwF4xHNqe279ODCloDbZSPURrv2LF-X8pBOCO0YnkFMpBdrTPPPQNuLATBTK2n44I6zRl5E+DWRZYyIANQOXkS29pGCWCSilZKfU6qNjKvICqYAAT0V5grbKM91EB1ILKP8EzijvEfJjIBApNDfI0L-OgYtMYCnkG8qI0T7yQuHHjdYnJxl-iHBACZDZCwRzorOI5kNCxijlnAeK14krItDmijFAZ37fNxaOQWfSRbw1OLBC4o5gBENsAATgALoACp4awVcOtGIltRCcx0DAegsFVhJF7O8E2J0BTPxEKC6hq0WL2INiwRAVJdCbg0CQP6jDDDLE4EpVgAiZYk1NSMI8erVhCJ4nCn+cB9i6Q8N8guLTSzFERf1GmmMi4UHEcESRiSoikFYDbZpCi4BKLgFGGcfqA2kGuT0DVb9YyaB5m7d4F8NALmFHfPksKSyMF0t6igqpvnAGAIBBJiEoy2GLQnMAAqBVBpvDoEOqLOQpqGIZYcjY7ExtdIslUjSuwprnaMfFRI-WTrbSwRZsZoA+VHAAETysOeGRV42SWLbJNJ4lLRu3gjGjQ-dexWiPaMBqSNr2jhTRodYiMzhPsYjWe9V6JVgD2ZHO9D7YK-sPDWL9r6gPLpgz+02Oi8o+FDIWGSpBUCcEQJQggJgIDhGYPAYW-lOQYEhMkSCa4NxWko3AOUShbCThIXEZjvKyMACtUCpBqaJbNnZ+M9H47mrVYQoB+2od9TScBaC6W+vzbuFaqiXNjB6mtCKbx8GpXjH0Zx2DEJIYJ0tsB8YBAINEMAW8yZdwSngUcAApIg3BVBuhvNumw9h2gwCVewdzUyNCTjIfeAdNLh1TsaeOwsa6+7TtGjheluCuQLqscum9iFIPuaJO5zdS6T3aWk7JgRkGUNZkbBhrDOHkh4YI2EIjcASNlDIxRqj0FaM2wY3AJjLG2P8owFxnjzzyFGaE2qniImeKaG2vcNaCNrT3T4AKKbq03YBB+hjXS7Bg2zTgAARyxRM-1zZSxGNHGY1swn+OaHm1jT11pjBmBaDxAk1A5APf5ElLkF0Ho9nU4wR2kXRzXaekhJDsZ7iPGeF-Kyi1HZLZm7UOHEGeJBdGP6A7fERirYjbBbkeJVRJCRlwPgxRbA+2KAAJiFT7AQ-G0d-gLsQVYWOL447x5iNnjOSdk40JT6nKOeh09IP6ms-h7AHStNyOavrsX0-xbTv59OWUkcNMziXUuG0y6F0rkW8vMOy5rCwXsoupMs8YJLvgGuDv4sN1AXX6OoUrbF9js36v9v0+tfxRgdv3cO8YFgMyVRjfi5x67v1HurT+8zsoWFCuhfBDgOgR3Ju1cW7d3H8gievcx710L-smlNSq5D6nv1efyje9z+JU+cdUBB+d+b6XB3S8x2r+XguzBliQ0Ly74vmu2+WkhK3ruOqPPJ6Lw32XSbW+8OirX039fLfu8otFVvkLZ8p-H0LtW0CSDk6nzAC2YsoBr9gl6UKGmkqXpMHPUgrwLnAGKOZwC3H02984PvxgkzKKAg0CYVwNeNjGj7ACrCbFCuDCh+aLRT5L7gj7rkDH7d4b4Fyhyt5ExdzEDeZKDywZDwHz5p4FxASoH4jdxKrkD869AdB-TsCTiICTjk6qK1wQBDjaKdiC5NqCzkBEIWbPDTqzgCA9rwEgb45vAcEWYph-hdwubFDsiTBgCzirAv4TJsHCFwCcExC1SSG8E9o07qqt4+zlA-zYFd6CF4FAR6F+xZ7uqx4M7Xxm6byMA7yEhGE1gmGsATxmGwRkGaCdruygw2ElB2GEoTKSb2a7BVrwp1qIFARuF2F9pJSAp8QkDhoXwdxRo9wxqZh5Z4pjwTwzh6orq95RE2HuEWGxjjZaqoBygDrZ4HYVG-ioBtwkDkCHRd64F+q1EDqCFkFqa1o+oL5C5D60LciVGoCxEmRDF1ERZkTtGoDTig6dh3LwT-QRAXL2TTHwyejOExDTGCEzgxDjEDq+HfxkC7HAaoxyFGBLErCrHDEODxTFC5haDCi9iMAmynSdjxQhgQgwCCGWyx4WbTENFHHnajalFdHVo9H1p4HTGTijGdi0B6J4GZonZ7HDGujMH3jTG7C5BsxM72Dwn6JtHDGBajhygUBFayGUTvCnZ4gsK8YmSfBEDCGLoVF8QUyJqoBPqpYlDKEWb7E144QQTDFYk+A8zDa3g3ilKgmaoTZUhwDHYE5liWE55FziSli45Iw4Fs5bbtTxbsDnBPAwB4E8BylWz5DaFjZgnhG9GIlJrNQmmwmxghZDp2mlhDhkTGmlizEXbSn5qlpIzwlkw+CYwqajBKToCUHUEADM9Bs8tA6JqO4JXq1pjawA7BKhFmEMlY-pYQ6afBva0SY6xAmOeJCJ7IAApGWTzidqQnqOikWRZvQBuKQAAPr6itARJUmVg-DbDbA+kkQ5TZmLpckxDkDBBPpkwHi1ATkQA5YLHcnx4WZZkQgRDkwwp2Zxk5bVS1RWQlSjiShbl1Sck7lwC2SpAySCErqGRGa5pSl5qjCaC7q0AZCXQhk9CaCPDLmBkUyvnkHhkcBRkxlfLxkC6JkRF9FKHx6qFgAQyPnPkDZSF5mxFjqlknbEnakmSwX3SLqvS7kxCYWXSHjHmQbDmnE4TnFmSCiwT2TLBwV0kkRinhKUmGD4lDgna76WLkJcj4WpDYVNKxQkDLEwDcXEXHmNjcWEXWTEWZGnYCUuAwDEUi6FifBnFkUUVFmCU-5Pn3R0WpSGSMWRKzgoXGIaCRnAWdhcVaWXS8UA5bGuDeakDCVzFeSiWFjiWHlOUkRxoJqFhUz2UKWgZKUqUswlB2XyiaW0WDa4IMUSnel3kgVWmQkl6yWMBCWWWpAOnPqcgMlMlclpkWabBZD2Tgo4SIAKH07qVyXcXmm3nVGK6hXbSmZO6m4-C5ibaaalm0wQDmDUBQn1VVVmVdiKT4hlCfDHmZguWjhtx0DlCOrhX3SMLiEHiRmUqVI3hchDXlCjXWTjVvRTm96+XyhVU6F9lvklByhEDxQ-ndFJmJX7XnXxRiHb4zkcX3itxorjEXWwSTGNi1GfWMCPUSHwxyjflEizpFlNExSjjKVkWqW1kA0kArUCbHVxVOzULCFXWgXJm95dzCEZVdjZW4SGQslWSYyNiNnb7yUeV-oBWjgPGwC0ho39AaD7A+B7iqpXLI1aqsyk0emKmqaY23UHYQybAMEuk-IvXmXhii2qkJYkSxwA7TRjpkTc0kCzGLJb4SEYSzouTa1pIkVLkBmrkI1U1wlFlhi5j1nOhErIRpITxEhdk9kuRvH3i61uIkWOU5Z3Bm3ZR1lQiCR2RqxZKtmKD6Ruie2+Fez23dm9lDZXkgmjDjb80JWIEq0QCTjNka0kB42GUEm96p3p2Z0XC1BoWGQDnLlDmKWjifQgyzCbysJOriR6hXELVPXjne21kW1+1gCNnUAtltlh0uRzkxAG0rlBnG2znHmnnnmV0xCPDCg6XJQSkdnMWll50MEF2LVF084DW1ncWLo2UoDS0mke2D0TUxBTW+x7iSZKQ1x+BH4E2kAmyznSUxAVUpWckz1gDV2gzTV+z10+HowkCGiF0L0jZJSSkJ2WmepgVGn9I2wi0UwZ2b3Z0sVh5wNwAIOYxINPWoU71l3wkV000xDf2136H-1HjLHBAt2A0m1e2Tkd2W3d1NnB2ZA224JD1gAj1flrkT3WRT2kAXmFhz2gPingPL052wMDIYMMHYMSFsV4Och70uQH2p1i0n3kIcMX0zWOhdzkG30M0P1P2D0v2EDJWU2zmf0kO-12psKN2AMlogORX0USmc3uoC0p1H2ljcXZ2eiMm4S5U8kxAFVUWBHSwlVlVC6qMy39WuO+lOlwFUyxw0yMLgRuPJ19EFzxMJ6pAwkS2OmDrkDvWuBJNHwH3cZq0QoZA6AfB+pZPlOxVapZMaDpA6DPRpPQNY0HZZMtNVC5PoXByhYADiRMVQbpE6rAPTcAFTkK1T+RXTBTcAkzgWsT95DgcQqEhot+hoy17T6mMDfqEMKy6c2dWTaKRzV+B9Wzy1rmFpJ1qNAxLEqcIsMKuzEJiBwtBAacHez1-TpzUtXz6iStjYTz6cmMathk0+-CI404HNtzKNBaCz3JaEYRHTgt9OEME0JzCz71jkPVZTuLbEwJcLWqfSUj-oKLeznT7u6DI9PjVYg5W0n9o556DE055tjDPdfdIdbDnlZ9nD2Z3D49ELNUHD+5IrRFJtdU-Dgjo4wjTjsYDTrzN1iBpL8DhVdLSjoyfLblErByn90NqwqlhMhVc1l0C9irSdqLKr6DmDJAYtdLtrEAYtjS8tI4itDK7pNrDB8MhdWtupOt-retn9XDRtkhVibLPtndjBVtDUPLuCdttQDtMdUVOWrtOi7taVkGEbDDXddAZ5pAgd9ALDodztJECbGgSbTtcdsLNVMpZolEjJVoGN6TRphSF0gG2dTiwoRTDbgGmYLAOYjYag9bFoEueOM45bahcwIORmuwQQGA1qcpqA7Au+N4wScAPbo7X1dYx2hYw75ojbrOSMiNOauhB7gG6p9kLRWpa7up+pKVVBhmFrqzqA64ujTAIovMFLbzGTDzcA3Ib7RAdLAHSMRAKYYBvMjS3kkkfkAUkrJj5sF8z5C47KgHGEj+5CMQ5W2GuG+GhGJmDWTWRAlGSkUENGsEyQe0TwkyXW5Ox4rGRCdHTGfWz+tDo42HlW1W+HxGTwjW5GxHLW5HjAlHFRH+nAtH9HzGTH5OLH8FLkWH0CFWuHNWdWhH-HJHq4rWFHVHYnEnDHTHkZsnIjRmz7p1b4XVzbVrv7Sa5nOgWLoWtnu6f+ms4BFm7gOgXpKz8VVnJhFAOguYIQfTa19L5dJFYolEhImsC4rxXnqNnAfsmBCNSrbVSUWmGQKK5AumX1x4JCpCwXuwCXpYXdC7hXEhtgKoJxYmCwM4q7xLMp2EVDfACwcQoK11MD00eTqNtZDXeYLOSYWqt0jYKotgTX8QTGgUmgS6A7u7o4agw3o3cQtgO7LLqzoZeQlEi0A3l2+CjqBgkBdzmgv4mQkmzwtW743AWqbXVLWu20GVagA3JQ20wpOJxuqD+120sIMQxtoKD3FlcFxEk3S6ldeVWs8o1oOEt8YPz3opfUgPjEJjGQVFdFgPl2eCKOpSKgYAJIAqQAA", #nolint
   deps = TRUE,
   skin = "iphone8",
   color = "black"
 )
 ```
 
-
-## Progressive Web App (PWA)
-
-### Configuration
-
-`{shinyMobile}` is PWA capable, meaning that it can be displayed full screen on many mobile
-devices. This feature is automatically handled by `f7Page()` if `allowPWA` is `TRUE` (it leverages the Google PWA compatibility
-[script](https://github.com/GoogleChromeLabs/pwacompat)). 
-
-To setup the necessary assets for your PWA, you may run:
-
-```r
-remotes::install_github("RinteRface/charpente")
-library(charpente)
-set_pwa(APP_PATH, ...)
-```
-
-where `APP_PATH` is the app location. It only works if the app is inside a package like with
-{golem}. Alternatively, you may copy the `www` folder of the gallery [app](https://github.com/RinteRface/shinyMobile/tree/master/inst/examples/gallery/www), which provides:
-
-- A valid service worker.
-- A valid `offline.html` fallback.
-- A valid web manifest. Don't forget to change the `start_url` property to the path of your app.
-For instance, the following app hosted at https://dgranjon.shinyapps.io/rstudio-global-2021-calendar/, has the `/rstudio-global-2021-calendar/` path.
-- A valid set of icons. There are tools such as [appsco](https://appsco.pe/developer/splash-screens) and [app-manifest](https://app-manifest.firebaseapp.com), to create 
-those custom icons and splash screens, if you need to.
-
-It is really easier with `{charpente}`, the reason why we strongly recommend to develop your app
-inside a package.
-
-### Add the PWA to your desktop Apps
-
-Copy the url of your app in your mobile web browser (iOS: Safari and Andoid: Chrome). In this example this is: https://dgranjon.shinyapps.io/miniUI2Demo/. It opens like a classic web app, with top and bottom ugly navigation bars.
-
-- Select the share button located in the bottom bar of your Iphone/Ipad. For Android,
-you may do something similar. Importantly, Chrome for iOS does not support this feature, that's why I recommend using Safari.
-- Click on "Add to Home Screen"
-- Choose a relevant name and click on OK. 
-- The app will be added to your IOS/Android Apps. In case you want custom icons, replace the content of the www folder with your own.
-
-<div class="row">
-<div class="card">
-<a href="#" target="_blank"><img src="man/figures/f7PWA.png"></a>
-</div>
-</div>
-
-### Limitations
-It is actually quite complex to guarantee that all mobile platforms are supported.
-The PWA compatibility script will work in most of the case. If not, please open an issue [here](https://github.com/GoogleChromeLabs/pwacompat/issues), to help improving it!
-
-
 ## Acknowledgement
 
 A special thanks to [Vladimir Kharlampidi](https://github.com/nolimits4web) for creating this
diff --git a/index.md b/index.md
index 9dab0dae..8a4fb9b2 100644
--- a/index.md
+++ b/index.md
@@ -13,6 +13,21 @@ Status](https://www.repostatus.org/badges/latest/wip.svg)](https://www.repostatu
 [![CRAN
 status](https://www.r-pkg.org/badges/version/shinyMobile)](https://cran.r-project.org/package=shinyMobile)
 
+## Sandbox
+
+You can play with the below sandbox.
+
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/editor/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRaVAH0iqUpwAEAHgC0eup1LsRe63tLc48PQF49QsLSKc3uKzYAmLADWznoAYgCCADIAygCiPhA2egBmikp+IREx8b7WxNREjCFuAMQADGUA7FDJyd65tkQArgTcIWYWDdakaAASRNQZLgAqWACqOYlJtn0DfgAicNRQrCGVAKxlCdN6HpzDza1YtOhKmVFxDQLbNnvDzBCc1C0UpABCLPouWXE31tAAN3oLHatHMlimST2AGFXnBGMNaKQziNxpMdrw-HAAPIQAAKUAA5nBogRGANqCFRhMrn9GgNgUUXB0IRjaFjcQTiaTydRKd8LrFaQ1UE0+QcsHBkow4DxztlfCoRFJ+OF0Ky9E1aCFkpUuXANdZtKQPI8QuotDpOHSTci4MUwCrZPJFPbolAIH56EQAB71SEpSrDKD0SIrZqdAPWVAepZfGaEyJgyM7ay6gkQJbsW0o1xgSJS0h6DNLbx6Tjs+0uNxKZKkMt2BxVvN0Qncet4PNvZb0ZZlqXJOAEIvVwhEAHwtzXLo2dOx6jZpG5tzHNtFkvUMsVrEOxi0NcN+yOUcBRiBMtubshvudgdDkd54gTxhTmfTqN6QGMnWVAByUCBFhDWmHNmzcJ05AUM53U9b0-TwGdrG4KBaEYOhMypNE6SSHgoD8IgAHdMImbCbFrUgN2I9FUz3NdKNRGkP3fHZdWDehOGApIPVoGAoHIIY9GpaidhKTgCJOOBr2bITSLTIMQ04kClzAsA2L0ABGf1UxsHp6H-Y88zYzSEI-KFiESFxdQASXMywwGSOZJzAZjtL0KBh1oCcqISRCyPUagOHUxAAGYtkDaEWD8FRtJclj5PoRSklAh01IAJi01zdP0lS2PSkzXN2cyfxskg7MCOBWG9SKp1k2dKmiZD8IIxLpj4chHiRVYXHUrZfKSbhx3hby+rqiLGD8FqdmS0cxoyew8Kc2qdjccI9AIaqwBG6xotcnadli6ZWIUkbpsMkM9GCjLtKy2AcpDS78tc2gissyoSogOzllYeFOA0KBqA7A64oavDCMm24yAoCtSC6jTetM6YBufYaEaSXVZvBpLlIdWa9HmrEX0egq5OiXjGFIaIlnvTHpjcAEWFoKSruJ6w3AANQZqT9FIIhywGgjEGZlmCDs6FWHQgmvDAB0CHFoWWcMh5OBgMEKxINwHVgeWWbcABxSTGClh1iRYGqtumbQKCsiy8x4OA4A7JbUxgMUTVQXMhPN7anaSqTsSaUhRU6MAAh6V9UZsPbUyjpIY70KOdpczh4WRyymggDzSr4IPcD0CMc-LWU1YgAQ9BABoSj0UO+KZgN84DgASavDBMGVPXhNilHYcuPxgUh1sN4Bc5FtwYFQQky2zxv6b3KTrir8lUHlOIAF0GgAX1z8kCOgeB4yEnb15EFQwHXlegA" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen="" allow="autoplay" data-external="1"></iframe>
+</div>
+<bslib-tooltip placement="auto" bsOptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()">
+<template>Expand</template>
+<span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img" ><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
+</bslib-tooltip>
+<script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
+</div>
+
 ## Installation
 
 ``` r
@@ -22,17 +37,11 @@ install.packages("shinyMobile")
 devtools::install_github("RinteRface/shinyMobile")
 ```
 
-## Cheatsheet
-
-<a href="https://github.com/RinteRface/cheatsheets/tree/master/shinyMobile"><img src="https://raw.githubusercontent.com/rinterface/cheatsheets/master/shinyMobile/png/shinyMobile1.png" width="630" height="487" style="max-width:100%;"></a>
-
 ## Demo
 
-A running demo is on
-[shinyapps.io](https://dgranjon.shinyapps.io/miniUI2Demo/). Left side:
-android demo, right side: iOS demo
+Android demo:
 
-<link rel="stylesheet" href="/Library/Frameworks/R.framework/Versions/3.6/Resources/library/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css"/>
+<link rel="stylesheet" href="/Library/Frameworks/R.framework/Versions/4.2/Resources/library/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css"/>
 <div class="marvel-device note8">
 <div class="inner"></div>
 <div class="overflow">
@@ -45,11 +54,13 @@ android demo, right side: iOS demo
 <div class="volume"></div>
 <div class="camera"></div>
 <div class="screen">
-<iframe width="100%" src="https://dgranjon.shinyapps.io/miniUI2DemoMd" allowfullscreen="" frameborder="0" scrolling="yes" height="822"></iframe>
+<iframe width="100%" src="https://shinylive.io/r/app/#h=0&amp;code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRAYgAEnIgFdGBOBphEAJjqWcRhgDwBaDRQButRiXhl2K1FFLcNdrVZOchgMADNFOHYhMDgAD1hUCwB6AHMoaiU2ZNIoek5kmNwNbwIAayhUwwBeDRipfjkFJRiVTjQkjhENDTpg8MjOaIgenu9fXG7RvgJqHRM4DBMXTg1agDEAQQAZAGUAUUmR0fHyRhHamOwiqZ7aVIgiRkWCKE4ajQAVLABVfamBEcemEdBACKRaCR2GEBBoQFpdPoohElBhxtx2OjijDitQiK9qGsHLCAL4iFTqLS8fgaDoiBqsTboYY9HS0IlhADsAAVKlFbrTMkQAO7cgDqmyJ3z+xSIqAhJFWtT6pHYJhYZSJWz2hw0KKUJi1OwOxVQzzxUAWjClv32gIFXM+eW2UFYulVAp6HXoLA5nKZqB9jBZo1DXPWSji0M5ACEoOV2LlGFVSABJQ2XMC5fJwUitbGcgBy8VVSZT6aJMWz7zzYAE9uOoeBnN2cBYBG4QfYtAzdTA73b3AAjEUNHw6BAPtLdUl43BuERqFbK2BPmwjIYSBpfIYACy+bd5ACErU9GgbTY3nHaVSDfpkcGvfLjwb4qB0ad7MRgrHgT9vLCjrOBgLkucDWpmD7-nA+Znt4k7UEqh6pNstDBCGl5cryCEYZeY5fmA8FwNQ2xwGEtZAnhPQQqQSgrqR5EaNhxE3I2eGcD2HwxEo5GsVR1HcHA8ArnQqTcBRZ6hjEMbUHksl8fxZFhHA4Irs8jhttQMSSeelGYTyUA4Tp1G0LRXFgFg9ziUxhksXgxlaJxalWRJbGXjuwmZuqjBlApVHSbJ9DyfZblNkpKmkCuxAaYw2mhT0KiXheTbQI4d61FyhZQGlLC4aGNF0ZmDJNJEflNpwOj0AV5lhE8Gi7NSrBlaG3BQC4E5Traenla1JgijaMo6TxpDMYStTTt1oaMC5o0DYcOkKKkVQQV8XU6aQzAQJw3jPGQRo6meyVhpy2xEKkfB5dMBF4udEC8lUzWjNVK4AJq6BozwZNQrDbtSmpujoGivCMqREBognPAA-I9wJEEQZwrp8vCrO84KQiMHEwOYPiPrSIxQB+glkLQrwKiMZr4o+nAYF8EMwfFY6rPGpA6F9P2PBoOjvNahmGt417Ck8hrqtmbyLExH4aMKrXkDFGgA1LhmRfQH46X1EAAOSRUo2WGEFhllCeIVUcELCkAA8qgFD7Sah2TRomjPNF4G-YYxB4taqAk2ULtvpLvOc6gIuGDu24lhoPrlKkrigiYZ6aO7dXxsQjDLBAqTfRgZ65KknAACScAQ03ypdPQxHn0KgmjUKwiADkNdIGCWiYADCXOkEQMBQTecAABK81k7BayWtiJ4wGvYlXZPsH+Pe1w5PQVxrahj9y3vgQAahkGsCBgBDXkPkdlNHugQCYo+Lk8E9XnPADcDkkgI9+qAzPQ1qmZDgY4GSV2C0-z6-UYS9aAwFSDvJupANpDyLkQa8Tx7h8GvhrQyJBfy6E4DvZ+-ENAkmKAAVgAAwEIpIA5IyRtxnQzoYWefII6+h9O8Q0W5Q4ED0LtWiP13hKHBHAQ02Z66NSbiYVu7dO7dz5P3M+g8taUKUOIgC49J5-3RjPKmfIAHYLuGEDQqjoJrGqLUDWHYfA7zhAvIBQ81A-hoQo8BPARSeCwZoxeQ8MAd0XEGNxzo+BlAwbvXgCxHHmJJA4RChg66ANDEvKxv41G2P8ZxIJkSLEazcXDagnjsyoQgL4uxC5hRJOcWSQBj8nGXlKTpOKSV7aOjyEMHSPYVzVlzDDPGICca9m1LbBmnBhS0CtnJTqg0GbZg-u+UgnB7bUTyDGUgW0pmHnoC3FgJhJnrW8cENZIy8ifBLAs0ZEBar7LyObHcjBLChUSqMI625TKFT7MVeQpUwAAkotzOWGUp4qL9qQWUH5xnFHeNedGACBSaB+Rob+dARbowFPId5UQImXihT2HG6xORjI-N2CA4yKyZnIHECiY5Dlg0zGKGWcAYqnlCii4O6LMUegZj8vFfZ+a9KFq0044ELh9mAAQ2wABOAAugAKlaeBVwK0Yjm1EOzHQMB6DgVWEkNs7wjaHQFI-EQYKKFLTojYvWLBEBUl0EuDQJBvoR0MMsTgslWC8KlkTc1IxQ4GtWPwti8Kv5wH2BpDwPy87NN+WY0KQKOIkALhQERwQxFxKiKQVgVsmmyLgPIuAQZRwBqDVcnoWqX6hk0FzF27wz4aEnMKG+fI4U5kYBpX1FBVQ-OAMAb8sToJBlsCWuOYAhVCuKEipsOgg5os5Gm+pTKCLWLjZYY2eEVSl1GFyNNC78rh1qAGqd7aWALNDNATyfYAAi2UeytPyom8yJbXLOMEpaF2kE40aF7m2K0p7F1wwRvevR6x33gVfdREsT7b1StXOHQDL7Z3YIJaQb98M719igxoGDZw-20m-kmFc4lSCoE4IgMhBATAQHCMweAgsfKcgwJCZIwF5yLitFRuAcolC2CHEQuILH+XkYAFaoFSFU-iOamwCYSpqkhBa9RQB9hQj6Kk4C0A0h9XmndK1VAuaGL1tbEVnj4LSnGLozjsEIUQoTZbYC4wCAQaIYAN4kw7rFPAfYABSRBuCqDrGePdNh7DtBgCq9gHnJkaCHKJwdw7yDorHQuxpmZN09xnQs+dDkl1xpXU9NdfY00oY80SDzO6nrnrUjJuTvCUPZR8L6TMmHsO4eSPhwjYRiNwFI2UcjlHqOgTo1bRjcBmOsfY4KjA3HeMvMAcZ4TlyRParYpoDa9xlp6jqjdPgAoZtLRdgET6aMNLsAHVNOAABHbF4zA11NzPovsxjawCbzWJxbGNvXWmMGYFobECTUDkE9-koUuSnVuq2DTjB7ZRb7Ld+6MEIPTAeE8OAH9TJzXtitubtQEe-rYsFno7ojscRGOtqN4FuR4lVEkeGXA+DFFsF7YoAAmEVXt6xwv+R+POxBVg47PnjgnmIOfM7JxTjQ1Pado-NQz0ggbw6s6tNyaa-qcWM6gwJjHjO2WkcNOLvHUvG0y5F0roW8vhei8JSwNs-h7C7Ql+rw7suSyG6gLrrDjPbWcWtKrxgku+Aa8x9C8CtuPeO6wIZKoxvpNs5d+bgNDurR+-TsoenduRfBDgOgNbJvcch7dxbuP5BE+MG94zjsKlNTO9d9Lo7efyg55F6X4+MdUCB9N2rtPAbK8nyHeXvOzBlhg0L6HzXbfLSQlbx3PVnmg9m4bz3wfVDW9cIirXlPRf3f2+IhFVvULZ-B-n+nvOKtIEkEp1PmAZsRZQDX1aJ0QVNOhRvSYGepBXjnOAMUCz34eOZp75wA-jAJnEUBBoEwrga8bDGj7BCpXbFCuDCj+ZzRT5L7ghHrkAn717F6M7Byt4EwdzEA+ZKCywZAIGp5IEi4-hoH4idwqrkCC6yToDfTsBDiIBDiU5KLVwQDdgaJNgK6kDNr8zkAEKWbPBxZjgCC9q4G7KEqYhvBcGWYxgfgdyubFDsiTBgCMx9iyGa4cFiFwDcExBVQyH8G9p05sTXajBsF5xezlBfw4HO7CEL4EGJrrzZ4x4l6Xwu62FbyEgWElib4-hjwmE+x2H5qjCaBdquxAyOElC2HErjJSYOa7DVoIr1r4F5yeGOHeHgT9pnhhroyRpnxtwxpdzJYJpJr4ojxjyjgGpEgbqsBeG2FXYkI6qoByhDr2GK71GoAtwkDkB7Rd5j5HZ1HvioCWGC7qZ1p+pWGBoprcjNGpFfY8jNGRYEQ9FDojjg75R3LmQyA-QRDnKRTzGoCtKOjuExDbGWGjgxDjG9HBGfxkDHGrjIyKE-h6grBbHNEOAxTFCphaDChtiMBGw3KhgxQ+gQgwCWHmzC6WbbGtEXGXYar6EDE1pDENqb7bFDiTGXi0DaKb5BpnYnHNEzosGXjbG7C5Asws72Cok6IBqImwgxBygUDFYKHETvDnZ4iMJ8b6SfBEBiEpZ1EcRkzJo7FLFNgIa1CcH8hgCnFDqMxATNEEk+BcyjbnhnjFKhh5o6o8BwCnZE55iep66qm5j47wy4F6mqg7ajDIyqjnBPAwCb46kWz5B6FKkwmxHDHokpoNRqnBrGmsihZwDoqum5jdgETWmLHVGTZiaPAQgRCkzoyqajAUGdDUGIAADMDB08tAuJhhsJPqTpTawAwpGhYAoMhY8MqJmaAhfaESDSxA2OJJaJ7IAApLWXzmdsQnqBipWZZvQIuKQAAPr6itChIMmFg-DbDbAhl4SZRFlhApaCnwaPhXr8QkxbjrqVm5bPRClqGWaFnhkkw+Cwr2apm5YVRVQrEriSiHnVSvrVSWRiSkCWFlE6TGYGG5qC6aAHq0AZBnTRk9CaBhmonblkyfm9AdBUE0FJl6hfJQipkhqXiDGZnwnZm5mWagyvnvlDayGlmTENI1lnZBZQX8RcjIU3QpYmRmQrgEVnS3JmQobTkxBIxoSKGGSCjgSRTLAoUsl4RykhL0mGCkndhnZ764VUT4VvmEXmJA4xCVkbEwBkWoXmKrmHrCXkXnn8nuT5aZgSUuAwBUVpY0U3F0UMXqWMAwC-4KVDYOQcX9ncVYUGIaAJlpn6TSVEX4QrgUw+akDSVUXHmZjSUUUtDKUCmqWsquCuVaWEqIy6VMwlBBXyjGWsXDbYIcUKnBl+Ho4ZlxEjEGVSUmXIlNiOjsnoTTnCmWabBZCRQQpoSICv4OGHIaXSV2mjDKlamx7GFRUbRmbJ7B4-CpjbZaY1nUwQDmDUAIktW1V2WLqxh4jlCfArGJieV9gtx0DlDOoxU3QRxSFbgJnUrlJnhcgyT4hlBTVmQzUkXro94uXyi1UTbJUOwlByhEAxQAUwVpUIm3UxSSE74QDZWhjNzoqnF3XgSzHOUvXgRvXSGtJyj-lEjzqVntGRSZi0WrB6Utkg0kCbWCaXU6odxiEPWpVZnj55XunbWchskck6RcmmTowrgdk76aV+XUVgBvGwC0gUJiE0z7A+AbjqrjbQmjlfm0iMFUhukxHepPUBqgybCMG+kE1THi1kyS0LrRxA4TQNIETMzoyLELLb7SFIQJaAI63OJ02bm-mRko1+WhgLk8pciphtkxB8C1SwTJJjxEiDnDlmW5Z62aJ03uWm3TCVl+hW1QjcQuQqwZI9mKBaR1i5Y9CO21DO0jkjb3lQn2k83mo41wU96q0kBDhdma0kCfXTA1np2MFZ050XC1A4UeljWG2TkOR01vSAyzDrxMIuqCT3GbGrXvWvrm1+3W1gAdnUDdm9kR012zUxBV1-m7krkrFXniS3mZiPDChsWhgPkWVjgF1HYZ0QDF1rWl186jXNgOUORiUoAS2CS5he2T3HVzULWajCQdyAVVx+DH7E3BBGwrkBXiUkCSUXnaVgB11AzX0OrMIt2owkCGgl2L3XIKno2eqp3xG9L9JwAy3ozZ3b151aJklv59JWxIMkAoPvXYV70tlV1Tk-1-0N2mFN1BEbHBDt2g3e1d0ZStkB292dmh2ZD22QYj1gBj3G0yHD1mTT03k-3z0QNjblIr08Vh5YOIOMF4PSF8WENCUoUpZH0b2S3n38P3IxDzXewbhSayQP1M3P2kCv013v2ECf0aXf2hWZhkMAOUOhwgOlrgNxXsVQPc1XWPW43r0n1unSVoMtnGOJhpaFUxDFVMXhGSzlWVWM5qOn1uUmV1VPnJ2FpemRVnS8GrAZowOOlp1HZDrBw8ZIkCWjAFMjqS4ZNUz+nOWpDq2QoZA6AfABplOZ61NJU6otOGDpA6APQ5PC3eOM6dPdNVDFMV2dPooADiBMVQ1T0WrAwzcAdTUKjTZRPeQz0ziz7TU2DgcQ8Ehod+hoG1fTGmItPeoMyyqcAT4znIFz1+R9BzG1bmHjGNKafNKcHenjsDIxYtBA7z6MVzXp6K4tfzAdE6K4ycQsatrS0+PCvYI4XNSdV1qTwcJQtkWkxzcJ8RoMo0ALdKBkOER9REJEZEkJzz2z8DnWqsGLsFcD0jVdAT454ZC6dN5AwQrSDDLZ-tTBmhrDg9PxT0XDPDO5JtCyZ5XDp5lUSl+yU9Lks9fYIjrjS90DamXzVp0j4Tn+DLnIB9IyXD3lUr60P98N9F+MJVy1Z0EDWzKruTtLCDODEAktWr9rctOkCtvYStYLRU6rjBrSJd2taEjK2C7tkGP9QrZMKGHLltPdttRAHDmi0dGgsdrtDkwb-EntJlEbvtjDXLlmok4kwd9AbD4d-Ll4CbSb8dDMxmVr-hkVxE7JVo2NNrIx9iwop0QGATLbP15o9b-1ZYp2mYagZodbQGhpo4CbmhcwYOxmuwQQGAtqapqA7Ae+Z4AS3pPI3bQGiYLAKYK4g7G7EuBOqNyTjV3R+77O+pheHOFdpp7A5phl1BRm1bvNqAC4d9TAIo3MQtJzAzIuE+Sg3Ir7RAWrAH8MRAMY4B3MzLgk+6MQ3kvktN5jpsZ875k4nKgHSET+gCMQlWOGeGBGRGpmTWLWRAVGskIEtG4EyQ20TwEyPWlOu4bGBC9HzGA2L+3t2HkCVWeHdWDWRHFGJHbWFHjAVHdRn+nAdHDHLGzHlOrHMlWHYAOH1WtWBHJGTwzW-HpHc47WlH1HYnEnjHzHCZsnoj8pCL9Vz5GgD4-Vjb-TeTsuKaVnOguLI6jnB6-+fUEBlm7gOgQZyr6ZTbHhFAOgqYIQozhNxDdNYoxEhI6scA3xfnvNnAPsWBKN1L3VoU2mGQqK5Aem-1u4RCxChNuwyXuYzDc7JX0htgKoVxYQt6o4y7ZLYmqENDfACwcQYKXj8JE0JTmgLZzXaYbOUYOqV0IkAbtgrX8QzGZUvX0yyY-bfYagKo43g3tgfbc5vNMZeQxEc0w3AmaguCzqBgUBKTJQA1Umzw9Wj43AOqnX8R8oAOPXw3JQG00pRJgekjp1G0lJYAJtYKT3SjIl2zq6NjqL8eQ893jM1893r3sp3UM31E5jGQTFbFM3e3OCwWxSKgYAJIQqQAA" allowfullscreen="" frameborder="0" scrolling="yes" height="822"></iframe>
 </div>
 </div>
 
-<link rel="stylesheet" href="/Library/Frameworks/R.framework/Versions/3.6/Resources/library/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css"/>
+iOS demo:
+
+<link rel="stylesheet" href="/Library/Frameworks/R.framework/Versions/4.2/Resources/library/shinyMobile/marvel-devices-css-1.0.0/devices.min.css" type="text/css"/>
 <div class="marvel-device black iphone8">
 <div class="top-bar"></div>
 <div class="sleep"></div>
@@ -58,84 +69,12 @@ android demo, right side: iOS demo
 <div class="sensor"></div>
 <div class="speaker"></div>
 <div class="screen">
-<iframe width="100%" src="https://dgranjon.shinyapps.io/miniUI2Demo" allowfullscreen="" frameborder="0" scrolling="yes" height="670"></iframe>
+<iframe width="100%" src="https://shinylive.io/r/app/#h=0&amp;code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRAYgAEnIgFdGBOBphEAJjqWcRhgDwBaDRQButRiXhl2K1FFLcNdrVZOchgMADNFOHYhMDgAD1hUCwB6AHMoaiU2ZNIoek5kmNwNbwIAayhUwwBeDRipfjkFJRiVTjQkjhENDTpg8MjOaIgenu9fXG7RvgJqHRM4DBMXTg1agDEAQQAZAGUAUUmR0fHyRhHamOwiqZ7aVIgiRkWCKE4ajQAVLABVfamBEcemEdBACKRaCR2GEBBoQFpdPoohElBhxtx2OjijDitQiK9qGsHLCAL4iFTqLS8fgaDoiBqsTboYY9HS0IlhADsAAVKlFbrTMkQAO7cgDqmyJ3z+xSIqAhJFWtT6pHYJhYZSJWz2hw0KKUJi1OwOxVQzzxUAWjClv11vjg8CJMUhljAgIFXM+eW2UFYulVAp6HXoLA5nKZqBDjBZo1jXPWSji0M5ACEoOV2LlGFVSABJQ2XMC5fJwUitbGcgBy8VVWZz+adRby7zLbvdx1jwM5uzgLAI3Cj7FoBbqYHefe4AEYiho+HQIB9pbqkum4NwiNQrY3PmwjIYSBp7RoACy+Q95ACErUDGnbnb3nHaVSjYZkcEffLT0b4qB0eZHMQwKw8Afs+LAziuBjrpucDWoWb6gXA5Y3t4C7UEq56pNstDBDG95cryaF4fes4AWAqFwNQ2xwGErZAiRPQQqQSiNtRtEaIRlE3B2JGcMOHwxEotHcQxjHcA6Ak0Pc3B0TesYxCm1B5EpImiTRYRwOCjbPI4vbUDEcm3vR+E8lARGGYxtDMZJWDSaQHFmVxeAWVo-HaXZqkMfajqFuqjBlJ5JEKUp9Aqc5PH3upmn2YWxC6YwBkRaMKj3nenbQI4L61FylZQJlLDEbGTEsYWDJNJEgWxpwOj0MVklhE8Gi7NSrCVaM3BQC486LraxmdjwloijaMqGUJpCcYStRLn1saMHZE3DYchkKKkVRwV8vWGaQzAQJw3jPGQRo6jeaVxpy2xEKkfCFdMZF4ldEC8lUbWWdZjYAJq6BozwZNQrCHtSmp+joGivCMqREBo4nPAA-C9epEEQZzbrwqzvOCkIjHxMDmD4760iMUB-uJZC0K8CojGa+LvpwGBfNDSFJXcqzpqQOi-f9jwaDo7zWmZhreI+wpPIa6rFm8iwcX+GjCh15DxRowMy2Z9n0H+hkmCQADk9lKHlhihWZZRXuFDHBCwpAAPKoBQR0midM0aJozxxbBAOGMQeLWqgZNlG7P7S-z3OoGLhhHuQcSq+mZSpK4oImDemie416bEIwywQKkf0YDeuSpJwAAknAEHN8o3T0MQF9CoIY1CsIgC5zXSBglomAAwjzpBEDACFPnAAAS-NZOwOs1rYyeMFr2I1xT7AgX39cuT0Vda2oE-cr7sEAGoZFrAgYAQj4jyG5Sx7oEAmOPG5PFPD4LwA3C5JICI-qhM6MLa5mQsGOBk1dgrPRe79Ywr1oDAVIe8W6kG2iPEuRBHxPHuHwW+WszIkGAroTge9X6iQ0CSYoABWAADEQikwCNDJGSIeS6WdDDzz5BoF8IZ3iGgPEeAgegDrMX+u8JQ4I4CGmLI3FqLcTDt07t3XufJB4X2HjrGhSgpFgUntPABmM540z5EA3BdwwgaA0YhNY1Raha37D4PecIl6jBXmoIC9DlGQJ4CKTwOCdHLxHhgLuG4oyeO9HwMoWD968AWC4qxJIHDoUMA3chICR62OApohxQT+KhJidYjxXjqA+OLNhCAATHHrmFKktxZJyHP1cfecphlEqpUdp6Zs5dSKNmLC2eGZkwF4xHNqe279ODCloDbZSPURrv2LF-X8pBOCO0YnkFMpBdrTPPPQNuLATBTK2n44I6zRl5E+DWRZYyIANQOXkS29pGCWCSilZKfU6qNjKvICqYAAT0V5grbKM91EB1ILKP8EzijvEfJjIBApNDfI0L-OgYtMYCnkG8qI0T7yQuHHjdYnJxl-iHBACZDZCwRzorOI5kNCxijlnAeK14krItDmijFAZ37fNxaOQWfSRbw1OLBC4o5gBENsAATgALoACp4awVcOtGIltRCcx0DAegsFVhJF7O8E2J0BTPxEKC6hq0WL2INiwRAVJdCbg0CQP6jDDDLE4EpVgAiZYk1NSMI8erVhCJ4nCn+cB9i6Q8N8guLTSzFERf1GmmMi4UHEcESRiSoikFYDbZpCi4BKLgFGGcfqA2kGuT0DVb9YyaB5m7d4F8NALmFHfPksKSyMF0t6igqpvnAGAIBBJiEoy2GLQnMAAqBVBpvDoEOqLOQpqGIZYcjY7ExtdIslUjSuwprnaMfFRI-WTrbSwRZsZoA+VHAAETysOeGRV42SWLbJNJ4lLRu3gjGjQ-dexWiPaMBqSNr2jhTRodYiMzhPsYjWe9V6JVgD2ZHO9D7YK-sPDWL9r6gPLpgz+02Oi8o+FDIWGSpBUCcEQJQggJgIDhGYPAYW-lOQYEhMkSCa4NxWko3AOUShbCThIXEZjvKyMACtUCpBqaJbNnZ+M9H47mrVYQoB+2od9TScBaC6W+vzbuFaqiXNjB6mtCKbx8GpXjH0Zx2DEJIYJ0tsB8YBAINEMAW8yZdwSngUcAApIg3BVBuhvNumw9h2gwCVewdzUyNCTjIfeAdNLh1TsaeOwsa6+7TtGjheluCuQLqscum9iFIPuaJO5zdS6T3aWk7JgRkGUNZkbBhrDOHkh4YI2EIjcASNlDIxRqj0FaM2wY3AJjLG2P8owFxnjzzyFGaE2qniImeKaG2vcNaCNrT3T4AKKbq03YBB+hjXS7Bg2zTgAARyxRM-1zZSxGNHGY1swn+OaHm1jT11pjBmBaDxAk1A5APf5ElLkF0Ho9nU4wR2kXRzXaekhJDsZ7iPGeF-Kyi1HZLZm7UOHEGeJBdGP6A7fERirYjbBbkeJVRJCRlwPgxRbA+2KAAJiFT7AQ-G0d-gLsQVYWOL447x5iNnjOSdk40JT6nKOeh09IP6ms-h7AHStNyOavrsX0-xbTv59OWUkcNMziXUuG0y6F0rkW8vMOy5rCwXsoupMs8YJLvgGuDv4sN1AXX6OoUrbF9js36v9v0+tfxRgdv3cO8YFgMyVRjfi5x67v1HurT+8zsoWFCuhfBDgOgR3Ju1cW7d3H8gievcx710L-smlNSq5D6nv1efyje9z+JU+cdUBB+d+b6XB3S8x2r+XguzBliQ0Ly74vmu2+WkhK3ruOqPPJ6Lw32XSbW+8OirX039fLfu8otFVvkLZ8p-H0LtW0CSDk6nzAC2YsoBr9gl6UKGmkqXpMHPUgrwLnAGKOZwC3H02984PvxgkzKKAg0CYVwNeNjGj7ACrCbFCuDCh+aLRT5L7gj7rkDH7d4b4Fyhyt5ExdzEDeZKDywZDwHz5p4FxASoH4jdxKrkD869AdB-TsCTiICTjk6qK1wQBDjaKdiC5NqCzkBEIWbPDTqzgCA9rwEgb45vAcEWYph-hdwubFDsiTBgCzirAv4TJsHCFwCcExC1SSG8E9o07qqt4+zlA-zYFd6CF4FAR6F+xZ7uqx4M7Xxm6byMA7yEhGE1gmGsATxmGwRkGaCdruygw2ElB2GEoTKSb2a7BVrwp1qIFARuF2F9pJSAp8QkDhoXwdxRo9wxqZh5Z4pjwTwzh6orq95RE2HuEWGxjjZaqoBygDrZ4HYVG-ioBtwkDkCHRd64F+q1EDqCFkFqa1o+oL5C5D60LciVGoCxEmRDF1ERZkTtGoDTig6dh3LwT-QRAXL2TTHwyejOExDTGCEzgxDjEDq+HfxkC7HAaoxyFGBLErCrHDEODxTFC5haDCi9iMAmynSdjxQhgQgwCCGWyx4WbTENFHHnajalFdHVo9H1p4HTGTijGdi0B6J4GZonZ7HDGujMH3jTG7C5BsxM72Dwn6JtHDGBajhygUBFayGUTvCnZ4gsK8YmSfBEDCGLoVF8QUyJqoBPqpYlDKEWb7E144QQTDFYk+A8zDa3g3ilKgmaoTZUhwDHYE5liWE55FziSli45Iw4Fs5bbtTxbsDnBPAwB4E8BylWz5DaFjZgnhG9GIlJrNQmmwmxghZDp2mlhDhkTGmlizEXbSn5qlpIzwlkw+CYwqajBKToCUHUEADM9Bs8tA6JqO4JXq1pjawA7BKhFmEMlY-pYQ6afBva0SY6xAmOeJCJ7IAApGWTzidqQnqOikWRZvQBuKQAAPr6itARJUmVg-DbDbA+kkQ5TZmLpckxDkDBBPpkwHi1ATkQA5YLHcnx4WZZkQgRDkwwp2Zxk5bVS1RWQlSjiShbl1Sck7lwC2SpAySCErqGRGa5pSl5qjCaC7q0AZCXQhk9CaCPDLmBkUyvnkHhkcBRkxlfLxkC6JkRF9FKHx6qFgAQyPnPkDZSF5mxFjqlknbEnakmSwX3SLqvS7kxCYWXSHjHmQbDmnE4TnFmSCiwT2TLBwV0kkRinhKUmGD4lDgna76WLkJcj4WpDYVNKxQkDLEwDcXEXHmNjcWEXWTEWZGnYCUuAwDEUi6FifBnFkUUVFmCU-5Pn3R0WpSGSMWRKzgoXGIaCRnAWdhcVaWXS8UA5bGuDeakDCVzFeSiWFjiWHlOUkRxoJqFhUz2UKWgZKUqUswlB2XyiaW0WDa4IMUSnel3kgVWmQkl6yWMBCWWWpAOnPqcgMlMlclpkWabBZD2Tgo4SIAKH07qVyXcXmm3nVGK6hXbSmZO6m4-C5ibaaalm0wQDmDUBQn1VVVmVdiKT4hlCfDHmZguWjhtx0DlCOrhX3SMLiEHiRmUqVI3hchDXlCjXWTjVvRTm96+XyhVU6F9lvklByhEDxQ-ndFJmJX7XnXxRiHb4zkcX3itxorjEXWwSTGNi1GfWMCPUSHwxyjflEizpFlNExSjjKVkWqW1kA0kArUCbHVxVOzULCFXWgXJm95dzCEZVdjZW4SGQslWSYyNiNnb7yUeV-oBWjgPGwC0ho39AaD7A+B7iqpXLI1aqsyk0emKmqaY23UHYQybAMEuk-IvXmXhii2qkJYkSxwA7TRjpkTc0kCzGLJb4SEYSzouTa1pIkVLkBmrkI1U1wlFlhi5j1nOhErIRpITxEhdk9kuRvH3i61uIkWOU5Z3Bm3ZR1lQiCR2RqxZKtmKD6Ruie2+Fez23dm9lDZXkgmjDjb80JWIEq0QCTjNka0kB42GUEm96p3p2Z0XC1BoWGQDnLlDmKWjifQgyzCbysJOriR6hXELVPXjne21kW1+1gCNnUAtltlh0uRzkxAG0rlBnG2znHmnnnmV0xCPDCg6XJQSkdnMWll50MEF2LVF084DW1ncWLo2UoDS0mke2D0TUxBTW+x7iSZKQ1x+BH4E2kAmyznSUxAVUpWckz1gDV2gzTV+z10+HowkCGiF0L0jZJSSkJ2WmepgVGn9I2wi0UwZ2b3Z0sVh5wNwAIOYxINPWoU71l3wkV000xDf2136H-1HjLHBAt2A0m1e2Tkd2W3d1NnB2ZA224JD1gAj1flrkT3WRT2kAXmFhz2gPingPL052wMDIYMMHYMSFsV4Och70uQH2p1i0n3kIcMX0zWOhdzkG30M0P1P2D0v2EDJWU2zmf0kO-12psKN2AMlogORX0USmc3uoC0p1H2ljcXZ2eiMm4S5U8kxAFVUWBHSwlVlVC6qMy39WuO+lOlwFUyxw0yMLgRuPJ19EFzxMJ6pAwkS2OmDrkDvWuBJNHwH3cZq0QoZA6AfB+pZPlOxVapZMaDpA6DPRpPQNY0HZZMtNVC5PoXByhYADiRMVQbpE6rAPTcAFTkK1T+RXTBTcAkzgWsT95DgcQqEhot+hoy17T6mMDfqEMKy6c2dWTaKRzV+B9Wzy1rmFpJ1qNAxLEqcIsMKuzEJiBwtBAacHez1-TpzUtXz6iStjYTz6cmMathk0+-CI404HNtzKNBaCz3JaEYRHTgt9OEME0JzCz71jkPVZTuLbEwJcLWqfSUj-oKLeznT7u6DI9PjVYg5W0n9o556DE055tjDPdfdIdbDnlZ9nD2Z3D49ELNUHD+5IrRFJtdU-Dgjo4wjTjsYDTrzN1iBpL8DhVdLSjoyfLblErByn90NqwqlhMhVc1l0C9irSdqLKr6DmDJAYtdLtrEAYtjS8tI4itDK7pNrDB8MhdWtupOt-retn9XDRtkhVibLPtndjBVtDUPLuCdttQDtMdUVOWrtOi7taVkGEbDDXddAZ5pAgd9ALDodztJECbGgSbTtcdsLNVMpZolEjJVoGN6TRphSF0gG2dTiwoRTDbgGmYLAOYjYag9bFoEueOM45bahcwIORmuwQQGA1qcpqA7Au+N4wScAPbo7X1dYx2hYw75ojbrOSMiNOauhB7gG6p9kLRWpa7up+pKVVBhmFrqzqA64ujTAIovMFLbzGTDzcA3Ib7RAdLAHSMRAKYYBvMjS3kkkfkAUkrJj5sF8z5C47KgHGEj+5CMQ5W2GuG+GhGJmDWTWRAlGSkUENGsEyQe0TwkyXW5Ox4rGRCdHTGfWz+tDo42HlW1W+HxGTwjW5GxHLW5HjAlHFRH+nAtH9HzGTH5OLH8FLkWH0CFWuHNWdWhH-HJHq4rWFHVHYnEnDHTHkZsnIjRmz7p1b4XVzbVrv7Sa5nOgWLoWtnu6f+ms4BFm7gOgXpKz8VVnJhFAOguYIQfTa19L5dJFYolEhImsC4rxXnqNnAfsmBCNSrbVSUWmGQKK5AumX1x4JCpCwXuwCXpYXdC7hXEhtgKoJxYmCwM4q7xLMp2EVDfACwcQoK11MD00eTqNtZDXeYLOSYWqt0jYKotgTX8QTGgUmgS6A7u7o4agw3o3cQtgO7LLqzoZeQlEi0A3l2+CjqBgkBdzmgv4mQkmzwtW743AWqbXVLWu20GVagA3JQ20wpOJxuqD+120sIMQxtoKD3FlcFxEk3S6ldeVWs8o1oOEt8YPz3opfUgPjEJjGQVFdFgPl2eCKOpSKgYAJIAqQAA" allowfullscreen="" frameborder="0" scrolling="yes" height="670"></iframe>
 </div>
 <div class="home"></div>
 <div class="bottom-bar"></div>
 </div>
 
-## Progressive Web App (PWA)
-
-### Configuration
-
-`{shinyMobile}` is PWA capable, meaning that it can be displayed full
-screen on many mobile devices. This feature is automatically handled by
-`f7Page()` if `allowPWA` is `TRUE` (it leverages the Google PWA
-compatibility [script](https://github.com/GoogleChromeLabs/pwacompat)).
-
-To setup the necessary assets for your PWA, you may run:
-
-``` r
-remotes::install_github("RinteRface/charpente")
-library(charpente)
-set_pwa(APP_PATH, ...)
-```
-
-where `APP_PATH` is the app location. It only works if the app is inside
-a package like with {golem}. Alternatively, you may copy the `www`
-folder of the gallery
-[app](https://github.com/RinteRface/shinyMobile/tree/master/inst/examples/gallery/www),
-which provides:
-
-  - A valid service worker.
-  - A valid `offline.html` fallback.
-  - A valid web manifest. Don’t forget to change the `start_url`
-    property to the path of your app. For instance, the following app
-    hosted at
-    <https://dgranjon.shinyapps.io/rstudio-global-2021-calendar/>, has
-    the `/rstudio-global-2021-calendar/` path.
-  - A valid set of icons. There are tools such as
-    [appsco](https://appsco.pe/developer/splash-screens) and
-    [app-manifest](https://app-manifest.firebaseapp.com), to create
-    those custom icons and splash screens, if you need to.
-
-It is really easier with `{charpente}`, the reason why we strongly
-recommend to develop your app inside a package.
-
-### Add the PWA to your desktop Apps
-
-Copy the url of your app in your mobile web browser (iOS: Safari and
-Andoid: Chrome). In this example this is:
-<https://dgranjon.shinyapps.io/miniUI2Demo/>. It opens like a classic
-web app, with top and bottom ugly navigation bars.
-
-  - Select the share button located in the bottom bar of your
-    Iphone/Ipad. For Android, you may do something similar. Importantly,
-    Chrome for iOS does not support this feature, that’s why I recommend
-    using Safari.
-  - Click on “Add to Home Screen”
-  - Choose a relevant name and click on OK.
-  - The app will be added to your IOS/Android Apps. In case you want
-    custom icons, replace the content of the www folder with your own.
-
-<div class="row">
-
-<div class="card">
-
-<a href="#" target="_blank"><img src="man/figures/f7PWA.png"></a>
-
-</div>
-
-</div>
-
-### Limitations
-
-It is actually quite complex to guarantee that all mobile platforms are
-supported. The PWA compatibility script will work in most of the case.
-If not, please open an issue
-[here](https://github.com/GoogleChromeLabs/pwacompat/issues), to help
-improving it\!
-
 ## Acknowledgement
 
 A special thanks to [Vladimir
diff --git a/inst/examples/split_layout/app.R b/inst/examples/split_layout/app.R
index 65615a2c..576f6eeb 100644
--- a/inst/examples/split_layout/app.R
+++ b/inst/examples/split_layout/app.R
@@ -34,15 +34,16 @@ shinyApp(
       iosTranslucentBars = FALSE,
       navbar = list(
         iosCenterTitle = TRUE,
-        hideNavOnPageScroll = TRUE
+        hideOnPageScroll = TRUE
       ),
       toolbar = list(
-        hideNavOnPageScroll = FALSE
+        hideOnPageScroll = FALSE
       ),
       pullToRefresh = FALSE
     ),
     f7SplitLayout(
       sidebar = f7Panel(
+        id = "sidebar",
         title = "Sidebar",
         side = "left",
         theme = "dark",
@@ -51,7 +52,8 @@ shinyApp(
           f7PanelItem(
             tabName = "tab1",
             title = "Tab 1",
-            icon = f7Icon("equal_circle")
+            icon = f7Icon("equal_circle"),
+            active = TRUE
           ),
           f7PanelItem(
             tabName = "tab2",
@@ -64,8 +66,7 @@ shinyApp(
             icon = f7Icon("equal_circle")
           )
         ),
-        uiOutput("selected_tab"),
-        effect = "reveal"
+        uiOutput("selected_tab")
       ),
       navbar = f7Navbar(
         title = "Split Layout",
diff --git a/inst/examples/standalone_tabs/app.R b/inst/examples/standalone_tabs/app.R
index f817227e..ef089930 100644
--- a/inst/examples/standalone_tabs/app.R
+++ b/inst/examples/standalone_tabs/app.R
@@ -17,10 +17,10 @@ shinyApp(
       iosTranslucentBars = FALSE,
       navbar = list(
         iosCenterTitle = TRUE,
-        hideNavOnPageScroll = TRUE
+        hideOnPageScroll = TRUE
       ),
       toolbar = list(
-        hideNavOnPageScroll = FALSE
+        hideOnPageScroll = FALSE
       ),
       pullToRefresh = TRUE
     ),
@@ -36,6 +36,7 @@ shinyApp(
         id = "tabs",
         style = "strong", animated = FALSE, swipeable = TRUE,
         f7Tab(
+          title = "Tab 1",
           tabName = "Tab1",
           icon = f7Icon("folder"),
           active = TRUE,
@@ -57,6 +58,7 @@ shinyApp(
           )
         ),
         f7Tab(
+          title = "Tab 2",
           tabName = "Tab2",
           icon = f7Icon("today"),
           active = FALSE,
@@ -80,6 +82,7 @@ shinyApp(
           )
         ),
         f7Tab(
+          title = "Tab 3",
           tabName = "Tab3",
           icon = f7Icon("cloud_upload"),
           active = FALSE,
diff --git a/inst/examples/tab_layout/app.R b/inst/examples/tab_layout/app.R
index fa01f156..8196a5c4 100644
--- a/inst/examples/tab_layout/app.R
+++ b/inst/examples/tab_layout/app.R
@@ -27,6 +27,7 @@ shinyApp(
         animated = TRUE,
         #swipeable = TRUE,
         f7Tab(
+          title = "Tab 1",
           tabName = "Tab1",
           icon = f7Icon("folder"),
           active = TRUE,
@@ -91,6 +92,7 @@ shinyApp(
           )
         ),
         f7Tab(
+          title = "Tab 2",
           tabName = "Tab2",
           icon = f7Icon("keyboard"),
           f7Shadow(
@@ -103,6 +105,7 @@ shinyApp(
           )
         ),
         f7Tab(
+          title = "Tab 3",
           tabName = "Tab3",
           icon = f7Icon("layers_alt"),
           f7Shadow(
diff --git a/man/figures/f7PWA.png b/vignettes/figures/f7PWA.png
similarity index 100%
rename from man/figures/f7PWA.png
rename to vignettes/figures/f7PWA.png
diff --git a/vignettes/pwa.Rmd b/vignettes/pwa.Rmd
new file mode 100644
index 00000000..97443b61
--- /dev/null
+++ b/vignettes/pwa.Rmd
@@ -0,0 +1,68 @@
+---
+title: "Progressive web app support"
+output: rmarkdown::html_vignette
+vignette: >
+  %\VignetteIndexEntry{Progressive web app support}
+  %\VignetteEngine{knitr::rmarkdown}
+  %\VignetteEncoding{UTF-8}
+---
+
+```{r, include = FALSE}
+knitr::opts_chunk$set(
+  collapse = TRUE,
+  comment = "#>"
+)
+```
+
+```{r setup, message=FALSE, echo=FALSE}
+library(shinyMobile)
+```
+
+## Progressive Web App (PWA)
+
+### Configuration
+
+`{shinyMobile}` is PWA capable, meaning that it can be displayed full screen on many mobile
+devices. This feature is automatically handled by `f7Page()` if `allowPWA` is `TRUE` (it leverages the Google PWA compatibility
+[script](https://github.com/GoogleChromeLabs/pwacompat)). 
+
+To setup the necessary assets for your PWA, you may run:
+
+```r
+remotes::install_github("RinteRface/charpente")
+library(charpente)
+set_pwa(APP_PATH, ...)
+```
+
+where `APP_PATH` is the app location. It only works if the app is inside a package like with
+{golem}. Alternatively, you may copy the `www` folder of the gallery [app](https://github.com/RinteRface/shinyMobile/tree/master/inst/examples/gallery/www), which provides:
+
+- A valid service worker.
+- A valid `offline.html` fallback.
+- A valid web manifest. Don't forget to change the `start_url` property to the path of your app.
+For instance, the following app hosted at https://dgranjon.shinyapps.io/rstudio-global-2021-calendar/, has the `/rstudio-global-2021-calendar/` path.
+- A valid set of icons. There are tools such as [appsco](https://appsco.pe/developer/splash-screens) and [app-manifest](https://app-manifest.firebaseapp.com), to create 
+those custom icons and splash screens, if you need to.
+
+It is really easier with `{charpente}`, the reason why we strongly recommend to develop your app
+inside a package.
+
+### Add the PWA to your desktop Apps
+
+Copy the url of your app in your mobile web browser (iOS: Safari and Andoid: Chrome). In this example this is: https://dgranjon.shinyapps.io/miniUI2Demo/. It opens like a classic web app, with top and bottom ugly navigation bars.
+
+- Select the share button located in the bottom bar of your Iphone/Ipad. For Android,
+you may do something similar. Importantly, Chrome for iOS does not support this feature, that's why I recommend using Safari.
+- Click on "Add to Home Screen"
+- Choose a relevant name and click on OK. 
+- The app will be added to your IOS/Android Apps. In case you want custom icons, replace the content of the www folder with your own.
+
+<div class="row">
+<div class="card">
+<a href="#" target="_blank"><img src="figures/f7PWA.png"></a>
+</div>
+</div>
+
+### Limitations
+It is actually quite complex to guarantee that all mobile platforms are supported.
+The PWA compatibility script will work in most of the case. If not, please open an issue [here](https://github.com/GoogleChromeLabs/pwacompat/issues), to help improving it!
diff --git a/vignettes/shinyMobile.Rmd b/vignettes/shinyMobile.Rmd
index 8609aae0..347ddfd1 100644
--- a/vignettes/shinyMobile.Rmd
+++ b/vignettes/shinyMobile.Rmd
@@ -196,10 +196,10 @@ f7Page(
     iosTranslucentBars = FALSE,
     navbar = list(
       iosCenterTitle = TRUE,
-      hideNavOnPageScroll = TRUE
+      hideOnPageScroll = TRUE
     ),
     toolbar = list(
-      hideNavOnPageScroll = FALSE
+      hideOnPageScroll = FALSE
     ),
     pullToRefresh = FALSE
   ),
@@ -318,10 +318,10 @@ options = list(
     iosTranslucentBars = FALSE,
     navbar = list(
       iosCenterTitle = TRUE,
-      hideNavOnPageScroll = TRUE
+      hideOnPageScroll = TRUE
     ),
     toolbar = list(
-      hideNavOnPageScroll = FALSE
+      hideOnPageScroll = FALSE
     ),
     pullToRefresh = FALSE
   )

From 1104ec3f8e7c4f3885df746681da1ad70b787c82 Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Sun, 21 Jan 2024 22:23:30 +0100
Subject: [PATCH 12/19] add atropos support + book link

---
 _pkgdown.yml                            |  3 +++
 docs/404.html                           |  2 +-
 docs/CODE_OF_CONDUCT.html               |  2 +-
 docs/articles/Gadgets.html              |  2 +-
 docs/articles/Single-Layout.html        |  2 +-
 docs/articles/Split-Layout.html         |  2 +-
 docs/articles/Tabs-Layout.html          |  2 +-
 docs/articles/index.html                |  2 +-
 docs/articles/shinyMobile.html          |  2 +-
 docs/articles/shinyMobile_tools.html    |  2 +-
 docs/authors.html                       |  2 +-
 docs/index.html                         |  2 +-
 docs/news/index.html                    |  2 +-
 docs/pkgdown.yml                        |  2 +-
 docs/reference/authentication.html      |  2 +-
 docs/reference/class2f7.html            |  2 +-
 docs/reference/createSelectOptions.html |  2 +-
 docs/reference/create_app_ui.html       |  2 +-
 docs/reference/f7Align.html             |  2 +-
 docs/reference/f7Badge.html             |  2 +-
 docs/reference/f7BlockFooter.html       |  2 +-
 docs/reference/f7BlockTitle.html        |  2 +-
 docs/reference/f7Chip.html              |  2 +-
 docs/reference/f7Col.html               |  2 +-
 docs/reference/f7ColorPicker.html       |  2 +-
 docs/reference/f7Dialog.html            |  2 +-
 docs/reference/f7DownloadButton.html    |  2 +-
 docs/reference/f7FabClose.html          |  2 +-
 docs/reference/f7File.html              |  2 +-
 docs/reference/f7Flex.html              |  2 +-
 docs/reference/f7Float.html             |  2 +-
 docs/reference/f7Found.html             |  2 +-
 docs/reference/f7Gallery.html           |  2 +-
 docs/reference/f7HideOnEnable.html      |  2 +-
 docs/reference/f7HideOnSearch.html      |  2 +-
 docs/reference/f7Icon.html              |  2 +-
 docs/reference/f7Item.html              |  2 +-
 docs/reference/f7Items.html             |  2 +-
 docs/reference/f7Link.html              |  2 +-
 docs/reference/f7List.html              |  2 +-
 docs/reference/f7ListGroup.html         |  2 +-
 docs/reference/f7ListIndex.html         |  2 +-
 docs/reference/f7ListItem.html          |  2 +-
 docs/reference/f7Margin.html            |  2 +-
 docs/reference/f7NotFound.html          |  2 +-
 docs/reference/f7Notif.html             |  2 +-
 docs/reference/f7Padding.html           |  2 +-
 docs/reference/f7Page.html              |  2 +-
 docs/reference/f7Password.html          |  2 +-
 docs/reference/f7PhotoBrowser.html      |  2 +-
 docs/reference/f7Popup.html             |  2 +-
 docs/reference/f7Row.html               |  2 +-
 docs/reference/f7SearchIgnore.html      |  2 +-
 docs/reference/f7Searchbar.html         |  2 +-
 docs/reference/f7SearchbarTrigger.html  |  2 +-
 docs/reference/f7Segment.html           |  2 +-
 docs/reference/f7Shadow.html            |  2 +-
 docs/reference/f7SingleLayout.html      |  2 +-
 docs/reference/f7Skeleton.html          |  2 +-
 docs/reference/f7Slide.html             |  2 +-
 docs/reference/f7SplitLayout.html       |  2 +-
 docs/reference/f7SubNavbar.html         |  2 +-
 docs/reference/f7Tab.html               |  2 +-
 docs/reference/f7TabLayout.html         |  2 +-
 docs/reference/f7TabLink.html           |  2 +-
 docs/reference/f7Table.html             |  2 +-
 docs/reference/f7Tabs.html              |  2 +-
 docs/reference/f7TapHold.html           |  2 +-
 docs/reference/f7Toast.html             |  2 +-
 docs/reference/f7Toolbar.html           |  2 +-
 docs/reference/getF7Colors.html         |  2 +-
 docs/reference/index.html               |  2 +-
 docs/reference/pipe.html                |  2 +-
 docs/reference/preloader.html           |  2 +-
 docs/reference/preview_mobile.html      |  2 +-
 docs/reference/sheet.html               |  2 +-
 docs/reference/updateF7Tabs.html        |  2 +-
 docs/reference/updateF7VirtualList.html |  2 +-
 vignettes/pwa.Rmd                       | 24 ++++++++++++++++++++++++
 79 files changed, 104 insertions(+), 77 deletions(-)

diff --git a/_pkgdown.yml b/_pkgdown.yml
index 32d14c1d..a479e689 100644
--- a/_pkgdown.yml
+++ b/_pkgdown.yml
@@ -288,6 +288,9 @@ template:
   bslib:
     info: "#E6F2FD"
     pkgdown-nav-height: 100px
+  includes:
+    in_header: >
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css">
 
 navbar:
   bg: info
diff --git a/docs/404.html b/docs/404.html
index 73551517..cad4536e 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -22,7 +22,7 @@
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css">
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/CODE_OF_CONDUCT.html b/docs/CODE_OF_CONDUCT.html
index 975c55b1..ee7fbf17 100644
--- a/docs/CODE_OF_CONDUCT.html
+++ b/docs/CODE_OF_CONDUCT.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Contributor Covenant Code of Conduct • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png"><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><script src="extra.js"></script><meta property="og:title" content="Contributor Covenant Code of Conduct"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/articles/Gadgets.html b/docs/articles/Gadgets.html
index 87a86a2e..452bc1ab 100644
--- a/docs/articles/Gadgets.html
+++ b/docs/articles/Gadgets.html
@@ -24,7 +24,7 @@
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css">
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/articles/Single-Layout.html b/docs/articles/Single-Layout.html
index d495b292..2dbc490b 100644
--- a/docs/articles/Single-Layout.html
+++ b/docs/articles/Single-Layout.html
@@ -24,7 +24,7 @@
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css">
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/articles/Split-Layout.html b/docs/articles/Split-Layout.html
index 5804e403..82c101fb 100644
--- a/docs/articles/Split-Layout.html
+++ b/docs/articles/Split-Layout.html
@@ -24,7 +24,7 @@
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css">
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/articles/Tabs-Layout.html b/docs/articles/Tabs-Layout.html
index 35ebbf8a..d529abe5 100644
--- a/docs/articles/Tabs-Layout.html
+++ b/docs/articles/Tabs-Layout.html
@@ -24,7 +24,7 @@
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css">
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/articles/index.html b/docs/articles/index.html
index 0e1b63b3..ca361ceb 100644
--- a/docs/articles/index.html
+++ b/docs/articles/index.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Articles • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Articles"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/articles/shinyMobile.html b/docs/articles/shinyMobile.html
index 4c150443..bd5ecfe2 100644
--- a/docs/articles/shinyMobile.html
+++ b/docs/articles/shinyMobile.html
@@ -24,7 +24,7 @@
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css">
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/articles/shinyMobile_tools.html b/docs/articles/shinyMobile_tools.html
index 7dda6218..b6fa00d2 100644
--- a/docs/articles/shinyMobile_tools.html
+++ b/docs/articles/shinyMobile_tools.html
@@ -24,7 +24,7 @@
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css">
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/authors.html b/docs/authors.html
index 1c71b175..fe7ec805 100644
--- a/docs/authors.html
+++ b/docs/authors.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Authors and Citation • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="apple-touch-icon-60x60.png"><script src="deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="pkgdown.js"></script><link href="extra.css" rel="stylesheet"><script src="extra.js"></script><meta property="og:title" content="Authors and Citation"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/index.html b/docs/index.html
index 08f557fb..b3211f50 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -36,7 +36,7 @@
 <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]-->
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css">
 </head>
 <body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
diff --git a/docs/news/index.html b/docs/news/index.html
index 9b2bc772..70e75daa 100644
--- a/docs/news/index.html
+++ b/docs/news/index.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Changelog • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Changelog"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/pkgdown.yml b/docs/pkgdown.yml
index 236c34f8..ca4ac418 100644
--- a/docs/pkgdown.yml
+++ b/docs/pkgdown.yml
@@ -9,5 +9,5 @@ articles:
   pwa: pwa.html
   shinyMobile: shinyMobile.html
   shinyMobile_tools: shinyMobile_tools.html
-last_built: 2024-01-21T20:50Z
+last_built: 2024-01-21T21:21Z
 
diff --git a/docs/reference/authentication.html b/docs/reference/authentication.html
index 604d0e1a..591b3e99 100644
--- a/docs/reference/authentication.html
+++ b/docs/reference/authentication.html
@@ -8,7 +8,7 @@
 updateF7Login toggles a login page."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/class2f7.html b/docs/reference/class2f7.html
index ec6c7e3e..1edd48e9 100644
--- a/docs/reference/class2f7.html
+++ b/docs/reference/class2f7.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Get CSS class based on cell class"><title>Get CSS class based on cell class — class2f7 • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Get CSS class based on cell class — class2f7"><meta property="og:description" content="Get CSS class based on cell class"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/createSelectOptions.html b/docs/reference/createSelectOptions.html
index 91ad8a23..cd553509 100644
--- a/docs/reference/createSelectOptions.html
+++ b/docs/reference/createSelectOptions.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Used by f7SmartSelect and f7Select"><title>Create option html tag based on choice input — createSelectOptions • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create option html tag based on choice input — createSelectOptions"><meta property="og:description" content="Used by f7SmartSelect and f7Select"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/create_app_ui.html b/docs/reference/create_app_ui.html
index 3a526362..722ebf2e 100644
--- a/docs/reference/create_app_ui.html
+++ b/docs/reference/create_app_ui.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create the app UI"><title>Create the app UI — create_app_ui • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create the app UI — create_app_ui"><meta property="og:description" content="Create the app UI"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Align.html b/docs/reference/f7Align.html
index 62cfd8a0..7adf0af9 100644
--- a/docs/reference/f7Align.html
+++ b/docs/reference/f7Align.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Align is an alignment utility for items."><title>Framework7 align utility — f7Align • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 align utility — f7Align"><meta property="og:description" content="f7Align is an alignment utility for items."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Badge.html b/docs/reference/f7Badge.html
index 8d4f40dc..2ad03192 100644
--- a/docs/reference/f7Badge.html
+++ b/docs/reference/f7Badge.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Container to highlight important information with color."><title>Framework7 badge — f7Badge • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 badge — f7Badge"><meta property="og:description" content="Container to highlight important information with color."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7BlockFooter.html b/docs/reference/f7BlockFooter.html
index cfca7b94..c2bb9804 100644
--- a/docs/reference/f7BlockFooter.html
+++ b/docs/reference/f7BlockFooter.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7BlockFooter creates a footer content for f7Block."><title>Framework7 block footer — f7BlockFooter • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 block footer — f7BlockFooter"><meta property="og:description" content="f7BlockFooter creates a footer content for f7Block."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7BlockTitle.html b/docs/reference/f7BlockTitle.html
index 92fef946..d37ef919 100644
--- a/docs/reference/f7BlockTitle.html
+++ b/docs/reference/f7BlockTitle.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7BlockTitle creates a title for f7Block."><title>Framework7 block title — f7BlockTitle • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 block title — f7BlockTitle"><meta property="og:description" content="f7BlockTitle creates a title for f7Block."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Chip.html b/docs/reference/f7Chip.html
index 047330b6..e983f0ae 100644
--- a/docs/reference/f7Chip.html
+++ b/docs/reference/f7Chip.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Chip is an improved badge container."><title>Framework7 chips — f7Chip • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 chips — f7Chip"><meta property="og:description" content="f7Chip is an improved badge container."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Col.html b/docs/reference/f7Col.html
index fb243f0a..76ceda75 100644
--- a/docs/reference/f7Col.html
+++ b/docs/reference/f7Col.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 column container"><title>Framework7 column container — f7Col • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 column container — f7Col"><meta property="og:description" content="Build a Framework7 column container"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7ColorPicker.html b/docs/reference/f7ColorPicker.html
index d3aa2136..8d63146d 100644
--- a/docs/reference/f7ColorPicker.html
+++ b/docs/reference/f7ColorPicker.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a Framework7 color picker input"><title>Create a Framework7 color picker input — f7ColorPicker • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Framework7 color picker input — f7ColorPicker"><meta property="og:description" content="Create a Framework7 color picker input"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Dialog.html b/docs/reference/f7Dialog.html
index 64104d07..fafc7bdc 100644
--- a/docs/reference/f7Dialog.html
+++ b/docs/reference/f7Dialog.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Dialog generates a modal window."><title>Framework7 dialog window — f7Dialog • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 dialog window — f7Dialog"><meta property="og:description" content="f7Dialog generates a modal window."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7DownloadButton.html b/docs/reference/f7DownloadButton.html
index c668fa77..3c1d373f 100644
--- a/docs/reference/f7DownloadButton.html
+++ b/docs/reference/f7DownloadButton.html
@@ -8,7 +8,7 @@
 shiny downloadHandler() defined in the server function."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7FabClose.html b/docs/reference/f7FabClose.html
index 326701bc..06d05e36 100644
--- a/docs/reference/f7FabClose.html
+++ b/docs/reference/f7FabClose.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7FabClose indicates that the current tag should close the f7Fabs."><title>Framework7 FAB close — f7FabClose • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 FAB close — f7FabClose"><meta property="og:description" content="f7FabClose indicates that the current tag should close the f7Fabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7File.html b/docs/reference/f7File.html
index ce42fddd..19a4a1c8 100644
--- a/docs/reference/f7File.html
+++ b/docs/reference/f7File.html
@@ -4,7 +4,7 @@
 to upload one or more files."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Flex.html b/docs/reference/f7Flex.html
index 92ceadbc..586459a7 100644
--- a/docs/reference/f7Flex.html
+++ b/docs/reference/f7Flex.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 flex container"><title>Framework7 flex container — f7Flex • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 flex container — f7Flex"><meta property="og:description" content="Build a Framework7 flex container"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Float.html b/docs/reference/f7Float.html
index 39901f45..9c0acaf7 100644
--- a/docs/reference/f7Float.html
+++ b/docs/reference/f7Float.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Float is an alignment utility for items."><title>Framework7 float utility — f7Float • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 float utility — f7Float"><meta property="og:description" content="f7Float is an alignment utility for items."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Found.html b/docs/reference/f7Found.html
index f31e189a..126c70da 100644
--- a/docs/reference/f7Found.html
+++ b/docs/reference/f7Found.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to display an item when the search is successful. — f7Found • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Utility to display an item when the search is successful. — f7Found"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Gallery.html b/docs/reference/f7Gallery.html
index d98d2c04..cef007cf 100644
--- a/docs/reference/f7Gallery.html
+++ b/docs/reference/f7Gallery.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A gallery of all components available in shinyMobile."><title>Launch the shinyMobile Gallery — f7Gallery • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Launch the shinyMobile Gallery — f7Gallery"><meta property="og:description" content="A gallery of all components available in shinyMobile."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7HideOnEnable.html b/docs/reference/f7HideOnEnable.html
index fc12c197..c6d74757 100644
--- a/docs/reference/f7HideOnEnable.html
+++ b/docs/reference/f7HideOnEnable.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to hide a given tag when f7Searchbar is enabled. — f7HideOnEnable • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Utility to hide a given tag when f7Searchbar is enabled. — f7HideOnEnable"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7HideOnSearch.html b/docs/reference/f7HideOnSearch.html
index 78f8c12c..775b01a6 100644
--- a/docs/reference/f7HideOnSearch.html
+++ b/docs/reference/f7HideOnSearch.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to hide a given tag on search — f7HideOnSearch • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Utility to hide a given tag on search — f7HideOnSearch"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Icon.html b/docs/reference/f7Icon.html
index 07a9bc08..4160a6a6 100644
--- a/docs/reference/f7Icon.html
+++ b/docs/reference/f7Icon.html
@@ -4,7 +4,7 @@
  see complete list of icons here : https://framework7.io/icons/."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Item.html b/docs/reference/f7Item.html
index 49ddcfd0..d30d338e 100644
--- a/docs/reference/f7Item.html
+++ b/docs/reference/f7Item.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Similar to  f7Tab but for the f7SplitLayout."><title>Framework7 body item — f7Item • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 body item — f7Item"><meta property="og:description" content="Similar to  f7Tab but for the f7SplitLayout."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Items.html b/docs/reference/f7Items.html
index 821a983d..2eee58c7 100644
--- a/docs/reference/f7Items.html
+++ b/docs/reference/f7Items.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 wrapper for f7Item"><title>Framework7 item container — f7Items • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 item container — f7Items"><meta property="og:description" content="Build a Framework7 wrapper for f7Item"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Link.html b/docs/reference/f7Link.html
index 7766fb93..e5df524c 100644
--- a/docs/reference/f7Link.html
+++ b/docs/reference/f7Link.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Link to point toward external content."><title>Framework7 link — f7Link • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 link — f7Link"><meta property="og:description" content="Link to point toward external content."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7List.html b/docs/reference/f7List.html
index 7570132a..228eb251 100644
--- a/docs/reference/f7List.html
+++ b/docs/reference/f7List.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a framework 7 contact list"><title>Create a framework 7 contact list — f7List • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a framework 7 contact list — f7List"><meta property="og:description" content="Create a framework 7 contact list"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7ListGroup.html b/docs/reference/f7ListGroup.html
index ff6912ed..15d40ab3 100644
--- a/docs/reference/f7ListGroup.html
+++ b/docs/reference/f7ListGroup.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a framework 7 group of contacts"><title>Create a framework 7 group of contacts — f7ListGroup • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a framework 7 group of contacts — f7ListGroup"><meta property="og:description" content="Create a framework 7 group of contacts"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7ListIndex.html b/docs/reference/f7ListIndex.html
index 32126d15..efcd7858 100644
--- a/docs/reference/f7ListIndex.html
+++ b/docs/reference/f7ListIndex.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="List index must be attached to an existing list view."><title>Create a Framework 7 list index — f7ListIndex • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Framework 7 list index — f7ListIndex"><meta property="og:description" content="List index must be attached to an existing list view."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7ListItem.html b/docs/reference/f7ListItem.html
index f8f283c7..9c4d1d7c 100644
--- a/docs/reference/f7ListItem.html
+++ b/docs/reference/f7ListItem.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create a Framework 7 contact item"><title>Create a Framework 7 contact item — f7ListItem • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Framework 7 contact item — f7ListItem"><meta property="og:description" content="Create a Framework 7 contact item"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Margin.html b/docs/reference/f7Margin.html
index 44047f68..aa2e275c 100644
--- a/docs/reference/f7Margin.html
+++ b/docs/reference/f7Margin.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Margin adds a margin to the given tag."><title>Framework7 margin utility — f7Margin • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 margin utility — f7Margin"><meta property="og:description" content="f7Margin adds a margin to the given tag."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7NotFound.html b/docs/reference/f7NotFound.html
index 1f60a2c6..4d60f36a 100644
--- a/docs/reference/f7NotFound.html
+++ b/docs/reference/f7NotFound.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to display an item when the search is unsuccessful. — f7NotFound • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Utility to display an item when the search is unsuccessful. — f7NotFound"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Notif.html b/docs/reference/f7Notif.html
index 912523db..5b6d8753 100644
--- a/docs/reference/f7Notif.html
+++ b/docs/reference/f7Notif.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Notification with title, text, icon and more."><title>Framework7 notification — f7Notif • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 notification — f7Notif"><meta property="og:description" content="Notification with title, text, icon and more."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Padding.html b/docs/reference/f7Padding.html
index 931411a4..e1404613 100644
--- a/docs/reference/f7Padding.html
+++ b/docs/reference/f7Padding.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Padding adds padding to the given tag."><title>Framework7 padding utility — f7Padding • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 padding utility — f7Padding"><meta property="og:description" content="f7Padding adds padding to the given tag."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Page.html b/docs/reference/f7Page.html
index e745af7f..09fb1a75 100644
--- a/docs/reference/f7Page.html
+++ b/docs/reference/f7Page.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Page is the main app container."><title>Framework7 page container — f7Page • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 page container — f7Page"><meta property="og:description" content="f7Page is the main app container."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Password.html b/docs/reference/f7Password.html
index 9f252d6e..9c68dee7 100644
--- a/docs/reference/f7Password.html
+++ b/docs/reference/f7Password.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Create an f7 password input"><title>Create an f7 password input — f7Password • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create an f7 password input — f7Password"><meta property="og:description" content="Create an f7 password input"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7PhotoBrowser.html b/docs/reference/f7PhotoBrowser.html
index fff97b50..1979a117 100644
--- a/docs/reference/f7PhotoBrowser.html
+++ b/docs/reference/f7PhotoBrowser.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A nice photo browser."><title>Framework7 photo browser — f7PhotoBrowser • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 photo browser — f7PhotoBrowser"><meta property="og:description" content="A nice photo browser."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Popup.html b/docs/reference/f7Popup.html
index f787bc98..a7c73438 100644
--- a/docs/reference/f7Popup.html
+++ b/docs/reference/f7Popup.html
@@ -4,7 +4,7 @@
 Popup as all other overlays is part of so called &quot;Temporary Views&quot;."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Row.html b/docs/reference/f7Row.html
index dbd4ab40..0d883dea 100644
--- a/docs/reference/f7Row.html
+++ b/docs/reference/f7Row.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 row container"><title>Framework7 row container — f7Row • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 row container — f7Row"><meta property="og:description" content="Build a Framework7 row container"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7SearchIgnore.html b/docs/reference/f7SearchIgnore.html
index 0a2888c5..4c8d5ac0 100644
--- a/docs/reference/f7SearchIgnore.html
+++ b/docs/reference/f7SearchIgnore.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use with f7Searchbar."><title>Utility to ignore an item from search. — f7SearchIgnore • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Utility to ignore an item from search. — f7SearchIgnore"><meta property="og:description" content="Use with f7Searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Searchbar.html b/docs/reference/f7Searchbar.html
index 450c5b93..436753ce 100644
--- a/docs/reference/f7Searchbar.html
+++ b/docs/reference/f7Searchbar.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Searchbar to filter elements in a page."><title>Framework 7 searchbar — f7Searchbar • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework 7 searchbar — f7Searchbar"><meta property="og:description" content="Searchbar to filter elements in a page."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7SearchbarTrigger.html b/docs/reference/f7SearchbarTrigger.html
index 612129c6..3c240ced 100644
--- a/docs/reference/f7SearchbarTrigger.html
+++ b/docs/reference/f7SearchbarTrigger.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Element that triggers the searchbar."><title>Framework 7 searchbar trigger — f7SearchbarTrigger • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework 7 searchbar trigger — f7SearchbarTrigger"><meta property="og:description" content="Element that triggers the searchbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Segment.html b/docs/reference/f7Segment.html
index fa09c3e4..89b87c7b 100644
--- a/docs/reference/f7Segment.html
+++ b/docs/reference/f7Segment.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A Framework7 segmented button container for f7Button."><title>Framework7 segmented button container — f7Segment • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 segmented button container — f7Segment"><meta property="og:description" content="A Framework7 segmented button container for f7Button."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Shadow.html b/docs/reference/f7Shadow.html
index 8ad2628e..8c6d9d93 100644
--- a/docs/reference/f7Shadow.html
+++ b/docs/reference/f7Shadow.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Creates a shadow effect to apply on UI elements like f7Card."><title>Framework7 shadow effect — f7Shadow • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 shadow effect — f7Shadow"><meta property="og:description" content="Creates a shadow effect to apply on UI elements like f7Card."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7SingleLayout.html b/docs/reference/f7SingleLayout.html
index ad48beac..5d37c5d9 100644
--- a/docs/reference/f7SingleLayout.html
+++ b/docs/reference/f7SingleLayout.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7SingleLayout provides a simple page layout."><title>Framework7 single layout — f7SingleLayout • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 single layout — f7SingleLayout"><meta property="og:description" content="f7SingleLayout provides a simple page layout."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Skeleton.html b/docs/reference/f7Skeleton.html
index 45b3ca3b..edbf4e12 100644
--- a/docs/reference/f7Skeleton.html
+++ b/docs/reference/f7Skeleton.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Nice loading overlay for UI elements."><title>Framework 7 skeleton effect — f7Skeleton • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework 7 skeleton effect — f7Skeleton"><meta property="og:description" content="Nice loading overlay for UI elements."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Slide.html b/docs/reference/f7Slide.html
index b5b628b2..9d99d7a4 100644
--- a/docs/reference/f7Slide.html
+++ b/docs/reference/f7Slide.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Slide is an f7Swiper element."><title>Framework7 slide — f7Slide • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 slide — f7Slide"><meta property="og:description" content="f7Slide is an f7Swiper element."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7SplitLayout.html b/docs/reference/f7SplitLayout.html
index c6f628cc..7223013b 100644
--- a/docs/reference/f7SplitLayout.html
+++ b/docs/reference/f7SplitLayout.html
@@ -4,7 +4,7 @@
 It is intended to be used with tablets."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7SubNavbar.html b/docs/reference/f7SubNavbar.html
index b59d2f7d..ace7b83a 100644
--- a/docs/reference/f7SubNavbar.html
+++ b/docs/reference/f7SubNavbar.html
@@ -4,7 +4,7 @@
 f7Navbar."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Tab.html b/docs/reference/f7Tab.html
index 2331e8ff..45fa7cdc 100644
--- a/docs/reference/f7Tab.html
+++ b/docs/reference/f7Tab.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Build a Framework7 tab item"><title>Create a Framework7 tab item — f7Tab • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Create a Framework7 tab item — f7Tab"><meta property="og:description" content="Build a Framework7 tab item"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7TabLayout.html b/docs/reference/f7TabLayout.html
index b47ecb20..1d1f1c27 100644
--- a/docs/reference/f7TabLayout.html
+++ b/docs/reference/f7TabLayout.html
@@ -4,7 +4,7 @@
 giving the illusion of a multi pages experience."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7TabLink.html b/docs/reference/f7TabLink.html
index df340f4f..20b93ea1 100644
--- a/docs/reference/f7TabLink.html
+++ b/docs/reference/f7TabLink.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Use in the .items slot of f7Tabs."><title>Special button/link to insert in the tabbar — f7TabLink • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Special button/link to insert in the tabbar — f7TabLink"><meta property="og:description" content="Use in the .items slot of f7Tabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Table.html b/docs/reference/f7Table.html
index 64dea34e..5db91359 100644
--- a/docs/reference/f7Table.html
+++ b/docs/reference/f7Table.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Creates a table container."><title>Framework7 table — f7Table • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 table — f7Table"><meta property="og:description" content="Creates a table container."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Tabs.html b/docs/reference/f7Tabs.html
index fbe005c7..086cc213 100644
--- a/docs/reference/f7Tabs.html
+++ b/docs/reference/f7Tabs.html
@@ -6,7 +6,7 @@
 styles."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7TapHold.html b/docs/reference/f7TapHold.html
index 47a09b7f..2384c559 100644
--- a/docs/reference/f7TapHold.html
+++ b/docs/reference/f7TapHold.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7TapHold is triggered after long press on an element, from the server."><title>Framework7 tapHold module — f7TapHold • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 tapHold module — f7TapHold"><meta property="og:description" content="f7TapHold is triggered after long press on an element, from the server."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Toast.html b/docs/reference/f7Toast.html
index 164d4719..9f0248b2 100644
--- a/docs/reference/f7Toast.html
+++ b/docs/reference/f7Toast.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="f7Toast creates a small toast notification from the server side."><title>Framework7 toast — f7Toast • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Framework7 toast — f7Toast"><meta property="og:description" content="f7Toast creates a small toast notification from the server side."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/f7Toolbar.html b/docs/reference/f7Toolbar.html
index 76327821..a875c356 100644
--- a/docs/reference/f7Toolbar.html
+++ b/docs/reference/f7Toolbar.html
@@ -4,7 +4,7 @@
 internally used by f7Tabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/getF7Colors.html b/docs/reference/getF7Colors.html
index 5816c776..c819cf31 100644
--- a/docs/reference/getF7Colors.html
+++ b/docs/reference/getF7Colors.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Function to get all colors available in shinyMobile"><title>Function to get all colors available in shinyMobile — getF7Colors • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Function to get all colors available in shinyMobile — getF7Colors"><meta property="og:description" content="Function to get all colors available in shinyMobile"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/index.html b/docs/reference/index.html
index 031cecd8..4dc53786 100644
--- a/docs/reference/index.html
+++ b/docs/reference/index.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>Function reference • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Function reference"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/pipe.html b/docs/reference/pipe.html
index 211855a3..df8d949f 100644
--- a/docs/reference/pipe.html
+++ b/docs/reference/pipe.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="See magrittr::%&amp;gt;% for details."><title>Pipe operator — %&gt;% • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Pipe operator — %&gt;%"><meta property="og:description" content="See magrittr::%&amp;gt;% for details."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/preloader.html b/docs/reference/preloader.html
index cdf931c0..b989b2d0 100644
--- a/docs/reference/preloader.html
+++ b/docs/reference/preloader.html
@@ -4,7 +4,7 @@
 f7HidePreloader hides a preloader."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/preview_mobile.html b/docs/reference/preview_mobile.html
index 43c00aab..c1a587d6 100644
--- a/docs/reference/preview_mobile.html
+++ b/docs/reference/preview_mobile.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Allow to preview a given app on different devices."><title>Allow to preview a given app on different devices. — preview_mobile • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Allow to preview a given app on different devices. — preview_mobile"><meta property="og:description" content="Allow to preview a given app on different devices."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/sheet.html b/docs/reference/sheet.html
index ce4734b5..7bac5a83 100644
--- a/docs/reference/sheet.html
+++ b/docs/reference/sheet.html
@@ -4,7 +4,7 @@
 updateF7Sheet toggles an f7Sheet on the client."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/updateF7Tabs.html b/docs/reference/updateF7Tabs.html
index 52f89cf9..1804d9a8 100644
--- a/docs/reference/updateF7Tabs.html
+++ b/docs/reference/updateF7Tabs.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="Update f7Tabs."><title>Update a Framework 7 tabsetPanel — updateF7Tabs • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Update a Framework 7 tabsetPanel — updateF7Tabs"><meta property="og:description" content="Update f7Tabs."><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/docs/reference/updateF7VirtualList.html b/docs/reference/updateF7VirtualList.html
index 15cb5224..43e603d6 100644
--- a/docs/reference/updateF7VirtualList.html
+++ b/docs/reference/updateF7VirtualList.html
@@ -2,7 +2,7 @@
 <!-- Generated by pkgdown: do not edit by hand --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="This function wraps all methods from https://framework7.io/docs/virtual-list.html"><title>Update an f7VirtualList on the server side — updateF7VirtualList • shinyMobile</title><!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png"><link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png"><link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png"><link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png"><script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link href="../deps/bootstrap-5.2.2/bootstrap.min.css" rel="stylesheet"><script src="../deps/bootstrap-5.2.2/bootstrap.bundle.min.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous"><!-- bootstrap-toc --><script src="https://cdn.jsdelivr.net/gh/afeld/bootstrap-toc@v1.0.1/dist/bootstrap-toc.min.js" integrity="sha256-4veVQbu7//Lk5TSmc7YV48MxtMy98e26cf5MrgZYnwo=" crossorigin="anonymous"></script><!-- headroom.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- search --><script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.js" integrity="sha512-zv6Ywkjyktsohkbp9bb45V6tEMoWhzFzXis+LrMehmJZZSys19Yxf1dopHx7WzIKxr5tK2dVcYmaCk2uqdjF4A==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/autocomplete.js/0.38.0/autocomplete.jquery.min.js" integrity="sha512-GU9ayf+66Xx2TmpxqJpliWbT5PiGYxpaG8rfnBEk1LL8l1KGkRShhngwdXK1UgqhAzWpZHSiYPc09/NwDQIGyg==" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js" integrity="sha512-5CYOlHXGh6QpOFA/TeTylKLWfB3ftPsde7AnmhuitiTX4K5SqCLBeKro6sPS8ilsz1Q4NRx3v8Ko2IBiszzdww==" crossorigin="anonymous"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet"><script src="../extra.js"></script><meta property="og:title" content="Update an f7VirtualList on the server side — updateF7VirtualList"><meta property="og:description" content="This function wraps all methods from https://framework7.io/docs/virtual-list.html"><meta property="og:image" content="/logo.png"><!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script><!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-<![endif]--></head><body>
+<![endif]--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.css"></head><body>
     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>
     
 
diff --git a/vignettes/pwa.Rmd b/vignettes/pwa.Rmd
index 97443b61..7c9a4840 100644
--- a/vignettes/pwa.Rmd
+++ b/vignettes/pwa.Rmd
@@ -20,6 +20,30 @@ library(shinyMobile)
 
 ## Progressive Web App (PWA)
 
+The following book provides more in depth [review](https://unleash-shiny.rinterface.com/mobile-pwa) about PWA support.
+
+<div class="atropos atropos-book">
+<div class="atropos-scale">
+<div class="atropos-rotate">
+<div class="atropos-inner">
+<a href="https://www.routledge.com/Outstanding-User-Interfaces-with-Shiny/Granjon/p/book/9780367645267" target="_blank">
+<img class="img-fluid" src="https://user-images.githubusercontent.com/18291543/181491295-1a5b498c-e7ee-428c-a1af-c3ee22e35ef5.jpg">
+</a>
+</div>
+</div>
+</div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/atropos@2.0.2/atropos.min.js"></script>
+
+<script>
+  const bookAtropos = Atropos({
+    el: '.atropos-book',
+    shadow: false
+    // rest of parameters
+  });
+</script>
+
 ### Configuration
 
 `{shinyMobile}` is PWA capable, meaning that it can be displayed full screen on many mobile

From 2338475500afec1ebdd6ff86fd18cb21e8adbd4b Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Thu, 25 Jan 2024 21:53:55 +0100
Subject: [PATCH 13/19] merge vignettes

---
 docs/404.html                                 |   6 +-
 docs/CODE_OF_CONDUCT.html                     |   6 +-
 docs/articles/index.html                      |  18 +-
 docs/articles/shinyMobile.html                | 883 +++++++++++++-----
 docs/authors.html                             |   6 +-
 docs/index.html                               |   6 +-
 docs/news/index.html                          |   6 +-
 docs/pkgdown.yml                              |   8 +-
 docs/reference/authentication.html            |   6 +-
 docs/reference/class2f7.html                  |   6 +-
 docs/reference/createSelectOptions.html       |   6 +-
 docs/reference/create_app_ui.html             |   6 +-
 docs/reference/f7Align.html                   |   6 +-
 docs/reference/f7Badge.html                   |   6 +-
 docs/reference/f7BlockFooter.html             |   6 +-
 docs/reference/f7BlockTitle.html              |   6 +-
 docs/reference/f7Chip.html                    |   6 +-
 docs/reference/f7Col.html                     |   6 +-
 docs/reference/f7ColorPicker.html             |   6 +-
 docs/reference/f7Dialog.html                  |   6 +-
 docs/reference/f7DownloadButton.html          |   6 +-
 docs/reference/f7FabClose.html                |   6 +-
 docs/reference/f7File.html                    |   6 +-
 docs/reference/f7Flex.html                    |   6 +-
 docs/reference/f7Float.html                   |   6 +-
 docs/reference/f7Found.html                   |   6 +-
 docs/reference/f7Gallery.html                 |   6 +-
 docs/reference/f7HideOnEnable.html            |   6 +-
 docs/reference/f7HideOnSearch.html            |   6 +-
 docs/reference/f7Icon.html                    |   6 +-
 docs/reference/f7Item.html                    |   6 +-
 docs/reference/f7Items.html                   |   6 +-
 docs/reference/f7Link.html                    |   6 +-
 docs/reference/f7List.html                    |   6 +-
 docs/reference/f7ListGroup.html               |   6 +-
 docs/reference/f7ListIndex.html               |   6 +-
 docs/reference/f7ListItem.html                |   6 +-
 docs/reference/f7Margin.html                  |   6 +-
 docs/reference/f7NotFound.html                |   6 +-
 docs/reference/f7Notif.html                   |   6 +-
 docs/reference/f7Padding.html                 |   6 +-
 docs/reference/f7Page.html                    |   6 +-
 docs/reference/f7Password.html                |   6 +-
 docs/reference/f7PhotoBrowser.html            |   6 +-
 docs/reference/f7Popup.html                   |   6 +-
 docs/reference/f7Row.html                     |   6 +-
 docs/reference/f7SearchIgnore.html            |   6 +-
 docs/reference/f7Searchbar.html               |   6 +-
 docs/reference/f7SearchbarTrigger.html        |   6 +-
 docs/reference/f7Segment.html                 |   6 +-
 docs/reference/f7Shadow.html                  |   6 +-
 docs/reference/f7SingleLayout.html            |   6 +-
 docs/reference/f7Skeleton.html                |   6 +-
 docs/reference/f7Slide.html                   |   6 +-
 docs/reference/f7SplitLayout.html             |   6 +-
 docs/reference/f7SubNavbar.html               |   6 +-
 docs/reference/f7Tab.html                     |   6 +-
 docs/reference/f7TabLayout.html               |   6 +-
 docs/reference/f7TabLink.html                 |   6 +-
 docs/reference/f7Table.html                   |   6 +-
 docs/reference/f7Tabs.html                    |   6 +-
 docs/reference/f7TapHold.html                 |   6 +-
 docs/reference/f7Toast.html                   |   6 +-
 docs/reference/f7Toolbar.html                 |   6 +-
 docs/reference/getF7Colors.html               |   6 +-
 docs/reference/index.html                     |   6 +-
 docs/reference/pipe.html                      |   6 +-
 docs/reference/preloader.html                 |   6 +-
 docs/reference/preview_mobile.html            |   6 +-
 docs/reference/sheet.html                     |   6 +-
 docs/reference/updateF7Tabs.html              |   6 +-
 docs/reference/updateF7VirtualList.html       |   6 +-
 vignettes/Gadgets.Rmd                         |  19 -
 vignettes/Single-Layout.Rmd                   |  95 --
 vignettes/Split-Layout.Rmd                    | 227 -----
 vignettes/Tabs-Layout.Rmd                     | 155 ---
 ...Mobile_tools.Rmd => shinyMobile-tools.Rmd} |   0
 vignettes/shinyMobile.Rmd                     | 765 ++++++++++-----
 78 files changed, 1279 insertions(+), 1305 deletions(-)
 delete mode 100644 vignettes/Gadgets.Rmd
 delete mode 100644 vignettes/Single-Layout.Rmd
 delete mode 100644 vignettes/Split-Layout.Rmd
 delete mode 100644 vignettes/Tabs-Layout.Rmd
 rename vignettes/{shinyMobile_tools.Rmd => shinyMobile-tools.Rmd} (100%)

diff --git a/docs/404.html b/docs/404.html
index cad4536e..784f65ee 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -50,12 +50,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/CODE_OF_CONDUCT.html b/docs/CODE_OF_CONDUCT.html
index ee7fbf17..dbfbd130 100644
--- a/docs/CODE_OF_CONDUCT.html
+++ b/docs/CODE_OF_CONDUCT.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/articles/index.html b/docs/articles/index.html
index ca361ceb..81e2d02c 100644
--- a/docs/articles/index.html
+++ b/docs/articles/index.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
@@ -73,20 +69,12 @@ <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
       <h3>All vignettes</h3>
       <p class="section-desc"></p>
 
-      <dl><dt><a href="Gadgets.html">Gadgets</a></dt>
+      <dl><dt><a href="pwa.html">Progressive web app support</a></dt>
         <dd>
-        </dd><dt><a href="Single-Layout.html">Single-Layout</a></dt>
-        <dd>
-        </dd><dt><a href="Split-Layout.html">Split-Layout</a></dt>
-        <dd>
-        </dd><dt><a href="Tabs-Layout.html">Tabs-Layout</a></dt>
-        <dd>
-        </dd><dt><a href="pwa.html">Progressive web app support</a></dt>
+        </dd><dt><a href="shinyMobile-tools.html">shinyMobile Tools</a></dt>
         <dd>
         </dd><dt><a href="shinyMobile.html">Getting Started</a></dt>
         <dd>
-        </dd><dt><a href="shinyMobile_tools.html">shinyMobile Tools</a></dt>
-        <dd>
       </dd></dl></div>
   </main></div>
 
diff --git a/docs/articles/shinyMobile.html b/docs/articles/shinyMobile.html
index bd5ecfe2..4a4274c8 100644
--- a/docs/articles/shinyMobile.html
+++ b/docs/articles/shinyMobile.html
@@ -52,12 +52,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
@@ -96,14 +92,15 @@ <h6 class="dropdown-header" data-toc-skip>shinyMobile 0.1.0</h6>
 
 
 
-
+<link href="shinyMobile_files/htmltools-fill-0.5.6.1/fill.css" rel="stylesheet">
+<script src="shinyMobile_files/bslib-webComponents-js-0.5.1/webComponents.min.js" type="module"></script><script src="shinyMobile_files/bslib-tag-require-0.5.1/tag-require.js"></script><script src="shinyMobile_files/bslib-card-js-0.5.1/card.min.js"></script><link href="shinyMobile_files/bslib-card-styles-0.5.1/card.css" rel="stylesheet">
 <div class="row">
   <main id="main" class="col-md-9"><div class="page-header">
       <img src="../logo.png" class="logo" alt=""><h1>Getting Started</h1>
                         <h4 data-toc-skip class="author">David
 Granjon</h4>
             
-            <h4 data-toc-skip class="date">2024-01-21</h4>
+            <h4 data-toc-skip class="date">2024-01-25</h4>
       
       <small class="dont-index">Source: <a href="https://github.com/RinteRface/shinyMobile/blob/HEAD/vignettes/shinyMobile.Rmd" class="external-link"><code>vignettes/shinyMobile.Rmd</code></a></small>
       <div class="d-none name"><code>shinyMobile.Rmd</code></div>
@@ -116,32 +113,31 @@ <h4 data-toc-skip class="date">2024-01-21</h4>
 <div class="section level2">
 <h2 id="introduction">Introduction<a class="anchor" aria-label="anchor" href="#introduction"></a>
 </h2>
-<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> is built on top of the latest <a href="https://framework7.io" class="external-link">framework7</a> template (V5.7.14). It may
-be used for different purposes:</p>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> is built on top of the <a href="https://framework7.io" class="external-link">framework7</a> template (V5.7.14) and has
+different purposes:</p>
 <ul>
-<li>develop mobile-ready shinyapps</li>
-<li>develop progressive web shinyapps (PWA, similar to native apps)</li>
-<li>develop desktop shinyapps</li>
+<li>Develop <strong>mobile-ready</strong> shinyapps.</li>
+<li>Develop <strong>progressive web shinyapps</strong> (PWA, similar to
+native apps).</li>
+<li>Develop desktop shinyapps.</li>
 </ul>
 </div>
 <div class="section level2">
 <h2 id="custom-skins">Custom skins<a class="anchor" aria-label="anchor" href="#custom-skins"></a>
 </h2>
-<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> has 3 skins:</p>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> offers 3 skins:</p>
 <ul>
 <li>
-<strong>aurora</strong> for desktop apps</li>
+<strong>aurora</strong> for desktop apps.</li>
 <li>
-<strong>ios</strong> and <strong>md</strong> for mobile apps</li>
+<strong>ios</strong> and <strong>md</strong> for mobile apps.</li>
 </ul>
 <p>It automatically detects if the app is running with android or iOS
-and accordingly adapt the layout. It is of course possible to apply the
-iOS skin on android and inversely, even though not recommended.</p>
+and accordingly adapts the layout. It is of course possible to apply the
+iOS skin on an android device and inversely, although not
+recommended.</p>
 <p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> also provides 2 themes, namely light and
-dark. While framework7 allows to apply dark or light theme not only at
-the global level but at the “widget level”, <a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a>
-does not support that feature, to improve the overall consistency. Only
-panels can have a color independent of the global theme.</p>
+dark.</p>
 </div>
 <div class="section level2">
 <h2 id="layouts">Layouts<a class="anchor" aria-label="anchor" href="#layouts"></a>
@@ -149,202 +145,151 @@ <h2 id="layouts">Layouts<a class="anchor" aria-label="anchor" href="#layouts"></
 <p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> brings 3 out of the box layouts:</p>
 <ul>
 <li>
-<code>f7SingleLayout</code>: develop simple apps (best choice for
-iOS/android Apps)</li>
+<code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code>: develop <strong>simple</strong> apps
+(best choice for iOS/android Apps).</li>
 <li>
-<code>f7TabLayout</code>: develop complex multi-tabbed Apps (best
-choice for iOS/android Apps)</li>
+<code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>: develop complex
+<strong>multi-tabbed</strong> apps (best choice for iOS/android
+Apps).</li>
 <li>
-<code>f7SplitLayout</code>: for tablets and desktop with a sidebar,
-navbar and a main panel</li>
-<li>Coming soon: a multi-pages layout with animations between
-pages!</li>
+<code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code>: for <strong>tablets</strong> and
+desktop with a sidebar, navbar and a main panel</li>
 </ul>
 </div>
 <div class="section level2">
-<h2 id="new-inputs">New Inputs<a class="anchor" aria-label="anchor" href="#new-inputs"></a>
+<h2 id="ui-elements">UI elements<a class="anchor" aria-label="anchor" href="#ui-elements"></a>
 </h2>
+<div class="section level3">
+<h3 id="inputs-brief-comparison-side-by-side-with-shiny">Inputs: brief comparison side by side with <code>{shiny}</code><a class="anchor" aria-label="anchor" href="#inputs-brief-comparison-side-by-side-with-shiny"></a>
+</h3>
 <p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> has its own custom input widgets with
-unique design for each skin (iOS/android/aurora):</p>
-<ul>
-<li><code><a href="../reference/slider.html">f7Slider()</a></code></li>
-<li><code><a href="../reference/text.html">f7Text()</a></code></li>
-<li><code><a href="../reference/f7-deprecated.html">f7checkBox()</a></code></li>
-<li><code><a href="../reference/f7-deprecated.html">f7checkBoxGroup()</a></code></li>
-<li><code><a href="../reference/radio.html">f7Radio()</a></code></li>
-<li><code><a href="../reference/toggle.html">f7Toggle()</a></code></li>
-<li>
-<code><a href="../reference/stepper.html">f7Stepper()</a></code>: equivalent to <code><a href="https://rdrr.io/pkg/shiny/man/numericInput.html" class="external-link">numericInput()</a></code>
-from {shiny}</li>
-<li><code><a href="../reference/picker.html">f7Picker()</a></code></li>
-<li><code><a href="../reference/datepicker.html">f7DatePicker()</a></code></li>
-<li><code><a href="../reference/f7ColorPicker.html">f7ColorPicker()</a></code></li>
-<li><code><a href="../reference/f7Password.html">f7Password()</a></code></li>
-<li><code><a href="../reference/smartselect.html">f7SmartSelect()</a></code></li>
-<li><code><a href="../reference/select.html">f7Select()</a></code></li>
-<li><code><a href="../reference/autocomplete.html">f7AutoComplete()</a></code></li>
-<li>
-<code><a href="../reference/button.html">f7Button()</a></code>: similar to <code><a href="https://rdrr.io/pkg/shiny/man/actionButton.html" class="external-link">actionButton()</a></code> from
-{shiny}</li>
-<li>
-<code><a href="../reference/fab.html">f7Fab()</a></code>: enhanced <code><a href="../reference/button.html">f7Button()</a></code> with ability
-to be gathered in a <code><a href="../reference/fabs.html">f7Fabs()</a></code> container</li>
-<li>and more</li>
-</ul>
-<p>It also has custom update functions to act on the server side:</p>
-<ul>
-<li><code><a href="../reference/autocomplete.html">updateF7AutoComplete()</a></code></li>
-<li><code><a href="../reference/picker.html">updateF7Picker()</a></code></li>
-<li><code><a href="../reference/stepper.html">updateF7Stepper()</a></code></li>
-<li><code><a href="../reference/toggle.html">updateF7Toggle()</a></code></li>
-<li><code><a href="../reference/slider.html">updateF7Slider()</a></code></li>
-<li><code><a href="../reference/fab.html">updateF7Fab()</a></code></li>
-<li><code><a href="../reference/text.html">updateF7Text()</a></code></li>
-<li><code><a href="../reference/checkbox.html">updateF7Checkbox()</a></code></li>
-<li>and many more</li>
-</ul>
-<p>Finally, it also provides tools to dynamically update widgets on the
-server side like cards, accordions, tabs, panels and more:</p>
-<ul>
-<li><code><a href="../reference/accordion.html">updateF7Accordion()</a></code></li>
-<li><code><a href="../reference/card.html">updateF7Card()</a></code></li>
-<li><code><a href="../reference/gauge.html">updateF7Gauge()</a></code></li>
-<li><code><a href="../reference/progress.html">updateF7Progress()</a></code></li>
-<li><code><a href="../reference/sheet.html">updateF7Sheet()</a></code></li>
-<li>many more</li>
-</ul>
+unique design for each skin (iOS/android/aurora). Below we summarise all
+known shiny inputs and their equivalent with
+<a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a>.</p>
+<table class="table">
+<colgroup>
+<col width="31%">
+<col width="46%">
+<col width="21%">
+</colgroup>
+<thead><tr class="header">
+<th>Features (sample)</th>
+<th align="center">shiny</th>
+<th align="right">shinyMobile</th>
+</tr></thead>
+<tbody>
+<tr class="odd">
+<td>Range slider</td>
+<td align="center"><code><a href="https://rdrr.io/pkg/shiny/man/sliderInput.html" class="external-link">sliderInput()</a></code></td>
+<td align="right"><code><a href="../reference/slider.html">f7Slider()</a></code></td>
+</tr>
+<tr class="even">
+<td>Text input</td>
+<td align="center">
+<code><a href="https://rdrr.io/pkg/shiny/man/textInput.html" class="external-link">textInput()</a></code>,
+<code><a href="https://rdrr.io/pkg/shiny/man/textAreaInput.html" class="external-link">textAreaInput()</a></code>
+</td>
+<td align="right">
+<code><a href="../reference/text.html">f7Text()</a></code>, <code><a href="../reference/f7Password.html">f7Password()</a></code>,
+<code><a href="../reference/textarea.html">f7TextArea()</a></code>
+</td>
+</tr>
+<tr class="odd">
+<td>Checkbox</td>
+<td align="center">
+<code><a href="https://rdrr.io/pkg/shiny/man/checkboxInput.html" class="external-link">checkboxInput()</a></code>,
+<code><a href="https://rdrr.io/pkg/shiny/man/checkboxGroupInput.html" class="external-link">checkboxGroupInput()</a></code>
+</td>
+<td align="right">
+<code><a href="../reference/checkbox.html">f7Checkbox()</a></code>,
+<code><a href="../reference/checkboxgroup.html">f7CheckboxGroup()</a></code>
+</td>
+</tr>
+<tr class="even">
+<td>Radio</td>
+<td align="center"><code><a href="https://rdrr.io/pkg/shiny/man/radioButtons.html" class="external-link">radioButtons()</a></code></td>
+<td align="right"><code><a href="../reference/radio.html">f7Radio()</a></code></td>
+</tr>
+<tr class="odd">
+<td>Toggle switch</td>
+<td align="center">❌ (see <a href="https://rstudio.github.io/bslib/" class="external-link">bslib</a>)</td>
+<td align="right"><code><a href="../reference/toggle.html">f7Toggle()</a></code></td>
+</tr>
+<tr class="even">
+<td>Numeric</td>
+<td align="center"><code><a href="https://rdrr.io/pkg/shiny/man/numericInput.html" class="external-link">numericInput()</a></code></td>
+<td align="right"><code><a href="../reference/stepper.html">f7Stepper()</a></code></td>
+</tr>
+<tr class="odd">
+<td>Select</td>
+<td align="center"><code><a href="https://rdrr.io/pkg/shiny/man/selectInput.html" class="external-link">selectInput()</a></code></td>
+<td align="right">
+<code><a href="../reference/select.html">f7Select()</a></code>, <code><a href="../reference/smartselect.html">f7SmartSelect()</a></code>,
+<code><a href="../reference/picker.html">f7Picker()</a></code>
+</td>
+</tr>
+<tr class="even">
+<td>Autocomplete</td>
+<td align="center">❌</td>
+<td align="right"><code><a href="../reference/autocomplete.html">f7AutoComplete()</a></code></td>
+</tr>
+<tr class="odd">
+<td>Action button</td>
+<td align="center"><code><a href="https://rdrr.io/pkg/shiny/man/actionButton.html" class="external-link">actionButton()</a></code></td>
+<td align="right">
+<code><a href="../reference/button.html">f7Button()</a></code> <code><a href="../reference/fab.html">f7Fab()</a></code>
+</td>
+</tr>
+<tr class="even">
+<td>Date</td>
+<td align="center">
+<code><a href="https://rdrr.io/pkg/shiny/man/dateInput.html" class="external-link">dateInput()</a></code>,
+<code><a href="https://rdrr.io/pkg/shiny/man/dateRangeInput.html" class="external-link">dateRangeInput()</a></code>
+</td>
+<td align="right"><code><a href="../reference/datepicker.html">f7DatePicker()</a></code></td>
+</tr>
+<tr class="odd">
+<td>Color</td>
+<td align="center">❌</td>
+<td align="right"><code><a href="../reference/f7ColorPicker.html">f7ColorPicker()</a></code></td>
+</tr>
+<tr class="even">
+<td>Download</td>
+<td align="center"><code><a href="https://rdrr.io/pkg/shiny/man/downloadButton.html" class="external-link">downloadButton()</a></code></td>
+<td align="right"><code><a href="../reference/f7DownloadButton.html">f7DownloadButton()</a></code></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="section level3">
+<h3 id="containers">Containers<a class="anchor" aria-label="anchor" href="#containers"></a>
+</h3>
+</div>
 </div>
 <div class="section level2">
 <h2 id="create-your-first-app">Create your first App<a class="anchor" aria-label="anchor" href="#create-your-first-app"></a>
 </h2>
-<div class="section level4">
-<h4 id="select-a-template">Select a template<a class="anchor" aria-label="anchor" href="#select-a-template"></a>
-</h4>
-<p>This choice is crucial when you are developing an App. It depends on
-the complexity of your visualizations and content. If your plan is to
-develop a simple graph or table, you should go for the
-<code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code> option. For more complex design, the best
-is <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>. <code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code> is specific
-for tablets and desktop apps.</p>
-</div>
-<div class="section level4">
-<h4 id="simple-layout">Simple Layout<a class="anchor" aria-label="anchor" href="#simple-layout"></a>
-</h4>
+<div class="section level3">
+<h3 id="page">Page<a class="anchor" aria-label="anchor" href="#page"></a>
+</h3>
+<p>It is the main template skeleton.</p>
 <div class="sourceCode" id="cb1"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span>
-<span>  <span class="va">...</span>, </span>
-<span>  <span class="va">navbar</span>, </span>
-<span>  toolbar <span class="op">=</span> <span class="cn">NULL</span>, </span>
-<span>  panels <span class="op">=</span> <span class="cn">NULL</span>,</span>
-<span>  appbar <span class="op">=</span> <span class="cn">NULL</span></span>
-<span><span class="op">)</span></span></code></pre></div>
-<p>While only the navbar is mandatory, other components such as the
-toolbar are optionnal for the <code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code>.</p>
-</div>
-<div class="section level4">
-<h4 id="tabs-layout">Tabs Layout<a class="anchor" aria-label="anchor" href="#tabs-layout"></a>
-</h4>
-<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span>
-<span>  <span class="va">...</span>, </span>
-<span>  <span class="va">navbar</span>, </span>
-<span>  panels <span class="op">=</span> <span class="cn">NULL</span>, </span>
-<span>  appbar <span class="op">=</span> <span class="cn">NULL</span></span>
-<span><span class="op">)</span></span></code></pre></div>
-<p>The … argument requires
-<code>f7Tabs(..., id = NULL, swipeable = FALSE, animated = TRUE)</code>.
-The id argument is mandatory if you want to exploit the
-<code><a href="../reference/updateF7Tabs.html">updateF7Tabs()</a></code> function. <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> expect to
-have <code>f7Tab(..., tabName, icon = NULL, active = FALSE)</code>
-passed inside.</p>
-</div>
-<div class="section level4">
-<h4 id="split-layout-similar-to-sidebarlayout-in-shiny">Split Layout (similar to sidebarLayout in {shiny})<a class="anchor" aria-label="anchor" href="#split-layout-similar-to-sidebarlayout-in-shiny"></a>
-</h4>
-<div class="sourceCode" id="cb3"><pre class="sourceCode r"><code class="sourceCode r"><span id="cb3-1"><a href="#cb3-1" tabindex="-1"></a><span class="fu">f7SplitLayout</span>(.</span>
-<span id="cb3-2"><a href="#cb3-2" tabindex="-1"></a>  ..., </span>
-<span id="cb3-3"><a href="#cb3-3" tabindex="-1"></a>  navbar, </span>
-<span id="cb3-4"><a href="#cb3-4" tabindex="-1"></a>  sidebar, </span>
-<span id="cb3-5"><a href="#cb3-5" tabindex="-1"></a>  <span class="at">toolbar =</span> <span class="cn">NULL</span>, </span>
-<span id="cb3-6"><a href="#cb3-6" tabindex="-1"></a>  <span class="at">panels =</span> <span class="cn">NULL</span>,</span>
-<span id="cb3-7"><a href="#cb3-7" tabindex="-1"></a>  <span class="at">appbar =</span> <span class="cn">NULL</span></span>
-<span id="cb3-8"><a href="#cb3-8" tabindex="-1"></a>)</span></code></pre></div>
-<p>The main content goes in the … parameter. Navigation items are
-gathered in the sidebar slot. The sidebar expect a <code>f7Panel</code>.
-Importantly, the side parameter must be set to “left” and the style to
-“reveal”. The navigation menu is organized as follows:</p>
-<div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
-<code class="sourceCode R"><span><span class="fu"><a href="../reference/panelmenu.html">f7PanelMenu</a></span><span class="op">(</span></span>
-<span>  id <span class="op">=</span> <span class="st">"menu"</span>,</span>
-<span>  <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span></span>
-<span>    tabName <span class="op">=</span> <span class="st">"tab1"</span>, </span>
-<span>    title <span class="op">=</span> <span class="st">"Tab 1"</span>, </span>
-<span>    icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"email"</span><span class="op">)</span>, </span>
-<span>    active <span class="op">=</span> <span class="cn">TRUE</span></span>
-<span>  <span class="op">)</span>,</span>
-<span>  <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span></span>
-<span>    tabName <span class="op">=</span> <span class="st">"tab2"</span>, </span>
-<span>    title <span class="op">=</span> <span class="st">"Tab 2"</span>, </span>
-<span>    icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"home"</span><span class="op">)</span></span>
-<span>  <span class="op">)</span></span>
-<span><span class="op">)</span></span></code></pre></div>
-<p>The <strong>id</strong> argument is important if you want to get the
-currently selected item or update the select tab. Each
-<code>f7PanelItem</code> has a mandatory <strong>tabName</strong>. The
-associated input will be <code>input$menu</code> in that example, with
-“tab1” for value since the first tab was set to an active state. To
-adequately link the body and the sidebar, you must wrap the body content
-in <code><a href="../reference/f7Items.html">f7Items()</a></code> containing as many <code><a href="../reference/f7Item.html">f7Item()</a></code> as
-sidebar items. The <strong>tabName</strong> must correspond!</p>
-</div>
-<div class="section level4">
-<h4 id="core-layout-components">Core Layout Components<a class="anchor" aria-label="anchor" href="#core-layout-components"></a>
-</h4>
-</div>
-<div class="section level4">
-<h4 id="page">Page<a class="anchor" aria-label="anchor" href="#page"></a>
-</h4>
-<p>It is the main skeleton of the template.</p>
-<div class="sourceCode" id="cb5"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
 <span>  <span class="va">...</span>, </span>
-<span>  options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
-<span>    theme <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"ios"</span>, <span class="st">"md"</span>, <span class="st">"auto"</span>, <span class="st">"aurora"</span><span class="op">)</span>,</span>
-<span>    dark <span class="op">=</span> <span class="cn">TRUE</span>,</span>
-<span>    filled <span class="op">=</span> <span class="cn">FALSE</span>,</span>
-<span>    color <span class="op">=</span> <span class="st">"#007aff"</span>,</span>
-<span>    touch <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
-<span>      tapHold <span class="op">=</span> <span class="cn">TRUE</span>,</span>
-<span>      tapHoldDelay <span class="op">=</span> <span class="fl">750</span>,</span>
-<span>      iosTouchRipple <span class="op">=</span> <span class="cn">FALSE</span></span>
-<span>    <span class="op">)</span>,</span>
-<span>    iosTranslucentBars <span class="op">=</span> <span class="cn">FALSE</span>,</span>
-<span>    navbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
-<span>      iosCenterTitle <span class="op">=</span> <span class="cn">TRUE</span>,</span>
-<span>      hideOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span></span>
-<span>    <span class="op">)</span>,</span>
-<span>    toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
-<span>      hideOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span></span>
-<span>    <span class="op">)</span>,</span>
-<span>    pullToRefresh <span class="op">=</span> <span class="cn">FALSE</span></span>
-<span>  <span class="op">)</span>,</span>
-<span>  title <span class="op">=</span> <span class="cn">NULL</span>, </span>
-<span>  preloader <span class="op">=</span> <span class="cn">FALSE</span>, </span>
-<span>  loading_duration <span class="op">=</span> <span class="fl">3</span>,</span>
+<span>  options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span><span class="va">...</span><span class="op">)</span>,</span>
+<span>  title <span class="op">=</span> <span class="cn">NULL</span>,</span>
 <span>  allowPWA <span class="op">=</span> <span class="cn">FALSE</span></span>
 <span><span class="op">)</span></span></code></pre></div>
-<p><strong>options</strong> sets up the app look and feel.
-<strong>preloader</strong> is useful in case you want to display a
-loading screen. <code><a href="../reference/f7Page.html">f7Page()</a></code> accepts any
-<a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> layout.</p>
-<div class="section level5">
-<h5 id="navbar">Navbar<a class="anchor" aria-label="anchor" href="#navbar"></a>
-</h5>
+<p><strong>options</strong> sets up the app look and feel (See dedicated
+section below). <code><a href="../reference/f7Page.html">f7Page()</a></code> accepts any
+<a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> layout (See below).</p>
+<div class="section level4">
+<h4 id="navbar">Navbar<a class="anchor" aria-label="anchor" href="#navbar"></a>
+</h4>
 <p>The <strong>navbar</strong> is a mandatory element of any
-<a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> layout. It contains a title, a subtitle,
-triggers for both right and left panels (<code><a href="../reference/panel.html">f7Panel()</a></code>) as well
-as a subnavbar (<code><a href="../reference/f7SubNavbar.html">f7SubNavbar()</a></code>).</p>
-<div class="sourceCode" id="cb6"><pre class="downlit sourceCode r">
+<a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> layout. It contains a title, a subtitle and
+triggers for both right and left panels (<code><a href="../reference/panel.html">f7Panel()</a></code>).</p>
+<div class="sourceCode" id="cb2"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
 <span>  <span class="va">...</span>, </span>
 <span>  subNavbar <span class="op">=</span> <span class="cn">NULL</span>, </span>
@@ -353,23 +298,24 @@ <h5 id="navbar">Navbar<a class="anchor" aria-label="anchor" href="#navbar"></a>
 <span>  hairline <span class="op">=</span> <span class="cn">TRUE</span>, </span>
 <span>  shadow <span class="op">=</span> <span class="cn">TRUE</span>, </span>
 <span>  bigger <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>  transparent <span class="op">=</span> <span class="cn">FALSE</span>,</span>
 <span>  leftPanel <span class="op">=</span> <span class="cn">FALSE</span>, </span>
 <span>  rightPanel <span class="op">=</span> <span class="cn">FALSE</span></span>
 <span><span class="op">)</span></span></code></pre></div>
-<p>For complex apps, it might be interesting to add a
-<code>f7SubNavbar(...)</code>. It may contain any element like
-<code><a href="../reference/button.html">f7Button()</a></code> or text. <code><a href="../reference/navbar.html">f7Navbar()</a></code> has also
-styling parameters such as shadow and hairline.</p>
+<p>For complex apps, you can even add it a sub-navbar with
+<code>f7SubNavbar(...)</code>, which may contain any element like
+<code><a href="../reference/button.html">f7Button()</a></code> or text. <code><a href="../reference/navbar.html">f7Navbar()</a></code> exposes styling
+parameters such as shadow and hairline.</p>
 </div>
-<div class="section level5">
-<h5 id="the-toolbar">The Toolbar<a class="anchor" aria-label="anchor" href="#the-toolbar"></a>
-</h5>
+<div class="section level4">
+<h4 id="the-toolbar">The Toolbar<a class="anchor" aria-label="anchor" href="#the-toolbar"></a>
+</h4>
 <p>This is an option if you decide not to embed a
-<code><a href="../reference/f7SubNavbar.html">f7SubNavbar()</a></code>. The toolbar is the rigth place to add
+<code><a href="../reference/f7SubNavbar.html">f7SubNavbar()</a></code>. The toolbar is the right place to add
 <code><a href="../reference/button.html">f7Button()</a></code>, <code><a href="../reference/f7Link.html">f7Link()</a></code>, <code><a href="../reference/f7Badge.html">f7Badge()</a></code>…
-Its position is controlled with the position parameter (either top or
+Its location is controlled with the position parameter (either top or
 bottom).</p>
-<div class="sourceCode" id="cb7"><pre class="downlit sourceCode r">
+<div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span></span>
 <span>  <span class="va">...</span>, </span>
 <span>  position <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"top"</span>, <span class="st">"bottom"</span><span class="op">)</span>, </span>
@@ -379,14 +325,14 @@ <h5 id="the-toolbar">The Toolbar<a class="anchor" aria-label="anchor" href="#the
 <span>  scrollable <span class="op">=</span> <span class="cn">FALSE</span></span>
 <span><span class="op">)</span></span></code></pre></div>
 <p>Under the hood, <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> is a custom
-<code><a href="../reference/f7Toolbar.html">f7Toolbar()</a></code>!</p>
+<code><a href="../reference/f7Toolbar.html">f7Toolbar()</a></code>.</p>
 </div>
-<div class="section level5">
-<h5 id="panels">Panels<a class="anchor" aria-label="anchor" href="#panels"></a>
-</h5>
-<p>Panels are also called sidebars. <code><a href="../reference/panel.html">f7Panel()</a></code> is the
+<div class="section level4">
+<h4 id="panels">Panels<a class="anchor" aria-label="anchor" href="#panels"></a>
+</h4>
+<p>Panels are also called sidebars, <code><a href="../reference/panel.html">f7Panel()</a></code> being the
 corresponding function.</p>
-<div class="sourceCode" id="cb8"><pre class="downlit sourceCode r">
+<div class="sourceCode" id="cb4"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="fu"><a href="../reference/panel.html">f7Panel</a></span><span class="op">(</span></span>
 <span>  <span class="va">...</span>, </span>
 <span>  id <span class="op">=</span> <span class="cn">NULL</span>,</span>
@@ -396,17 +342,15 @@ <h5 id="panels">Panels<a class="anchor" aria-label="anchor" href="#panels"></a>
 <span>  effect <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"reveal"</span>, <span class="st">"cover"</span><span class="op">)</span>,</span>
 <span>  resizable <span class="op">=</span> <span class="cn">FALSE</span></span>
 <span><span class="op">)</span></span></code></pre></div>
-<p>Although the App has a <strong>theme</strong> option,
-<code><a href="../reference/panel.html">f7Panel()</a></code> has an independent <strong>theme</strong> option.
-For instance, it is definitely possible to create a dark
-<code><a href="../reference/panel.html">f7Panel()</a></code> while the page theme is light, and conversely.
-Its behaviour is controlled via the effect argument:</p>
+<p><code><a href="../reference/panel.html">f7Panel()</a></code> has a <strong>theme</strong> option,
+regardless of the main app theme. For instance, it is entirely possible
+to create a dark <code><a href="../reference/panel.html">f7Panel()</a></code> while the page theme is light,
+and conversely. Its behavior is controlled via the effect argument:</p>
 <ul>
 <li>
-<strong>reveal</strong> will make the body content move and
-resize</li>
+<strong>reveal</strong> makes the body content move and resize.</li>
 <li>
-<strong>cover</strong> will cover the body content</li>
+<strong>cover</strong> covers the body content.</li>
 </ul>
 <p>The <strong>resizable</strong> argument allows to dynamically resize
 the panel.</p>
@@ -417,14 +361,14 @@ <h5 id="panels">Panels<a class="anchor" aria-label="anchor" href="#panels"></a>
 case, we may include <code><a href="../reference/panelmenu.html">f7PanelMenu()</a></code>. Finally do not forget
 to set up the <code><a href="../reference/navbar.html">f7Navbar()</a></code> so that panels are allowed!</p>
 </div>
-<div class="section level5">
-<h5 id="the-appbar">The appbar<a class="anchor" aria-label="anchor" href="#the-appbar"></a>
-</h5>
+<div class="section level4">
+<h4 id="the-appbar">The appbar<a class="anchor" aria-label="anchor" href="#the-appbar"></a>
+</h4>
 <p><code><a href="../reference/appbar.html">f7Appbar()</a></code> is displayed on top of the
 <code><a href="../reference/navbar.html">f7Navbar()</a></code>. It is a best choice to embed
 <code><a href="../reference/f7Searchbar.html">f7Searchbar()</a></code>. <code><a href="../reference/appbar.html">f7Appbar()</a></code> may also trigger
 <code><a href="../reference/panel.html">f7Panel()</a></code>.</p>
-<div class="sourceCode" id="cb9"><pre class="downlit sourceCode r">
+<div class="sourceCode" id="cb5"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="fu"><a href="../reference/appbar.html">f7Appbar</a></span><span class="op">(</span></span>
 <span>  <span class="va">...</span>, </span>
 <span>  leftPanel <span class="op">=</span> <span class="cn">FALSE</span>, </span>
@@ -432,12 +376,474 @@ <h5 id="the-appbar">The appbar<a class="anchor" aria-label="anchor" href="#the-a
 <span>  maximizable <span class="op">=</span> <span class="cn">FALSE</span></span>
 <span><span class="op">)</span></span></code></pre></div>
 </div>
+<div class="section level4">
+<h4 id="select-a-template">Select a template<a class="anchor" aria-label="anchor" href="#select-a-template"></a>
+</h4>
+<p>This choice is crucial when you are developing an App. It depends on
+the complexity of your visualizations and content. If your plan is to
+develop a simple graph or table, you should go for the
+<code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code> option. For more complex design, the best
+is <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>. <code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code> is specific
+for tablets and desktop apps.</p>
+<div class="section level5">
+<h5 id="simple-layout">Simple Layout<a class="anchor" aria-label="anchor" href="#simple-layout"></a>
+</h5>
+<p><code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code> is dedicated to build simple, one-page
+apps or gadgets.</p>
+<div class="sourceCode" id="cb6"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span>
+<span>  <span class="va">...</span>, </span>
+<span>  <span class="va">navbar</span>, </span>
+<span>  toolbar <span class="op">=</span> <span class="cn">NULL</span>, </span>
+<span>  panels <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  appbar <span class="op">=</span> <span class="cn">NULL</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p>While only the navbar is mandatory, other components such as the
+toolbar are optional for the <code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code>.</p>
+<p>The app below runs with specific options:</p>
+<div class="sourceCode" id="cb7"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>  options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>dark <span class="op">=</span> <span class="cn">FALSE</span>, filled <span class="op">=</span> <span class="cn">FALSE</span>, theme <span class="op">=</span> <span class="st">"md"</span><span class="op">)</span>,</span>
+<span>  <span class="va">...</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/app/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGGiGzNuzRwAHgW4tyjFWPUcAJqmqsjIkxPYBzB5aKkATCpFmopKOyFgcMQQRDC0BJwA+tQkDgEqQSSh4VExEA4ABAA8ALQZiSFhEdGxGQCkAHxlIhkZDoxEAK6okfQcAG4stFD0SgLlVTUZnHQEcOzsEOwCOQCMAAzzAohTAp4QIlL8AILo-hC1jbQZALwZAGYA7AAKUA7jQ7VEqKS0JJynGXScpOzejABrT4AMW2ABkAMoAUVwF0USjMIPB0NhpG4cHgnwCMDM8Vwjwyr1ISixYBkrAyaFQAXxB1qF0uEL4DiUYKgrCavwJtWg7XoLE+VwAclA+Sx9vTJYTaMS4KSmekSWyOY1SDTufT9LRGHQIHKzgAVLAAVRhGtqPCgZiIAHdPkbTRqBLSpYSiERqPzGILLgb3Z7xeaMqgiJwZW8DmcAvRXKRQuq6a6rmC+AD2NQenBqKSUxAgbMaRluIw4OdSdxSKRUJxEAB6Ws2xsYBzullwDDEGB4oPJ1PpzPZqNgXNAtyF4ul8uV6t1htNltENsd+NgFSu50agDEGRgUD4GWC5DIGquEP01ptEtdGT4R7DpApZ1mADYXdfuER2nBvYaTWbE1KVwAMIsGYV7XtKsqkiBjCIuiVrfgmEG1Fouj6IwpAAPKqqgqr+CgJZQEB6FqquQZrlKFG1BRG50pw35fj+FyNBABCvCQ7B8LhpCwpy3H9CABJ8aqAAkLBwERJHZHkJYQGY367DoegGOwgkAShqA6OBUreL4nwFMkxRpA4b6ug+mmkuJUBIdeu7oMynxQHAnDaa62ifLpcCmdej4ZJ01CNHA8yzN5Sbwp8nSMN0vRwORToDNU6n0lA2iRKwKW0C58kELQu7UJwACSEDAjEPifB4CUZNuECNDA9DfhkRBltluVQPlboZACcBwNSSUoalykYVwvgEF1iK-qa-SVIlEEpWlGUubu7lnAALKi4QAtsMBNGQnwrVRGQAL4UYdIgCGAh0ALpAA&amp;h=0" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen="" allow="autoplay" data-external="1"></iframe>
+</div>
+<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
+</bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
+</div>
+<div class="sourceCode" id="cb8"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://dplyr.tidyverse.org" class="external-link">dplyr</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu"><a href="https://rdrr.io/r/utils/data.html" class="external-link">data</a></span><span class="op">(</span><span class="st">"economics_long"</span><span class="op">)</span></span>
+<span><span class="va">economics_long</span> <span class="op">&lt;-</span> <span class="va">economics_long</span> <span class="op"><a href="../reference/pipe.html">%&gt;%</a></span></span>
+<span>  <span class="fu"><a href="https://dplyr.tidyverse.org/reference/group_by.html" class="external-link">group_by</a></span><span class="op">(</span><span class="va">variable</span><span class="op">)</span> <span class="op"><a href="../reference/pipe.html">%&gt;%</a></span></span>
+<span>  <span class="fu"><a href="https://dplyr.tidyverse.org/reference/slice.html" class="external-link">slice</a></span><span class="op">(</span><span class="op">(</span><span class="fu"><a href="https://dplyr.tidyverse.org/reference/context.html" class="external-link">n</a></span><span class="op">(</span><span class="op">)</span><span class="op">-</span><span class="fl">100</span><span class="op">)</span><span class="op">:</span><span class="fu"><a href="https://dplyr.tidyverse.org/reference/context.html" class="external-link">n</a></span><span class="op">(</span><span class="op">)</span><span class="op">)</span></span>
+<span></span>
+<span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
+<span>    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>dark <span class="op">=</span> <span class="cn">FALSE</span>, filled <span class="op">=</span> <span class="cn">FALSE</span>, theme <span class="op">=</span> <span class="st">"md"</span><span class="op">)</span>,</span>
+<span>    <span class="fu"><a href="../reference/f7SingleLayout.html">f7SingleLayout</a></span><span class="op">(</span></span>
+<span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
+<span>        title <span class="op">=</span> <span class="st">"Single Layout"</span>,</span>
+<span>        hairline <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      toolbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span></span>
+<span>        position <span class="op">=</span> <span class="st">"bottom"</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      <span class="co"># main content</span></span>
+<span>      <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span>
+<span>        intensity <span class="op">=</span> <span class="fl">16</span>,</span>
+<span>        hover <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span></span>
+<span>          title <span class="op">=</span> <span class="st">"Card header"</span>,</span>
+<span>          <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">apexchartOutput</a></span><span class="op">(</span><span class="st">"areaChart"</span><span class="op">)</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">)</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span><span class="op">)</span> <span class="op">{</span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">areaChart</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">renderApexchart</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html" class="external-link">apex</a></span><span class="op">(</span></span>
+<span>        data <span class="op">=</span> <span class="va">economics_long</span>,</span>
+<span>        type <span class="op">=</span> <span class="st">"area"</span>,</span>
+<span>        mapping <span class="op">=</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span></span>
+<span>          x <span class="op">=</span> <span class="va">date</span>,</span>
+<span>          y <span class="op">=</span> <span class="va">value01</span>,</span>
+<span>          fill <span class="op">=</span> <span class="va">variable</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">)</span> <span class="op"><a href="../reference/pipe.html">%&gt;%</a></span></span>
+<span>        <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/ax_yaxis.html" class="external-link">ax_yaxis</a></span><span class="op">(</span>decimalsInFloat <span class="op">=</span> <span class="fl">2</span><span class="op">)</span> <span class="op"><a href="../reference/pipe.html">%&gt;%</a></span> <span class="co"># number of decimals to keep</span></span>
+<span>        <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/ax_chart.html" class="external-link">ax_chart</a></span><span class="op">(</span>stacked <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span> <span class="op"><a href="../reference/pipe.html">%&gt;%</a></span></span>
+<span>        <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/ax_yaxis.html" class="external-link">ax_yaxis</a></span><span class="op">(</span>max <span class="op">=</span> <span class="fl">4</span>, tickAmount <span class="op">=</span> <span class="fl">4</span><span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span>  <span class="op">}</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+</div>
+<div class="section level5">
+<h5 id="tabs-layout">Tabs Layout<a class="anchor" aria-label="anchor" href="#tabs-layout"></a>
+</h5>
+<p>Choose this layout to develop complex <strong>multi-tabbed</strong>
+apps (best choice for iOS/android Apps).</p>
+<div class="sourceCode" id="cb9"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span>
+<span>  <span class="va">...</span>, </span>
+<span>  <span class="va">navbar</span>,</span>
+<span>  messagebar <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  panels <span class="op">=</span> <span class="cn">NULL</span>, </span>
+<span>  appbar <span class="op">=</span> <span class="cn">NULL</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p>The … argument requires
+<code>f7Tabs(..., id = NULL, swipeable = FALSE, animated = TRUE)</code>.
+The id argument is mandatory if you want to exploit the
+<code><a href="../reference/updateF7Tabs.html">updateF7Tabs()</a></code> function. <code><a href="../reference/f7Tabs.html">f7Tabs()</a></code> expect to
+have <code>f7Tab(..., tabName, icon = NULL, active = FALSE)</code>
+passed inside.</p>
+<p>The app below runs with specific options:</p>
+<div class="sourceCode" id="cb10"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>  options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>dark <span class="op">=</span> <span class="cn">FALSE</span>, filled <span class="op">=</span> <span class="cn">FALSE</span>, theme <span class="op">=</span> <span class="st">"md"</span><span class="op">)</span>,</span>
+<span>  <span class="va">...</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/app/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGGiGzNuzRwAHgW4tyjFSNRFq1AAQAeALQWAJlFJQMAM2bx2IixagROAO5wjBYAvBYEXmAAmnCcQngWCQByRAkCuN4WEGER7ABMAKwALLgW+QDMABwqxv68-ACC6F45FgCutLmuAOwAClAA5nCtPj5EqKS0JJy5dJyk7I6MANa5AGKNADIAygCiZa6KSvYb2-tlpNxw8LkJMPbpmW0+U6RKd2AyrL7oCc9jCy9AAqUHoWygrCI7UWWUBqD8cGos3CzkGW1oC1GgLGvQGECR7DeH3CCS2cFcpAs+KR-wsnFo9jgnyUlLpVxuzNJNFog24pDpCQAQtQwaK6RTXHACFTucQAG7BJ5wnF4xHUIm0d5cpJgLC8-nU9V0hlMz6MA0CxIc27c5YrQVgEViqAS1xSmWfBVKsAqHEWDIqnzQeX0FjdHrJKChljY-3EnUJUH0eJ4INjfS0Rh0Am5YFYACqB3TPh4UHsRACecLxZeONZpBplnC+aLAP9FgtfMb6urRfTgbrPhBYM4cZxfloMCccFOLZr7f9AGJArRUHAxTrW7WO0Cesnx-GtSTdcmLABGf4lsbOehR22nsGXtNDnG0Yg5cK9ACSH6irjMJlGGVV9ASgGVaEVPta2vYceh2fQKwCQ8Oz4ch-C1H5wnPAAGRddwsbgiEVEJ5zbWDcR6ABhFh7BQ3cE0+GjGFOa5yx9fCCN+HQ9AMAB5GFUBhKJUFoOB0gonw-QI6T-UHXcR3oeib2PRMwDPfIr1Am8wXvNTk00l8uPfEgI1-EgohWOBWHoIhaJArjwKmKDwk2XYdwI3oEPLStlMBNCKAZUgsIvPDJMI4jgmgziO16Zi6PC15VKY2jCI3ICtK4sD110fRGFIATSCE2EwE4AgnEMCTtMBWSO1qmqYrgg8KMY7kzwqTKCNvPTPmTDqjIIkzPz3cyICiUVWGCTgAH0oGoK15IIpzIJ1NyLgorzEN88KAow4LclwxqcSIkjovCuLaL8nFWt1eK0vY4CBqyvcdmnfKdiRaVYWqjsEnlFhaE3Trnp8BIADUAc3WZSCIekiICRBgZByIEio1gcyA1MvXRpGQdPZh-BgTEGRIBJPlgXGQYSABxDdGCx7lhhYBy8YsCYKG-YaEh4OA4CtI7dxgdp5rXE9t0SgMBeuzdCuKqJHGcKrnvqnEVakgcVWkxbOGCU6v3aCAIIsvhirKaEiphModc4EmIAECwQBEFUl07FaQlQagiAFOsFbiaw7EYDcIMVLg4AARwwAARGd2B2VhOCjmP7bsCo8IsOOE+j8h2AyCx6BCk2YQAEnzgQ6kBc3iqL0TmVsTsKCA5oeLyxZHdfLRtGUhWoFyUxzCO4L10+GvKZ8ad0D4QZcigOJ2G0af-CCRgyhCu2NbrABfcuxkr4uyoqqK68DiBG5y3j8vYNv-Q7runB78IYFIcr6YH1gh+5ffSEqp6cXH0SICnuEGeY4KLz3CAEUgUsQowFQIMKWRxzC5AIDjbSKtapbydhAZ2Dg763iUCqXepAi7d39vXE+wRkxKEvumR+z9ODADKCjMAMDBh0kLkQ-6FpNy53sIwCYZx3IAF0VQbzKHwgI0B4AogsNuaSG8RACDABvQRQA&amp;h=0" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen="" allow="autoplay" data-external="1"></iframe>
+</div>
+<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
+</bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
+</div>
+<div class="sourceCode" id="cb11"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
+<span></span>
+<span><span class="va">poll</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html" class="external-link">data.frame</a></span><span class="op">(</span></span>
+<span>  answer <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"Yes"</span>, <span class="st">"No"</span><span class="op">)</span>,</span>
+<span>  n <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">254</span>, <span class="fl">238</span><span class="op">)</span></span>
+<span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span>dark <span class="op">=</span> <span class="cn">FALSE</span>, filled <span class="op">=</span> <span class="cn">FALSE</span>, theme <span class="op">=</span> <span class="st">"md"</span><span class="op">)</span>,</span>
+<span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
+<span>    <span class="fu"><a href="../reference/f7TabLayout.html">f7TabLayout</a></span><span class="op">(</span></span>
+<span>      panels <span class="op">=</span> <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/tagList.html" class="external-link">tagList</a></span><span class="op">(</span></span>
+<span>        <span class="fu"><a href="../reference/panel.html">f7Panel</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Left Panel"</span>, side <span class="op">=</span> <span class="st">"left"</span>, theme <span class="op">=</span> <span class="st">"light"</span>, <span class="st">"Blabla"</span>, effect <span class="op">=</span> <span class="st">"cover"</span><span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/panel.html">f7Panel</a></span><span class="op">(</span>title <span class="op">=</span> <span class="st">"Right Panel"</span>, side <span class="op">=</span> <span class="st">"right"</span>, theme <span class="op">=</span> <span class="st">"dark"</span>, <span class="st">"Blabla"</span>, effect <span class="op">=</span> <span class="st">"cover"</span><span class="op">)</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
+<span>        title <span class="op">=</span> <span class="st">"Tabs"</span>,</span>
+<span>        hairline <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        shadow <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        leftPanel <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        rightPanel <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      <span class="fu"><a href="../reference/f7Tabs.html">f7Tabs</a></span><span class="op">(</span></span>
+<span>        animated <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        <span class="co">#swipeable = TRUE,</span></span>
+<span>        <span class="fu"><a href="../reference/f7Tab.html">f7Tab</a></span><span class="op">(</span></span>
+<span>          title <span class="op">=</span> <span class="st">"Tab 1"</span>,</span>
+<span>          tabName <span class="op">=</span> <span class="st">"Tab1"</span>,</span>
+<span>          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"folder"</span><span class="op">)</span>,</span>
+<span>          active <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span></span>
+<span>          <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span>
+<span>            intensity <span class="op">=</span> <span class="fl">10</span>,</span>
+<span>            hover <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>            <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span></span>
+<span>              title <span class="op">=</span> <span class="st">"Card header"</span>,</span>
+<span>              <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">apexchartOutput</a></span><span class="op">(</span><span class="st">"pie"</span><span class="op">)</span></span>
+<span>            <span class="op">)</span></span>
+<span>          <span class="op">)</span></span>
+<span>        <span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Tab.html">f7Tab</a></span><span class="op">(</span></span>
+<span>          title <span class="op">=</span> <span class="st">"Tab 2"</span>,</span>
+<span>          tabName <span class="op">=</span> <span class="st">"Tab2"</span>,</span>
+<span>          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"keyboard"</span><span class="op">)</span>,</span>
+<span>          active <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>          <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span>
+<span>            intensity <span class="op">=</span> <span class="fl">10</span>,</span>
+<span>            hover <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>            <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span></span>
+<span>              title <span class="op">=</span> <span class="st">"Card header"</span>,</span>
+<span>              <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">apexchartOutput</a></span><span class="op">(</span><span class="st">"scatter"</span><span class="op">)</span></span>
+<span>            <span class="op">)</span></span>
+<span>          <span class="op">)</span></span>
+<span>        <span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Tab.html">f7Tab</a></span><span class="op">(</span></span>
+<span>          title <span class="op">=</span> <span class="st">"Tab 3"</span>,</span>
+<span>          tabName <span class="op">=</span> <span class="st">"Tab3"</span>,</span>
+<span>          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"layers_alt"</span><span class="op">)</span>,</span>
+<span>          active <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>          <span class="fu"><a href="../reference/f7Shadow.html">f7Shadow</a></span><span class="op">(</span></span>
+<span>            intensity <span class="op">=</span> <span class="fl">10</span>,</span>
+<span>            hover <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>            <span class="fu"><a href="../reference/card.html">f7Card</a></span><span class="op">(</span></span>
+<span>              title <span class="op">=</span> <span class="st">"Card header"</span>,</span>
+<span>              <span class="fu"><a href="../reference/smartselect.html">f7SmartSelect</a></span><span class="op">(</span></span>
+<span>                <span class="st">"variable"</span>,</span>
+<span>                <span class="st">"Variables to show:"</span>,</span>
+<span>                <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"Cylinders"</span> <span class="op">=</span> <span class="st">"cyl"</span>,</span>
+<span>                  <span class="st">"Transmission"</span> <span class="op">=</span> <span class="st">"am"</span>,</span>
+<span>                  <span class="st">"Gears"</span> <span class="op">=</span> <span class="st">"gear"</span><span class="op">)</span>,</span>
+<span>                openIn <span class="op">=</span> <span class="st">"sheet"</span>,</span>
+<span>                multiple <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>              <span class="op">)</span>,</span>
+<span>              <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderTable.html" class="external-link">tableOutput</a></span><span class="op">(</span><span class="st">"data"</span><span class="op">)</span></span>
+<span>            <span class="op">)</span></span>
+<span>          <span class="op">)</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">)</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span>
+<span></span>
+<span>    <span class="co"># river plot</span></span>
+<span>    <span class="va">dates</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/reactive.html" class="external-link">reactive</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/seq.Date.html" class="external-link">seq.Date</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html" class="external-link">Sys.Date</a></span><span class="op">(</span><span class="op">)</span> <span class="op">-</span> <span class="fl">30</span>, <span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html" class="external-link">Sys.Date</a></span><span class="op">(</span><span class="op">)</span>, by <span class="op">=</span> <span class="va">input</span><span class="op">$</span><span class="va">by</span><span class="op">)</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">pie</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">renderApexchart</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html" class="external-link">apex</a></span><span class="op">(</span></span>
+<span>        data <span class="op">=</span> <span class="va">poll</span>,</span>
+<span>        type <span class="op">=</span> <span class="st">"pie"</span>,</span>
+<span>        mapping <span class="op">=</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">answer</span>, y <span class="op">=</span> <span class="va">n</span><span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">scatter</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">renderApexchart</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html" class="external-link">apex</a></span><span class="op">(</span></span>
+<span>        data <span class="op">=</span> <span class="va">mtcars</span>,</span>
+<span>        type <span class="op">=</span> <span class="st">"scatter"</span>,</span>
+<span>        mapping <span class="op">=</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span></span>
+<span>          x <span class="op">=</span> <span class="va">wt</span>,</span>
+<span>          y <span class="op">=</span> <span class="va">mpg</span>,</span>
+<span>          fill <span class="op">=</span> <span class="va">cyl</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="co"># datatable</span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">data</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderTable.html" class="external-link">renderTable</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="va">mtcars</span><span class="op">[</span>, <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"mpg"</span>, <span class="va">input</span><span class="op">$</span><span class="va">variable</span><span class="op">)</span>, drop <span class="op">=</span> <span class="cn">FALSE</span><span class="op">]</span></span>
+<span>    <span class="op">}</span>, rownames <span class="op">=</span> <span class="cn">TRUE</span><span class="op">)</span></span>
+<span>  <span class="op">}</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+</div>
+<div class="section level5">
+<h5 id="split-layout">Split Layout<a class="anchor" aria-label="anchor" href="#split-layout"></a>
+</h5>
+<p><code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code> is the third layout introduced with
+<a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a>, similar to <code>sidebarLayout</code> with
+{shiny}. This template is focused for tablet/desktop use. It is composed
+of a sidebar, and a main panel.</p>
+<div class="sourceCode" id="cb12"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/f7SplitLayout.html">f7SplitLayout</a></span><span class="op">(</span></span>
+<span>  <span class="va">...</span>, </span>
+<span>  <span class="va">navbar</span>, </span>
+<span>  <span class="va">sidebar</span>, </span>
+<span>  toolbar <span class="op">=</span> <span class="cn">NULL</span>, </span>
+<span>  panels <span class="op">=</span> <span class="cn">NULL</span>,</span>
+<span>  appbar <span class="op">=</span> <span class="cn">NULL</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p>The main content goes in the <strong>…</strong> parameter. Navigation
+items are gathered in the sidebar slot. The sidebar expect a
+<code><a href="../reference/panel.html">f7Panel()</a></code>. Importantly, the side parameter must be set to
+<code>left</code> and the style to <code>reveal</code>. The navigation
+menu is organized as follows:</p>
+<div class="sourceCode" id="cb13"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="fu"><a href="../reference/panelmenu.html">f7PanelMenu</a></span><span class="op">(</span></span>
+<span>  id <span class="op">=</span> <span class="st">"menu"</span>,</span>
+<span>  <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span></span>
+<span>    tabName <span class="op">=</span> <span class="st">"tab1"</span>, </span>
+<span>    title <span class="op">=</span> <span class="st">"Tab 1"</span>, </span>
+<span>    icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"email"</span><span class="op">)</span>, </span>
+<span>    active <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span></span>
+<span>    tabName <span class="op">=</span> <span class="st">"tab2"</span>, </span>
+<span>    title <span class="op">=</span> <span class="st">"Tab 2"</span>, </span>
+<span>    icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"home"</span><span class="op">)</span></span>
+<span>  <span class="op">)</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+<p>The <strong>id</strong> argument is important if you want to get the
+currently selected item or update the select tab. Each
+<code><a href="../reference/panelmenu.html">f7PanelItem()</a></code> has a mandatory <strong>tabName</strong>. The
+associated input will be <code>input$menu</code> in that example, with
+<code>tab1</code> for value since the first tab was set to an active
+state. To adequately link the body and the sidebar, you must wrap the
+body content in <code><a href="../reference/f7Items.html">f7Items()</a></code> containing as many
+<code><a href="../reference/f7Item.html">f7Item()</a></code> as sidebar items. The <strong>tabName</strong>
+must correspond.</p>
+<div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init data-full-screen="false" data-require-bs-caller="card()" data-require-bs-version="5">
+<div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+<iframe class="html-fill-item" src="https://shinylive.io/r/app/#code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw4BzSampFSAJmGiGzNl178AskXq1qcZWLUc0cAB4FuLcoyOqJ7UtzgwopWgWUiAZowCutKScAAQAPAC0IQAm7lAYfrBw7CIhIdDwIQC8IQTsAOQAgugGnPm4IfkA8swQknBlFfkAQlDQ0I2VzXCMjLQN+QK4qSEAblDU-nDZuewALHMVAKxLFQBsAOwVABwAzMreZC5uHgQA+jx8HD4kpDNCKP6kRA+HEHAA7mcwpAQsoZEQowGtZUMkRrFSFAZi4oNF2D8-oxOEMRrRouNGPcwDAiNE4NQHsMIGlMaw+JIZnROKR2HkHtFmKQiSEHh9mWABKiSSEPPBQjl6WBGe4WWyOdy0tFaMCCB4SNi5HUiSNRhgMg1seNJnAVTzGURUDMhTBUJIxYRWIS8KywNxUBbpTSLQBHThwAgW0acC2wC31FgWpH0V4iQ6XfjFVApHmBGY+DYABSg9RjaTSHlIBmxWlYITQDrwIzShvlEAFIWptOL6ecrmmOQeUH8jCIzD16fTsUYAGsZgAVLAAVQAosTO2kfPoDNEZgAxQoAGQAymOa2liHIsY2wABiAAM+42UB8Pg7E+e-isVNoNLTE4zaAAEkRqLOcoPR+OH7zn6-ogAIgSUB5jkGxLPu34PrQRCcP2RBXtwWC0CUDYhAuK4juuISShOMFwbUnCTAQFCkK0yLzkuq5Qem0CjPQLA3ne2FpPhADCpE9P2QTZh+w5rjyD68PiAByUCjFUEDJvUy4EK21DUAO-HYbhnbPK+DHbpWt7VoJE7CXAYkSVJKZwLJ8mKTkGGripNFpKg-gKfBWBwH4IKUZhNaqSECbLrIQSLiBCG6Q+nDonAmnxkmbQEveD6ZrxtrLuFmnnqF4WKq5HJ2bWxxoQ8dCSNw2UsT50XvNQWgUP4cU-ui2LwBA-hpT+CbJhVACS5AwLVP6-vQYmZDuUL0AAjC1fUJflYD9lA9AhONRZ6X1ngKjkCYdcQEApGAcAuv4ExnAQMoEAYrw5Q+UByrQoxoZ+WHLRO3kPm1MXUF1ri9T+I2DdNI0KBN308dNs3zQDS19Z2q0kutGybSQO17Qd1BHSdZ2cqVaTPROr2dd1X3xXNv3YiNuyA-FwPYqDIRkxDkOsVtUXw9tDxI4dx2MKduoY49nbKH12NpIEVRPA51ZgO6BhynA0RnCN52la5PgencO7ArdEwPLZ2F0ZFsNGZpBO8pTO5+XQdyBawwXkyE1gynQ7wedRpU8HCRAfEpo7a496nUHrZXwRpLBG6gsFBDBMO2vQ8jPDANsJoufA9uw1BzQS2KJxAfaLRU3DAj42LFaQqCcIgAD0ZcfFXGCSEQRCSAYGDEHHnIXWVmfJ6n9DpzuHchODuf54XpDF6XFdVx8Nd1w3cBN0QLf809OW7iEbh8LktykdhG3dZwRs759mP9cTw1zTnR8Js0TzPCzYDPNIBjLi4cDZbaiZyHcqAsEktg+q3F8bCfnAF+RsobvltDwYBpBz68wnF3Hub8P4hGTMweAv8badjbP0Mg7gI7YmjiPeeGD0ycA+ChOA8E2JyHdJ7AS9M0gMQID2A0Ro+JfiPpOQBdB8SMFAROB4ug-5twfA8ES-gYDdyxEQAugiejjDLKXYhnYYDrxyJBVeUBzAzFGoeSCHD0zaimDMCC+59GLwFsIkITB2CC3TLIeQIti5PB2k6Ug795ChlgbYg+PUj4-SSCTOaA8j5mEsNYRgpBHFix2swbsniLGlR8Xw-xQ1bSk2IQmeCD9wSwKhhAMWHVwEPHsaQC43B3ZKMrGnSySVyke3caQAA-JUqwHoewy1oUfWxaRQlWBsFE5xDwYCOQ8GcWJtBNY8wFipLyIxcLukYLdLSPh-AQGugjPgYsKjBS2SEd0nAwokAECEEAIgayyMWXAEct0yDsE2U8AAJPfGeQCX4VFOY9fwqBIRwDnIA5+tJ6o7kgS-Ra5iQgAF9DiYPoAs261zSJ3PyY8wR7zsK0ALkisWDzBHhBCCY45Hy+oJhEvIDFySLCqxCF-GkcB9w7X7C4PZ3CehjAmEY28IQSDUDzCye5pAcWwoqA8DAyCDBQHdPo+hIQ+ByTgBK6YQQFa5JlYzWGzMdrR2oKUqcCllX0ymtiQoBgInEKmshIqpB+yUpmMuVgnAMAAXcMkcFfNsIQprFCs5ekdmPNiYxQEwIIA8OKBYPpET2BEonKEo2kJoQ5HeF8RE-w26kFYGCbE-rGA2zcOgCkMwoAND4VonIuJ8TUEsaBNlOpLGSFbF8mYfJDAzL0l6iA5zRaPMlirGWcs5rhCiEGnhQ4OqRuwk+fsWhFzsBpeQelDxCgEBIgc3kTKCAtiDVmPM3bpazhGogW0FQaStjqFix5jV-BcnBW2jtTiBWuIaQOoEFAeENLHY9VxT7GAQDbD1flgqUTYV4HeVx17oXpl9QK4Z2raBjLhBMxSgaX09FDWEmw77oKYv-SUsp7tCWlRjXG+MAQgicAqGmjNat4MTHIiyXNqB805ELXvEt6QkgVCrYYwwrrIWevAx6iAAgwAQoALpAA&amp;h=0" height="700" width="100%" style="border: 1px solid rgba(0,0,0,0.175); border-radius: .375rem;" allowfullscreen="" allow="autoplay" data-external="1"></iframe>
+</div>
+<bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
+</bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
+</div>
+<div class="sourceCode" id="cb14"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/dreamRs/apexcharter" class="external-link">apexcharter</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://rstudio.github.io/thematic/" class="external-link">thematic</a></span><span class="op">)</span></span>
+<span></span>
+<span><span class="va">fruits</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/base/data.frame.html" class="external-link">data.frame</a></span><span class="op">(</span></span>
+<span>  name <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">'Apples'</span>, <span class="st">'Oranges'</span>, <span class="st">'Bananas'</span>, <span class="st">'Berries'</span><span class="op">)</span>,</span>
+<span>  value <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="fl">44</span>, <span class="fl">55</span>, <span class="fl">67</span>, <span class="fl">83</span><span class="op">)</span></span>
+<span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu"><a href="https://rstudio.github.io/thematic/reference/thematic_on.html" class="external-link">thematic_shiny</a></span><span class="op">(</span>font <span class="op">=</span> <span class="st">"auto"</span><span class="op">)</span></span>
+<span></span>
+<span><span class="va">new_mtcars</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/reshape.html" class="external-link">reshape</a></span><span class="op">(</span></span>
+<span>  data <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/utils/head.html" class="external-link">head</a></span><span class="op">(</span><span class="va">mtcars</span><span class="op">)</span>,</span>
+<span>  idvar <span class="op">=</span> <span class="st">"model"</span>,</span>
+<span>  varying <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"drat"</span>, <span class="st">"wt"</span><span class="op">)</span><span class="op">)</span>,</span>
+<span>  times <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"drat"</span>, <span class="st">"wt"</span><span class="op">)</span>,</span>
+<span>  direction <span class="op">=</span> <span class="st">"long"</span>,</span>
+<span>  v.names <span class="op">=</span> <span class="st">"value"</span>,</span>
+<span>  drop <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"mpg"</span>, <span class="st">"cyl"</span>, <span class="st">"hp"</span>, <span class="st">"dist"</span>, <span class="st">"qsec"</span>, <span class="st">"vs"</span>, <span class="st">"am"</span>, <span class="st">"gear"</span>, <span class="st">"carb"</span><span class="op">)</span></span>
+<span><span class="op">)</span></span>
+<span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyApp</a></span><span class="op">(</span></span>
+<span>  ui <span class="op">=</span> <span class="fu"><a href="../reference/f7Page.html">f7Page</a></span><span class="op">(</span></span>
+<span>    title <span class="op">=</span> <span class="st">"My app"</span>,</span>
+<span>    options <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>      theme <span class="op">=</span> <span class="st">"aurora"</span>,</span>
+<span>      dark <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>      filled <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>      color <span class="op">=</span> <span class="st">"#007aff"</span>,</span>
+<span>      touch <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>        tapHold <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        tapHoldDelay <span class="op">=</span> <span class="fl">750</span>,</span>
+<span>        iosTouchRipple <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      iosTranslucentBars <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>      navbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>        iosCenterTitle <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>        hideNavOnPageScroll <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      toolbar <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
+<span>        hideNavOnPageScroll <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      pullToRefresh <span class="op">=</span> <span class="cn">FALSE</span></span>
+<span>    <span class="op">)</span>,</span>
+<span>    <span class="fu"><a href="../reference/f7SplitLayout.html">f7SplitLayout</a></span><span class="op">(</span></span>
+<span>      sidebar <span class="op">=</span> <span class="fu"><a href="../reference/panel.html">f7Panel</a></span><span class="op">(</span></span>
+<span>        title <span class="op">=</span> <span class="st">"Sidebar"</span>,</span>
+<span>        side <span class="op">=</span> <span class="st">"left"</span>,</span>
+<span>        theme <span class="op">=</span> <span class="st">"light"</span>,</span>
+<span>        <span class="fu"><a href="../reference/panelmenu.html">f7PanelMenu</a></span><span class="op">(</span></span>
+<span>          id <span class="op">=</span> <span class="st">"menu"</span>,</span>
+<span>          <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span></span>
+<span>            tabName <span class="op">=</span> <span class="st">"tab1"</span>,</span>
+<span>            title <span class="op">=</span> <span class="st">"Tab 1"</span>,</span>
+<span>            icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"equal_circle"</span><span class="op">)</span>,</span>
+<span>            active <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>          <span class="op">)</span>,</span>
+<span>          <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span></span>
+<span>            tabName <span class="op">=</span> <span class="st">"tab2"</span>,</span>
+<span>            title <span class="op">=</span> <span class="st">"Tab 2"</span>,</span>
+<span>            icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"equal_circle"</span><span class="op">)</span></span>
+<span>          <span class="op">)</span>,</span>
+<span>          <span class="fu"><a href="../reference/panelmenu.html">f7PanelItem</a></span><span class="op">(</span></span>
+<span>            tabName <span class="op">=</span> <span class="st">"tab3"</span>,</span>
+<span>            title <span class="op">=</span> <span class="st">"Tab 3"</span>,</span>
+<span>            icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"equal_circle"</span><span class="op">)</span></span>
+<span>          <span class="op">)</span></span>
+<span>        <span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/htmlOutput.html" class="external-link">uiOutput</a></span><span class="op">(</span><span class="st">"selected_tab"</span><span class="op">)</span>,</span>
+<span>        effect <span class="op">=</span> <span class="st">"reveal"</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      navbar <span class="op">=</span> <span class="fu"><a href="../reference/navbar.html">f7Navbar</a></span><span class="op">(</span></span>
+<span>        title <span class="op">=</span> <span class="st">"Split Layout"</span>,</span>
+<span>        hairline <span class="op">=</span> <span class="cn">FALSE</span>,</span>
+<span>        shadow <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      toolbar <span class="op">=</span> <span class="fu"><a href="../reference/f7Toolbar.html">f7Toolbar</a></span><span class="op">(</span></span>
+<span>        position <span class="op">=</span> <span class="st">"bottom"</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 1"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Link.html">f7Link</a></span><span class="op">(</span>label <span class="op">=</span> <span class="st">"Link 2"</span>, href <span class="op">=</span> <span class="st">"https://www.google.com"</span><span class="op">)</span></span>
+<span>      <span class="op">)</span>,</span>
+<span>      <span class="co"># main content</span></span>
+<span>      <span class="fu"><a href="../reference/f7Items.html">f7Items</a></span><span class="op">(</span></span>
+<span>        <span class="fu"><a href="../reference/f7Item.html">f7Item</a></span><span class="op">(</span></span>
+<span>          tabName <span class="op">=</span> <span class="st">"tab1"</span>,</span>
+<span>          <span class="fu"><a href="../reference/button.html">f7Button</a></span><span class="op">(</span><span class="st">"toggleSheet"</span>, <span class="st">"Plot parameters"</span><span class="op">)</span>,</span>
+<span>          <span class="fu"><a href="../reference/sheet.html">f7Sheet</a></span><span class="op">(</span></span>
+<span>            id <span class="op">=</span> <span class="st">"sheet1"</span>,</span>
+<span>            label <span class="op">=</span> <span class="st">"Plot Parameters"</span>,</span>
+<span>            orientation <span class="op">=</span> <span class="st">"bottom"</span>,</span>
+<span>            swipeToClose <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>            backdrop <span class="op">=</span> <span class="cn">TRUE</span>,</span>
+<span>            <span class="fu"><a href="../reference/slider.html">f7Slider</a></span><span class="op">(</span></span>
+<span>              <span class="st">"obs"</span>,</span>
+<span>              <span class="st">"Number of observations:"</span>,</span>
+<span>              min <span class="op">=</span> <span class="fl">0</span>, max <span class="op">=</span> <span class="fl">1000</span>,</span>
+<span>              value <span class="op">=</span> <span class="fl">500</span></span>
+<span>            <span class="op">)</span></span>
+<span>          <span class="op">)</span>,</span>
+<span>          <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">br</a></span><span class="op">(</span><span class="op">)</span>,</span>
+<span>          <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/plotOutput.html" class="external-link">plotOutput</a></span><span class="op">(</span><span class="st">"distPlot"</span><span class="op">)</span></span>
+<span>        <span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Item.html">f7Item</a></span><span class="op">(</span></span>
+<span>          tabName <span class="op">=</span> <span class="st">"tab2"</span>,</span>
+<span>          <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">apexchartOutput</a></span><span class="op">(</span><span class="st">"radar"</span><span class="op">)</span></span>
+<span>        <span class="op">)</span>,</span>
+<span>        <span class="fu"><a href="../reference/f7Item.html">f7Item</a></span><span class="op">(</span></span>
+<span>          tabName <span class="op">=</span> <span class="st">"tab3"</span>,</span>
+<span>          <span class="fu"><a href="../reference/toggle.html">f7Toggle</a></span><span class="op">(</span></span>
+<span>            inputId <span class="op">=</span> <span class="st">"plot_show"</span>,</span>
+<span>            label <span class="op">=</span> <span class="st">"Show Plot?"</span>,</span>
+<span>            checked <span class="op">=</span> <span class="cn">TRUE</span></span>
+<span>          <span class="op">)</span>,</span>
+<span>          <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">apexchartOutput</a></span><span class="op">(</span><span class="st">"multi_radial"</span><span class="op">)</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">)</span></span>
+<span>  <span class="op">)</span>,</span>
+<span>  server <span class="op">=</span> <span class="kw">function</span><span class="op">(</span><span class="va">input</span>, <span class="va">output</span>, <span class="va">session</span><span class="op">)</span> <span class="op">{</span></span>
+<span></span>
+<span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">toggleSheet</span>, <span class="op">{</span></span>
+<span>      <span class="fu"><a href="../reference/sheet.html">updateF7Sheet</a></span><span class="op">(</span>id <span class="op">=</span> <span class="st">"sheet1"</span><span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/observeEvent.html" class="external-link">observeEvent</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span>, <span class="op">{</span></span>
+<span>      <span class="kw">if</span> <span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span> <span class="op">&lt;</span> <span class="fl">500</span><span class="op">)</span> <span class="op">{</span></span>
+<span>        <span class="fu"><a href="../reference/f7Notif.html">f7Notif</a></span><span class="op">(</span></span>
+<span>          text <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste0</a></span><span class="op">(</span><span class="st">"The slider value is only "</span>, <span class="va">input</span><span class="op">$</span><span class="va">obs</span>, <span class="st">". Please</span></span>
+<span><span class="st">                        increase it"</span><span class="op">)</span>,</span>
+<span>          icon <span class="op">=</span> <span class="fu"><a href="../reference/f7Icon.html">f7Icon</a></span><span class="op">(</span><span class="st">"bolt_fill"</span><span class="op">)</span>,</span>
+<span>          title <span class="op">=</span> <span class="st">"Alert"</span>,</span>
+<span>          titleRightText <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/Sys.time.html" class="external-link">Sys.Date</a></span><span class="op">(</span><span class="op">)</span></span>
+<span>        <span class="op">)</span></span>
+<span>      <span class="op">}</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">radar</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">renderApexchart</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html" class="external-link">apex</a></span><span class="op">(</span></span>
+<span>        data <span class="op">=</span> <span class="va">new_mtcars</span>,</span>
+<span>        type <span class="op">=</span> <span class="st">"radar"</span>,</span>
+<span>        mapping <span class="op">=</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span></span>
+<span>          x <span class="op">=</span> <span class="va">model</span>,</span>
+<span>          y <span class="op">=</span> <span class="va">value</span>,</span>
+<span>          group <span class="op">=</span> <span class="va">time</span><span class="op">)</span></span>
+<span>      <span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">selected_tab</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderUI.html" class="external-link">renderUI</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/HTML.html" class="external-link">HTML</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/paste.html" class="external-link">paste0</a></span><span class="op">(</span><span class="st">"Access the currently selected tab: "</span>, <span class="fu"><a href="https://rstudio.github.io/htmltools/reference/builder.html" class="external-link">strong</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">menu</span><span class="op">)</span><span class="op">)</span><span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">distPlot</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/pkg/shiny/man/renderPlot.html" class="external-link">renderPlot</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="va">dist</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://rdrr.io/r/stats/Normal.html" class="external-link">rnorm</a></span><span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">obs</span><span class="op">)</span></span>
+<span>      <span class="fu"><a href="https://rdrr.io/r/graphics/hist.html" class="external-link">hist</a></span><span class="op">(</span><span class="va">dist</span><span class="op">)</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>    <span class="va">output</span><span class="op">$</span><span class="va">multi_radial</span> <span class="op">&lt;-</span> <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apexcharter-shiny.html" class="external-link">renderApexchart</a></span><span class="op">(</span><span class="op">{</span></span>
+<span>      <span class="kw">if</span> <span class="op">(</span><span class="va">input</span><span class="op">$</span><span class="va">plot_show</span><span class="op">)</span> <span class="op">{</span></span>
+<span>        <span class="fu"><a href="https://dreamrs.github.io/apexcharter/reference/apex.html" class="external-link">apex</a></span><span class="op">(</span>data <span class="op">=</span> <span class="va">fruits</span>, type <span class="op">=</span> <span class="st">"radialBar"</span>, mapping <span class="op">=</span> <span class="fu"><a href="https://ggplot2.tidyverse.org/reference/aes.html" class="external-link">aes</a></span><span class="op">(</span>x <span class="op">=</span> <span class="va">name</span>, y <span class="op">=</span> <span class="va">value</span><span class="op">)</span><span class="op">)</span></span>
+<span>      <span class="op">}</span></span>
+<span>    <span class="op">}</span><span class="op">)</span></span>
+<span></span>
+<span>  <span class="op">}</span></span>
+<span><span class="op">)</span></span></code></pre></div>
+</div>
 </div>
 <div class="section level4">
 <h4 id="options">Options<a class="anchor" aria-label="anchor" href="#options"></a>
 </h4>
 <p>This is probably the most important element of the template:</p>
-<div class="sourceCode" id="cb10"><pre class="downlit sourceCode r">
+<div class="sourceCode" id="cb15"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="va">options</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
 <span>    theme <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"ios"</span>, <span class="st">"md"</span>, <span class="st">"auto"</span>, <span class="st">"aurora"</span><span class="op">)</span>,</span>
 <span>    dark <span class="op">=</span> <span class="cn">TRUE</span>,</span>
@@ -463,12 +869,25 @@ <h4 id="options">Options<a class="anchor" aria-label="anchor" href="#options"></
 fill the navbar and toolbar if enabled. The <strong>color</strong>
 options simply changes the color of elements such as buttons, panel
 triggers, tabs triggers, … <a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> brings a lot of
-different colors. <strong>hideOnPageScroll</strong> allow to hide/show
+different colors. <strong>hideOnPageScroll</strong> allows to hide/show
 the navbar and toolbar which is useful to focus on the content. The
 <strong>tapHold</strong> parameter ensure that the “long-press” feature
-is activated. Framework7 has many more options which can be passed
-through this <strong>options</strong> parameter</p>
+is activated. <strong>preloader</strong> is useful in case you want to
+display a loading screen. Framework7 has many more <a href="https://v5.framework7.io/docs/app#app-parameters" class="external-link">options</a>
+which can be passed through this <strong>options</strong> parameter.</p>
+</div>
 </div>
+</div>
+<div class="section level2">
+<h2 id="gadgets">Gadgets<a class="anchor" aria-label="anchor" href="#gadgets"></a>
+</h2>
+<p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> is particularly well suited to build shiny
+<strong>gagdets</strong>. To convert an existing app to a gadget, wrap
+it in the <code><a href="https://rdrr.io/pkg/shiny/man/runGadget.html" class="external-link">shiny::runGadget()</a></code> function.</p>
+<div class="sourceCode" id="cb16"><pre class="downlit sourceCode r">
+<code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
+<span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
+<span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/runGadget.html" class="external-link">runGadget</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/pkg/shiny/man/shinyApp.html" class="external-link">shinyAppDir</a></span><span class="op">(</span><span class="fu"><a href="https://rdrr.io/r/base/system.file.html" class="external-link">system.file</a></span><span class="op">(</span><span class="st">"examples/tab_layout"</span>, package <span class="op">=</span> <span class="st">"shinyMobile"</span><span class="op">)</span><span class="op">)</span><span class="op">)</span></span></code></pre></div>
 </div>
   </main><aside class="col-md-3"><nav id="toc"><h2>On this page</h2>
     </nav></aside>
diff --git a/docs/authors.html b/docs/authors.html
index fe7ec805..4dffe623 100644
--- a/docs/authors.html
+++ b/docs/authors.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/index.html b/docs/index.html
index b3211f50..ce1c523a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -64,12 +64,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/news/index.html b/docs/news/index.html
index 70e75daa..115a004a 100644
--- a/docs/news/index.html
+++ b/docs/news/index.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="active nav-item dropdown">
diff --git a/docs/pkgdown.yml b/docs/pkgdown.yml
index ca4ac418..c7a0f3fb 100644
--- a/docs/pkgdown.yml
+++ b/docs/pkgdown.yml
@@ -2,12 +2,8 @@ pandoc: 3.1.4
 pkgdown: 2.0.7
 pkgdown_sha: ~
 articles:
-  Gadgets: Gadgets.html
-  Single-Layout: Single-Layout.html
-  Split-Layout: Split-Layout.html
-  Tabs-Layout: Tabs-Layout.html
   pwa: pwa.html
+  shinyMobile-tools: shinyMobile-tools.html
   shinyMobile: shinyMobile.html
-  shinyMobile_tools: shinyMobile_tools.html
-last_built: 2024-01-21T21:21Z
+last_built: 2024-01-25T20:48Z
 
diff --git a/docs/reference/authentication.html b/docs/reference/authentication.html
index 591b3e99..fdfc8b7e 100644
--- a/docs/reference/authentication.html
+++ b/docs/reference/authentication.html
@@ -33,12 +33,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/class2f7.html b/docs/reference/class2f7.html
index 1edd48e9..c2985f38 100644
--- a/docs/reference/class2f7.html
+++ b/docs/reference/class2f7.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/createSelectOptions.html b/docs/reference/createSelectOptions.html
index cd553509..8e513d0a 100644
--- a/docs/reference/createSelectOptions.html
+++ b/docs/reference/createSelectOptions.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/create_app_ui.html b/docs/reference/create_app_ui.html
index 722ebf2e..79a93bc0 100644
--- a/docs/reference/create_app_ui.html
+++ b/docs/reference/create_app_ui.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Align.html b/docs/reference/f7Align.html
index 7adf0af9..a0b534cc 100644
--- a/docs/reference/f7Align.html
+++ b/docs/reference/f7Align.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Badge.html b/docs/reference/f7Badge.html
index 2ad03192..5346448f 100644
--- a/docs/reference/f7Badge.html
+++ b/docs/reference/f7Badge.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7BlockFooter.html b/docs/reference/f7BlockFooter.html
index c2bb9804..98238b57 100644
--- a/docs/reference/f7BlockFooter.html
+++ b/docs/reference/f7BlockFooter.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7BlockTitle.html b/docs/reference/f7BlockTitle.html
index d37ef919..5a1fabbc 100644
--- a/docs/reference/f7BlockTitle.html
+++ b/docs/reference/f7BlockTitle.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Chip.html b/docs/reference/f7Chip.html
index e983f0ae..d7608220 100644
--- a/docs/reference/f7Chip.html
+++ b/docs/reference/f7Chip.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Col.html b/docs/reference/f7Col.html
index 76ceda75..d81ef31a 100644
--- a/docs/reference/f7Col.html
+++ b/docs/reference/f7Col.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7ColorPicker.html b/docs/reference/f7ColorPicker.html
index 8d63146d..8dfa7a16 100644
--- a/docs/reference/f7ColorPicker.html
+++ b/docs/reference/f7ColorPicker.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Dialog.html b/docs/reference/f7Dialog.html
index fafc7bdc..14d1c438 100644
--- a/docs/reference/f7Dialog.html
+++ b/docs/reference/f7Dialog.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7DownloadButton.html b/docs/reference/f7DownloadButton.html
index 3c1d373f..527a97be 100644
--- a/docs/reference/f7DownloadButton.html
+++ b/docs/reference/f7DownloadButton.html
@@ -33,12 +33,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7FabClose.html b/docs/reference/f7FabClose.html
index 06d05e36..8e1d045d 100644
--- a/docs/reference/f7FabClose.html
+++ b/docs/reference/f7FabClose.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7File.html b/docs/reference/f7File.html
index 19a4a1c8..f2620cb9 100644
--- a/docs/reference/f7File.html
+++ b/docs/reference/f7File.html
@@ -29,12 +29,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Flex.html b/docs/reference/f7Flex.html
index 586459a7..0f5a7c05 100644
--- a/docs/reference/f7Flex.html
+++ b/docs/reference/f7Flex.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Float.html b/docs/reference/f7Float.html
index 9c0acaf7..8c122a50 100644
--- a/docs/reference/f7Float.html
+++ b/docs/reference/f7Float.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Found.html b/docs/reference/f7Found.html
index 126c70da..7c3244f0 100644
--- a/docs/reference/f7Found.html
+++ b/docs/reference/f7Found.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Gallery.html b/docs/reference/f7Gallery.html
index cef007cf..03cd7999 100644
--- a/docs/reference/f7Gallery.html
+++ b/docs/reference/f7Gallery.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7HideOnEnable.html b/docs/reference/f7HideOnEnable.html
index c6d74757..8dc2fd39 100644
--- a/docs/reference/f7HideOnEnable.html
+++ b/docs/reference/f7HideOnEnable.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7HideOnSearch.html b/docs/reference/f7HideOnSearch.html
index 775b01a6..11fa9dda 100644
--- a/docs/reference/f7HideOnSearch.html
+++ b/docs/reference/f7HideOnSearch.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Icon.html b/docs/reference/f7Icon.html
index 4160a6a6..15116cb9 100644
--- a/docs/reference/f7Icon.html
+++ b/docs/reference/f7Icon.html
@@ -29,12 +29,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Item.html b/docs/reference/f7Item.html
index d30d338e..8e16440a 100644
--- a/docs/reference/f7Item.html
+++ b/docs/reference/f7Item.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Items.html b/docs/reference/f7Items.html
index 2eee58c7..fb991ef2 100644
--- a/docs/reference/f7Items.html
+++ b/docs/reference/f7Items.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Link.html b/docs/reference/f7Link.html
index e5df524c..3620f1be 100644
--- a/docs/reference/f7Link.html
+++ b/docs/reference/f7Link.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7List.html b/docs/reference/f7List.html
index 228eb251..1e82f8ba 100644
--- a/docs/reference/f7List.html
+++ b/docs/reference/f7List.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7ListGroup.html b/docs/reference/f7ListGroup.html
index 15d40ab3..0dd35ae1 100644
--- a/docs/reference/f7ListGroup.html
+++ b/docs/reference/f7ListGroup.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7ListIndex.html b/docs/reference/f7ListIndex.html
index efcd7858..f60e4e1d 100644
--- a/docs/reference/f7ListIndex.html
+++ b/docs/reference/f7ListIndex.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7ListItem.html b/docs/reference/f7ListItem.html
index 9c4d1d7c..c92765f1 100644
--- a/docs/reference/f7ListItem.html
+++ b/docs/reference/f7ListItem.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Margin.html b/docs/reference/f7Margin.html
index aa2e275c..eecd1f69 100644
--- a/docs/reference/f7Margin.html
+++ b/docs/reference/f7Margin.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7NotFound.html b/docs/reference/f7NotFound.html
index 4d60f36a..2c41a214 100644
--- a/docs/reference/f7NotFound.html
+++ b/docs/reference/f7NotFound.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Notif.html b/docs/reference/f7Notif.html
index 5b6d8753..6e78c516 100644
--- a/docs/reference/f7Notif.html
+++ b/docs/reference/f7Notif.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Padding.html b/docs/reference/f7Padding.html
index e1404613..3595e0e5 100644
--- a/docs/reference/f7Padding.html
+++ b/docs/reference/f7Padding.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Page.html b/docs/reference/f7Page.html
index 09fb1a75..b6385640 100644
--- a/docs/reference/f7Page.html
+++ b/docs/reference/f7Page.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Password.html b/docs/reference/f7Password.html
index 9c68dee7..0af5f8d9 100644
--- a/docs/reference/f7Password.html
+++ b/docs/reference/f7Password.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7PhotoBrowser.html b/docs/reference/f7PhotoBrowser.html
index 1979a117..74e2868a 100644
--- a/docs/reference/f7PhotoBrowser.html
+++ b/docs/reference/f7PhotoBrowser.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Popup.html b/docs/reference/f7Popup.html
index a7c73438..e5677616 100644
--- a/docs/reference/f7Popup.html
+++ b/docs/reference/f7Popup.html
@@ -29,12 +29,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Row.html b/docs/reference/f7Row.html
index 0d883dea..53d349d4 100644
--- a/docs/reference/f7Row.html
+++ b/docs/reference/f7Row.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7SearchIgnore.html b/docs/reference/f7SearchIgnore.html
index 4c8d5ac0..0c4ec2f2 100644
--- a/docs/reference/f7SearchIgnore.html
+++ b/docs/reference/f7SearchIgnore.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Searchbar.html b/docs/reference/f7Searchbar.html
index 436753ce..7858a0aa 100644
--- a/docs/reference/f7Searchbar.html
+++ b/docs/reference/f7Searchbar.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7SearchbarTrigger.html b/docs/reference/f7SearchbarTrigger.html
index 3c240ced..316cdb5c 100644
--- a/docs/reference/f7SearchbarTrigger.html
+++ b/docs/reference/f7SearchbarTrigger.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Segment.html b/docs/reference/f7Segment.html
index 89b87c7b..e6d41cdd 100644
--- a/docs/reference/f7Segment.html
+++ b/docs/reference/f7Segment.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Shadow.html b/docs/reference/f7Shadow.html
index 8c6d9d93..18bfee37 100644
--- a/docs/reference/f7Shadow.html
+++ b/docs/reference/f7Shadow.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7SingleLayout.html b/docs/reference/f7SingleLayout.html
index 5d37c5d9..9d342574 100644
--- a/docs/reference/f7SingleLayout.html
+++ b/docs/reference/f7SingleLayout.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Skeleton.html b/docs/reference/f7Skeleton.html
index edbf4e12..c94cd6c1 100644
--- a/docs/reference/f7Skeleton.html
+++ b/docs/reference/f7Skeleton.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Slide.html b/docs/reference/f7Slide.html
index 9d99d7a4..b569d1cb 100644
--- a/docs/reference/f7Slide.html
+++ b/docs/reference/f7Slide.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7SplitLayout.html b/docs/reference/f7SplitLayout.html
index 7223013b..38f01615 100644
--- a/docs/reference/f7SplitLayout.html
+++ b/docs/reference/f7SplitLayout.html
@@ -29,12 +29,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7SubNavbar.html b/docs/reference/f7SubNavbar.html
index ace7b83a..56d577df 100644
--- a/docs/reference/f7SubNavbar.html
+++ b/docs/reference/f7SubNavbar.html
@@ -29,12 +29,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Tab.html b/docs/reference/f7Tab.html
index 45fa7cdc..6ca1f671 100644
--- a/docs/reference/f7Tab.html
+++ b/docs/reference/f7Tab.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7TabLayout.html b/docs/reference/f7TabLayout.html
index 1d1f1c27..6c820bc0 100644
--- a/docs/reference/f7TabLayout.html
+++ b/docs/reference/f7TabLayout.html
@@ -29,12 +29,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7TabLink.html b/docs/reference/f7TabLink.html
index 20b93ea1..09f2fc1e 100644
--- a/docs/reference/f7TabLink.html
+++ b/docs/reference/f7TabLink.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Table.html b/docs/reference/f7Table.html
index 5db91359..878cb11a 100644
--- a/docs/reference/f7Table.html
+++ b/docs/reference/f7Table.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Tabs.html b/docs/reference/f7Tabs.html
index 086cc213..6251fa35 100644
--- a/docs/reference/f7Tabs.html
+++ b/docs/reference/f7Tabs.html
@@ -31,12 +31,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7TapHold.html b/docs/reference/f7TapHold.html
index 2384c559..b21e5403 100644
--- a/docs/reference/f7TapHold.html
+++ b/docs/reference/f7TapHold.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Toast.html b/docs/reference/f7Toast.html
index 9f0248b2..4048917a 100644
--- a/docs/reference/f7Toast.html
+++ b/docs/reference/f7Toast.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/f7Toolbar.html b/docs/reference/f7Toolbar.html
index a875c356..799b7396 100644
--- a/docs/reference/f7Toolbar.html
+++ b/docs/reference/f7Toolbar.html
@@ -29,12 +29,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/getF7Colors.html b/docs/reference/getF7Colors.html
index c819cf31..bca5ad29 100644
--- a/docs/reference/getF7Colors.html
+++ b/docs/reference/getF7Colors.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/index.html b/docs/reference/index.html
index 4dc53786..a933eec5 100644
--- a/docs/reference/index.html
+++ b/docs/reference/index.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/pipe.html b/docs/reference/pipe.html
index df8d949f..bd9387a0 100644
--- a/docs/reference/pipe.html
+++ b/docs/reference/pipe.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/preloader.html b/docs/reference/preloader.html
index b989b2d0..02acf25b 100644
--- a/docs/reference/preloader.html
+++ b/docs/reference/preloader.html
@@ -29,12 +29,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/preview_mobile.html b/docs/reference/preview_mobile.html
index c1a587d6..5fc46fd5 100644
--- a/docs/reference/preview_mobile.html
+++ b/docs/reference/preview_mobile.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/sheet.html b/docs/reference/sheet.html
index 7bac5a83..4e00c344 100644
--- a/docs/reference/sheet.html
+++ b/docs/reference/sheet.html
@@ -29,12 +29,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/updateF7Tabs.html b/docs/reference/updateF7Tabs.html
index 1804d9a8..5ba85047 100644
--- a/docs/reference/updateF7Tabs.html
+++ b/docs/reference/updateF7Tabs.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/docs/reference/updateF7VirtualList.html b/docs/reference/updateF7VirtualList.html
index 43e603d6..32a7c387 100644
--- a/docs/reference/updateF7VirtualList.html
+++ b/docs/reference/updateF7VirtualList.html
@@ -27,12 +27,8 @@
 <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" id="dropdown-articles">Articles</a>
   <div class="dropdown-menu" aria-labelledby="dropdown-articles">
-    <a class="dropdown-item" href="../articles/Gadgets.html">Gadgets</a>
-    <a class="dropdown-item" href="../articles/Single-Layout.html">Single-Layout</a>
-    <a class="dropdown-item" href="../articles/Split-Layout.html">Split-Layout</a>
-    <a class="dropdown-item" href="../articles/Tabs-Layout.html">Tabs-Layout</a>
     <a class="dropdown-item" href="../articles/pwa.html">Progressive web app support</a>
-    <a class="dropdown-item" href="../articles/shinyMobile_tools.html">shinyMobile Tools</a>
+    <a class="dropdown-item" href="../articles/shinyMobile-tools.html">shinyMobile Tools</a>
   </div>
 </li>
 <li class="nav-item dropdown">
diff --git a/vignettes/Gadgets.Rmd b/vignettes/Gadgets.Rmd
deleted file mode 100644
index 9e76374f..00000000
--- a/vignettes/Gadgets.Rmd
+++ /dev/null
@@ -1,19 +0,0 @@
----
-title: "Gadgets"
-author: "David Granjon"
-date: "`r Sys.Date()`"
-output: rmarkdown::html_vignette
-vignette: >
-  %\VignetteIndexEntry{Gadgets}
-  %\VignetteEngine{knitr::rmarkdown}
-  %\VignetteEncoding{UTF-8}
----
-
-`{shinyMobile}` is particularly well suited to build shiny __gagdets__. 
-To convert an existing app to a gadget, wrap it in the `shiny::runGadget()` function. 
-
-```{r, eval = FALSE}
-library(shiny)
-library(shinyMobile)
-runGadget(shinyAppDir(system.file("examples/tab_layout", package = "shinyMobile")))
-```
diff --git a/vignettes/Single-Layout.Rmd b/vignettes/Single-Layout.Rmd
deleted file mode 100644
index 6565c71a..00000000
--- a/vignettes/Single-Layout.Rmd
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: "Single-Layout"
-author: "David Granjon"
-date: "`r Sys.Date()`"
-output: rmarkdown::html_vignette
-vignette: >
-  %\VignetteIndexEntry{Single-Layout}
-  %\VignetteEngine{knitr::rmarkdown}
-  %\VignetteEncoding{UTF-8}
----
-
-`{shinyMobile}` comes with 3 predefined layouts. `f7SingleLayout()` is dedicated to build simple, 
-one-page apps or gadgets.
-
-```{r setup, echo=FALSE, message=FALSE}
-library(bslib)
-```
-
-The app below runs with specific options:
-
-```r
-f7Page(
-  options = list(dark = FALSE, filled = FALSE, theme = "md"),
-  ...
-)
-```
-
-```{r, eval=TRUE, echo=FALSE}
-card(
-  shinyMobile:::create_app_link(
-    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGGiGzNuzRwAHgW4tyjFWPUcAJqmqsjIkxPYBzB5aKkATCpFmopKOyFgcMQQRDC0BJwA+tQkDgEqQSSh4VExEA4ABAA8ALQZiSFhEdGxGQCkAHxlIhkZDoxEAK6okfQcAG4stFD0SgLlVTUZnHQEcOzsEOwCOQCMAAzzAohTAp4QIlL8AILo-hC1jbQZALwZAGYA7AAKUA7jQ7VEqKS0JJynGXScpOzejABrT4AMW2ABkAMoAUVwF0USjMIPB0NhpG4cHgnwCMDM8Vwjwyr1ISixYBkrAyaFQAXxB1qF0uEL4DiUYKgrCavwJtWg7XoLE+VwAclA+Sx9vTJYTaMS4KSmekSWyOY1SDTufT9LRGHQIHKzgAVLAAVRhGtqPCgZiIAHdPkbTRqBLSpYSiERqPzGILLgb3Z7xeaMqgiJwZW8DmcAvRXKRQuq6a6rmC+AD2NQenBqKSUxAgbMaRluIw4OdSdxSKRUJxEAB6Ws2xsYBzullwDDEGB4oPJ1PpzPZqNgXNAtyF4ul8uV6t1htNltENsd+NgFSu50agDEGRgUD4GWC5DIGquEP01ptEtdGT4R7DpApZ1mADYXdfuER2nBvYaTWbE1KVwAMIsGYV7XtKsqkiBjCIuiVrfgmEG1Fouj6IwpAAPKqqgqr+CgJZQEB6FqquQZrlKFG1BRG50pw35fj+FyNBABCvCQ7B8LhpCwpy3H9CABJ8aqAAkLBwERJHZHkJYQGY367DoegGOwgkAShqA6OBUreL4nwFMkxRpA4b6ug+mmkuJUBIdeu7oMynxQHAnDaa62ifLpcCmdej4ZJ01CNHA8yzN5Sbwp8nSMN0vRwORToDNU6n0lA2iRKwKW0C58kELQu7UJwACSEDAjEPifB4CUZNuECNDA9DfhkRBltluVQPlboZACcBwNSSUoalykYVwvgEF1iK-qa-SVIlEEpWlGUubu7lnAALKi4QAtsMBNGQnwrVRGQAL4UYdIgCGAh0ALpAA", #nolint
-    "app",
-    header = FALSE
-  ),
-  full_screen = TRUE
-)
-```
-
-```{r, eval=FALSE}
-library(shiny)
-library(shinyMobile)
-library(apexcharter)
-library(dplyr)
-library(ggplot2)
-
-data("economics_long")
-economics_long <- economics_long %>%
-  group_by(variable) %>%
-  slice((n()-100):n())
-
-
-shinyApp(
-  ui = f7Page(
-    title = "My app",
-    options = list(dark = FALSE, filled = FALSE, theme = "md"),
-    f7SingleLayout(
-      navbar = f7Navbar(
-        title = "Single Layout",
-        hairline = TRUE,
-        shadow = TRUE
-      ),
-      toolbar = f7Toolbar(
-        position = "bottom",
-        f7Link(label = "Link 1", href = "https://www.google.com"),
-        f7Link(label = "Link 2", href = "https://www.google.com")
-      ),
-      # main content
-      f7Shadow(
-        intensity = 16,
-        hover = TRUE,
-        f7Card(
-          title = "Card header",
-          apexchartOutput("areaChart")
-        )
-      )
-    )
-  ),
-  server = function(input, output) {
-    output$areaChart <- renderApexchart({
-      apex(
-        data = economics_long,
-        type = "area",
-        mapping = aes(
-          x = date,
-          y = value01,
-          fill = variable
-        )
-      ) %>%
-        ax_yaxis(decimalsInFloat = 2) %>% # number of decimals to keep
-        ax_chart(stacked = TRUE) %>%
-        ax_yaxis(max = 4, tickAmount = 4)
-    })
-  }
-)
-```
diff --git a/vignettes/Split-Layout.Rmd b/vignettes/Split-Layout.Rmd
deleted file mode 100644
index fa68e349..00000000
--- a/vignettes/Split-Layout.Rmd
+++ /dev/null
@@ -1,227 +0,0 @@
----
-title: "Split-Layout"
-author: "David Granjon"
-date: "`r Sys.Date()`"
-output: rmarkdown::html_vignette
-vignette: >
-  %\VignetteIndexEntry{Split-Layout}
-  %\VignetteEngine{knitr::rmarkdown}
-  %\VignetteEncoding{UTF-8}
----
-
-```{r, include = FALSE}
-knitr::opts_chunk$set(
-  collapse = TRUE,
-  comment = "#>"
-)
-```
-
-```{r setup, echo=FALSE, message=FALSE}
-library(bslib)
-```
-
-`f7SplitLayout()` is the third layout introduced with `{shinyMobile}`. This template is focused for 
-tablet/desktop use. It is composed of a sidebar, and a main panel. 
-The sidebar goes in its dedicated slot, corresponding to `f7Panel()`. While `f7Panel()` may also be embedded in both `f7SingleLayout()` and `f7TabsLayout`, it accepts extra arguments like `f7PanelMenu()` and
-`f7PanelItem()`, which are very similar to sidebar items of `{shinydashboard}`:
-
-```r
-f7Panel(
-  title = "Sidebar",
-  side = "left",
-  theme = "light",
-  f7PanelMenu(
-    id = "menu",
-    f7PanelItem(tabName = "tab1", title = "Tab 1", icon = f7Icon("email"), active = TRUE),
-    f7PanelItem(tabName = "tab2", title = "Tab 2", icon = f7Icon("home"))
-  ),
-  style = "reveal"
-)
-```
-
-The content must be passed in `...` If you have a menu in the sidebar, you must use the
-corresponding body function, namely `f7Items()` and `f7Item()`. Particularly, the *tabName*
-argument provided in `f7PanelItem()` and `f7Item()` must exactly match (like in `{shinydashboard}`, again).
-If you don't have any `f7PanelMenu()`, you can pass tags in the `...` directly. However, 
-this prevents you from having a tabbed navigation. 
-
-
-```{r, eval=TRUE, echo=FALSE}
-card(
-  shinyMobile:::create_app_link(
-    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw4BzSampFSAJmGiGzNl178AskXq1qcZWLUc0cAB4FuLcoyOqJ7UtzgwopWgWUiAZowCutKScAAQAPAC0IQAm7lAYfrBw7CIhIdDwIQC8IQTsAOQAgugGnPm4IfkA8swQknBlFfkAQlDQ0I2VzXCMjLQN+QK4qSEAblDU-nDZuewALHMVAKxLFQBsAOwVABwAzMreZC5uHgQA+jx8HD4kpDNCKP6kRA+HEHAA7mcwpAQsoZEQowGtZUMkRrFSFAZi4oNF2D8-oxOEMRrRouNGPcwDAiNE4NQHsMIGlMaw+JIZnROKR2HkHtFmKQiSEHh9mWABKiSSEPPBQjl6WBGe4WWyOdy0tFaMCCB4SNi5HUiSNRhgMg1seNJnAVTzGURUDMhTBUJIxYRWIS8KywNxUBbpTSLQBHThwAgW0acC2wC31FgWpH0V4iQ6XfjFVApHmBGY+DYABSg9RjaTSHlIBmxWlYITQDrwIzShvlEAFIWptOL6ecrmmOQeUH8jCIzD16fTsUYAGsZgAVLAAVQAosTO2kfPoDNEZgAxQoAGQAymOa2liHIsY2wABiAAM+42UB8Pg7E+e-isVNoNLTE4zaAAEkRqLOcoPR+OH7zn6-ogAIgSUB5jkGxLPu34PrQRCcP2RBXtwWC0CUDYhAuK4juuISShOMFwbUnCTAQFCkK0yLzkuq5Qem0CjPQLA3ne2FpPhADCpE9P2QTZh+w5rjyD68PiAByUCjFUEDJvUy4EK21DUAO-HYbhnbPK+DHbpWt7VoJE7CXAYkSVJKZwLJ8mKTkGGripNFpKg-gKfBWBwH4IKUZhNaqSECbLrIQSLiBCG6Q+nDonAmnxkmbQEveD6ZrxtrLuFmnnqF4WKq5HJ2bWxxoQ8dCSNw2UsT50XvNQWgUP4cU-ui2LwBA-hpT+CbJhVACS5AwLVP6-vQYmZDuUL0AAjC1fUJflYD9lA9AhONRZ6X1ngKjkCYdcQEApGAcAuv4ExnAQMoEAYrw5Q+UByrQoxoZ+WHLRO3kPm1MXUF1ri9T+I2DdNI0KBN308dNs3zQDS19Z2q0kutGybSQO17Qd1BHSdZ2cqVaTPROr2dd1X3xXNv3YiNuyA-FwPYqDIRkxDkOsVtUXw9tDxI4dx2MKduoY49nbKH12NpIEVRPA51ZgO6BhynA0RnCN52la5PgencO7ArdEwPLZ2F0ZFsNGZpBO8pTO5+XQdyBawwXkyE1gynQ7wedRpU8HCRAfEpo7a496nUHrZXwRpLBG6gsFBDBMO2vQ8jPDANsJoufA9uw1BzQS2KJxAfaLRU3DAj42LFaQqCcIgAD0ZcfFXGCSEQRCSAYGDEHHnIXWVmfJ6n9DpzuHchODuf54XpDF6XFdVx8Nd1w3cBN0QLf809OW7iEbh8LktykdhG3dZwRs759mP9cTw1zTnR8Js0TzPCzYDPNIBjLi4cDZbaiZyHcqAsEktg+q3F8bCfnAF+RsobvltDwYBpBz68wnF3Hub8P4hGTMweAv8badjbP0Mg7gI7YmjiPeeGD0ycA+ChOA8E2JyHdJ7AS9M0gMQID2A0Ro+JfiPpOQBdB8SMFAROB4ug-5twfA8ES-gYDdyxEQAugiejjDLKXYhnYYDrxyJBVeUBzAzFGoeSCHD0zaimDMCC+59GLwFsIkITB2CC3TLIeQIti5PB2k6Ug795ChlgbYg+PUj4-SSCTOaA8j5mEsNYRgpBHFix2swbsniLGlR8Xw-xQ1bSk2IQmeCD9wSwKhhAMWHVwEPHsaQC43B3ZKMrGnSySVyke3caQAA-JUqwHoewy1oUfWxaRQlWBsFE5xDwYCOQ8GcWJtBNY8wFipLyIxcLukYLdLSPh-AQGugjPgYsKjBS2SEd0nAwokAECEEAIgayyMWXAEct0yDsE2U8AAJPfGeQCX4VFOY9fwqBIRwDnIA5+tJ6o7kgS-Ra5iQgAF9DiYPoAs261zSJ3PyY8wR7zsK0ALkisWDzBHhBCCY45Hy+oJhEvIDFySLCqxCF-GkcB9w7X7C4PZ3CehjAmEY28IQSDUDzCye5pAcWwoqA8DAyCDBQHdPo+hIQ+ByTgBK6YQQFa5JlYzWGzMdrR2oKUqcCllX0ymtiQoBgInEKmshIqpB+yUpmMuVgnAMAAXcMkcFfNsIQprFCs5ekdmPNiYxQEwIIA8OKBYPpET2BEonKEo2kJoQ5HeF8RE-w26kFYGCbE-rGA2zcOgCkMwoAND4VonIuJ8TUEsaBNlOpLGSFbF8mYfJDAzL0l6iA5zRaPMlirGWcs5rhCiEGnhQ4OqRuwk+fsWhFzsBpeQelDxCgEBIgc3kTKCAtiDVmPM3bpazhGogW0FQaStjqFix5jV-BcnBW2jtTiBWuIaQOoEFAeENLHY9VxT7GAQDbD1flgqUTYV4HeVx17oXpl9QK4Z2raBjLhBMxSgaX09FDWEmw77oKYv-SUsp7tCWlRjXG+MAQgicAqGmjNat4MTHIiyXNqB805ELXvEt6QkgVCrYYwwrrIWevAx6iAAgwAQoALpAA", #nolint
-    "app",
-    header = FALSE
-  ),
-  full_screen = TRUE
-)
-```
-
-```{r, eval=FALSE}
-library(shiny)
-library(ggplot2)
-library(shinyMobile)
-library(apexcharter)
-library(thematic)
-
-fruits <- data.frame(
-  name = c('Apples', 'Oranges', 'Bananas', 'Berries'),
-  value = c(44, 55, 67, 83)
-)
-
-thematic_shiny(font = "auto")
-
-new_mtcars <- reshape(
-  data = head(mtcars),
-  idvar = "model",
-  varying = list(c("drat", "wt")),
-  times = c("drat", "wt"),
-  direction = "long",
-  v.names = "value",
-  drop = c("mpg", "cyl", "hp", "dist", "qsec", "vs", "am", "gear", "carb")
-)
-
-shinyApp(
-  ui = f7Page(
-    title = "My app",
-    options = list(
-      theme = "aurora",
-      dark = TRUE,
-      filled = FALSE,
-      color = "#007aff",
-      touch = list(
-        tapHold = TRUE,
-        tapHoldDelay = 750,
-        iosTouchRipple = FALSE
-      ),
-      iosTranslucentBars = FALSE,
-      navbar = list(
-        iosCenterTitle = TRUE,
-        hideNavOnPageScroll = TRUE
-      ),
-      toolbar = list(
-        hideNavOnPageScroll = FALSE
-      ),
-      pullToRefresh = FALSE
-    ),
-    f7SplitLayout(
-      sidebar = f7Panel(
-        title = "Sidebar",
-        side = "left",
-        theme = "light",
-        f7PanelMenu(
-          id = "menu",
-          f7PanelItem(
-            tabName = "tab1",
-            title = "Tab 1",
-            icon = f7Icon("equal_circle"),
-            active = TRUE
-          ),
-          f7PanelItem(
-            tabName = "tab2",
-            title = "Tab 2",
-            icon = f7Icon("equal_circle")
-          ),
-          f7PanelItem(
-            tabName = "tab3",
-            title = "Tab 3",
-            icon = f7Icon("equal_circle")
-          )
-        ),
-        uiOutput("selected_tab"),
-        effect = "reveal"
-      ),
-      navbar = f7Navbar(
-        title = "Split Layout",
-        hairline = FALSE,
-        shadow = TRUE
-      ),
-      toolbar = f7Toolbar(
-        position = "bottom",
-        f7Link(label = "Link 1", href = "https://www.google.com"),
-        f7Link(label = "Link 2", href = "https://www.google.com")
-      ),
-      # main content
-      f7Items(
-        f7Item(
-          tabName = "tab1",
-          f7Button("toggleSheet", "Plot parameters"),
-          f7Sheet(
-            id = "sheet1",
-            label = "Plot Parameters",
-            orientation = "bottom",
-            swipeToClose = TRUE,
-            backdrop = TRUE,
-            f7Slider(
-              "obs",
-              "Number of observations:",
-              min = 0, max = 1000,
-              value = 500
-            )
-          ),
-          br(),
-          plotOutput("distPlot")
-        ),
-        f7Item(
-          tabName = "tab2",
-          apexchartOutput("radar")
-        ),
-        f7Item(
-          tabName = "tab3",
-          f7Toggle(
-            inputId = "plot_show",
-            label = "Show Plot?",
-            checked = TRUE
-          ),
-          apexchartOutput("multi_radial")
-        )
-      )
-    )
-  ),
-  server = function(input, output, session) {
-
-    observeEvent(input$toggleSheet, {
-      updateF7Sheet(id = "sheet1")
-    })
-
-    observeEvent(input$obs, {
-      if (input$obs < 500) {
-        f7Notif(
-          text = paste0("The slider value is only ", input$obs, ". Please
-                        increase it"),
-          icon = f7Icon("bolt_fill"),
-          title = "Alert",
-          titleRightText = Sys.Date()
-        )
-      }
-    })
-
-    output$radar <- renderApexchart({
-      apex(
-        data = new_mtcars,
-        type = "radar",
-        mapping = aes(
-          x = model,
-          y = value,
-          group = time)
-      )
-    })
-
-    output$selected_tab <- renderUI({
-      HTML(paste0("Access the currently selected tab: ", strong(input$menu)))
-    })
-
-    output$distPlot <- renderPlot({
-      dist <- rnorm(input$obs)
-      hist(dist)
-    })
-
-    output$multi_radial <- renderApexchart({
-      if (input$plot_show) {
-        apex(data = fruits, type = "radialBar", mapping = aes(x = name, y = value))
-      }
-    })
-
-  }
-)
-```
diff --git a/vignettes/Tabs-Layout.Rmd b/vignettes/Tabs-Layout.Rmd
deleted file mode 100644
index 471727ef..00000000
--- a/vignettes/Tabs-Layout.Rmd
+++ /dev/null
@@ -1,155 +0,0 @@
----
-title: "Tabs-Layout"
-author: "David Granjon"
-date: "`r Sys.Date()`"
-output: rmarkdown::html_vignette
-vignette: >
-  %\VignetteIndexEntry{Tabs-Layout}
-  %\VignetteEngine{knitr::rmarkdown}
-  %\VignetteEncoding{UTF-8}
----
-
-The second layout is the `f7TabLayout()`, very similar to that of [miniUI](https://github.com/rstudio/miniUI).
-
-
-```{r setup, echo=FALSE, message=FALSE}
-library(bslib)
-```
-
-The app below runs with specific options:
-
-```r
-f7Page(
-  options = list(dark = FALSE, filled = FALSE, theme = "md"),
-  ...
-)
-```
-
-```{r, eval=TRUE, echo=FALSE}
-card(
-  shinyMobile:::create_app_link(
-    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGGiGzNuzRwAHgW4tyjFSNRFq1AAQAeALQWAJlFJQMAM2bx2IixagROAO5wjBYAvBYEXmAAmnCcQngWCQByRAkCuN4WEGER7ABMAKwALLgW+QDMABwqxv68-ACC6F45FgCutLmuAOwAClAA5nCtPj5EqKS0JJy5dJyk7I6MANa5AGKNADIAygCiZa6KSvYb2-tlpNxw8LkJMPbpmW0+U6RKd2AyrL7oCc9jCy9AAqUHoWygrCI7UWWUBqD8cGos3CzkGW1oC1GgLGvQGECR7DeH3CCS2cFcpAs+KR-wsnFo9jgnyUlLpVxuzNJNFog24pDpCQAQtQwaK6RTXHACFTucQAG7BJ5wnF4xHUIm0d5cpJgLC8-nU9V0hlMz6MA0CxIc27c5YrQVgEViqAS1xSmWfBVKsAqHEWDIqnzQeX0FjdHrJKChljY-3EnUJUH0eJ4INjfS0Rh0Am5YFYACqB3TPh4UHsRACecLxZeONZpBplnC+aLAP9FgtfMb6urRfTgbrPhBYM4cZxfloMCccFOLZr7f9AGJArRUHAxTrW7WO0Cesnx-GtSTdcmLABGf4lsbOehR22nsGXtNDnG0Yg5cK9ACSH6irjMJlGGVV9ASgGVaEVPta2vYceh2fQKwCQ8Oz4ch-C1H5wnPAAGRddwsbgiEVEJ5zbWDcR6ABhFh7BQ3cE0+GjGFOa5yx9fCCN+HQ9AMAB5GFUBhKJUFoOB0gonw-QI6T-UHXcR3oeib2PRMwDPfIr1Am8wXvNTk00l8uPfEgI1-EgohWOBWHoIhaJArjwKmKDwk2XYdwI3oEPLStlMBNCKAZUgsIvPDJMI4jgmgziO16Zi6PC15VKY2jCI3ICtK4sD110fRGFIATSCE2EwE4AgnEMCTtMBWSO1qmqYrgg8KMY7kzwqTKCNvPTPmTDqjIIkzPz3cyICiUVWGCTgAH0oGoK15IIpzIJ1NyLgorzEN88KAow4LclwxqcSIkjovCuLaL8nFWt1eK0vY4CBqyvcdmnfKdiRaVYWqjsEnlFhaE3Trnp8BIADUAc3WZSCIekiICRBgZByIEio1gcyA1MvXRpGQdPZh-BgTEGRIBJPlgXGQYSABxDdGCx7lhhYBy8YsCYKG-YaEh4OA4CtI7dxgdp5rXE9t0SgMBeuzdCuKqJHGcKrnvqnEVakgcVWkxbOGCU6v3aCAIIsvhirKaEiphModc4EmIAECwQBEFUl07FaQlQagiAFOsFbiaw7EYDcIMVLg4AARwwAARGd2B2VhOCjmP7bsCo8IsOOE+j8h2AyCx6BCk2YQAEnzgQ6kBc3iqL0TmVsTsKCA5oeLyxZHdfLRtGUhWoFyUxzCO4L10+GvKZ8ad0D4QZcigOJ2G0af-CCRgyhCu2NbrABfcuxkr4uyoqqK68DiBG5y3j8vYNv-Q7runB78IYFIcr6YH1gh+5ffSEqp6cXH0SICnuEGeY4KLz3CAEUgUsQowFQIMKWRxzC5AIDjbSKtapbydhAZ2Dg763iUCqXepAi7d39vXE+wRkxKEvumR+z9ODADKCjMAMDBh0kLkQ-6FpNy53sIwCYZx3IAF0VQbzKHwgI0B4AogsNuaSG8RACDABvQRQA", #nolint
-    "app",
-    header = FALSE
-  ),
-  full_screen = TRUE
-)
-```
-
-```{r, eval=FALSE}
-library(shiny)
-library(shinyMobile)
-library(apexcharter)
-
-poll <- data.frame(
-  answer = c("Yes", "No"),
-  n = c(254, 238)
-)
-
-shinyApp(
-  ui = f7Page(
-    options = list(dark = FALSE, filled = FALSE, theme = "md"),
-    title = "My app",
-    f7TabLayout(
-      panels = tagList(
-        f7Panel(title = "Left Panel", side = "left", theme = "light", "Blabla", effect = "cover"),
-        f7Panel(title = "Right Panel", side = "right", theme = "dark", "Blabla", effect = "cover")
-      ),
-      navbar = f7Navbar(
-        title = "Tabs",
-        hairline = TRUE,
-        shadow = TRUE,
-        leftPanel = TRUE,
-        rightPanel = TRUE
-      ),
-      f7Tabs(
-        animated = TRUE,
-        #swipeable = TRUE,
-        f7Tab(
-          title = "Tab 1",
-          tabName = "Tab1",
-          icon = f7Icon("folder"),
-          active = TRUE,
-
-          f7Shadow(
-            intensity = 10,
-            hover = TRUE,
-            f7Card(
-              title = "Card header",
-              apexchartOutput("pie")
-            )
-          )
-        ),
-        f7Tab(
-          title = "Tab 2",
-          tabName = "Tab2",
-          icon = f7Icon("keyboard"),
-          active = FALSE,
-          f7Shadow(
-            intensity = 10,
-            hover = TRUE,
-            f7Card(
-              title = "Card header",
-              apexchartOutput("scatter")
-            )
-          )
-        ),
-        f7Tab(
-          title = "Tab 3",
-          tabName = "Tab3",
-          icon = f7Icon("layers_alt"),
-          active = FALSE,
-          f7Shadow(
-            intensity = 10,
-            hover = TRUE,
-            f7Card(
-              title = "Card header",
-              f7SmartSelect(
-                "variable",
-                "Variables to show:",
-                c("Cylinders" = "cyl",
-                  "Transmission" = "am",
-                  "Gears" = "gear"),
-                openIn = "sheet",
-                multiple = TRUE
-              ),
-              tableOutput("data")
-            )
-          )
-        )
-      )
-    )
-  ),
-  server = function(input, output, session) {
-
-    # river plot
-    dates <- reactive(seq.Date(Sys.Date() - 30, Sys.Date(), by = input$by))
-
-    output$pie <- renderApexchart({
-      apex(
-        data = poll,
-        type = "pie",
-        mapping = aes(x = answer, y = n)
-      )
-    })
-
-    output$scatter <- renderApexchart({
-      apex(
-        data = mtcars,
-        type = "scatter",
-        mapping = aes(
-          x = wt,
-          y = mpg,
-          fill = cyl
-        )
-      )
-    })
-
-
-    # datatable
-    output$data <- renderTable({
-      mtcars[, c("mpg", input$variable), drop = FALSE]
-    }, rownames = TRUE)
-  }
-)
-```
diff --git a/vignettes/shinyMobile_tools.Rmd b/vignettes/shinyMobile-tools.Rmd
similarity index 100%
rename from vignettes/shinyMobile_tools.Rmd
rename to vignettes/shinyMobile-tools.Rmd
diff --git a/vignettes/shinyMobile.Rmd b/vignettes/shinyMobile.Rmd
index 347ddfd1..e8cb2c67 100644
--- a/vignettes/shinyMobile.Rmd
+++ b/vignettes/shinyMobile.Rmd
@@ -13,212 +13,81 @@ vignette: >
 knitr::include_url("https://rencontresr2021.rinterface.com/")
 ```
 
-## Introduction
-
-`{shinyMobile}` is built on top of the latest [framework7](https://framework7.io) template (V5.7.14). It may be 
-used for different purposes:
-
-  * develop mobile-ready shinyapps
-  * develop progressive web shinyapps (PWA, similar to native apps)
-  * develop desktop shinyapps
-  
-## Custom skins
-
-`{shinyMobile}` has 3 skins:
-
-  * __aurora__ for desktop apps
-  * __ios__ and __md__ for mobile apps
-
-It automatically detects if the app is running with android or iOS and accordingly adapt 
-the layout. It is of course possible to apply the iOS skin on android and inversely, even though not recommended.
-
-`{shinyMobile}` also provides 2 themes, namely light and dark. 
-While framework7 allows to apply dark or light theme not only at the global level but at the "widget level", 
-`{shinyMobile}` does not support that feature, to improve the overall consistency. 
-Only panels can have a color independent of the global theme.
-
-
-## Layouts
-
-`{shinyMobile}` brings 3 out of the box layouts:
-
-  * `f7SingleLayout`: develop simple apps (best choice for iOS/android Apps)
-  * `f7TabLayout`: develop complex multi-tabbed Apps (best choice for iOS/android Apps)
-  * `f7SplitLayout`: for tablets and desktop with a sidebar, navbar and a main panel
-  * Coming soon: a multi-pages layout with animations between pages!
-
-
-## New Inputs
-
-`{shinyMobile}` has its own custom input widgets with unique design for each skin (iOS/android/aurora):
-
-  * `f7Slider()`
-  * `f7Text()`
-  * `f7checkBox()`
-  * `f7checkBoxGroup()`
-  * `f7Radio()`
-  * `f7Toggle()`
-  * `f7Stepper()`: equivalent to `numericInput()` from {shiny}
-  * `f7Picker()`
-  * `f7DatePicker()`
-  * `f7ColorPicker()`
-  * `f7Password()`
-  * `f7SmartSelect()`
-  * `f7Select()`
-  * `f7AutoComplete()`
-  * `f7Button()`: similar to `actionButton()` from {shiny}
-  * `f7Fab()`: enhanced `f7Button()` with ability to be gathered in a `f7Fabs()` container
-  * and more
-  
-It also has custom update functions to act on the server side:
-
-  * `updateF7AutoComplete()`
-  * `updateF7Picker()`
-  * `updateF7Stepper()`
-  * `updateF7Toggle()`
-  * `updateF7Slider()`
-  * `updateF7Fab()`
-  * `updateF7Text()`
-  * `updateF7Checkbox()`
-  * and many more
-  
-Finally, it also provides tools to dynamically update widgets on the server side 
-like cards, accordions, tabs, panels and more:
-
-  * `updateF7Accordion()`
-  * `updateF7Card()`
-  * `updateF7Gauge()`
-  * `updateF7Progress()`
-  * `updateF7Sheet()`
-  * many more
-  
-## Create your first App
-
-#### Select a template
-
-This choice is crucial when you are developing an App. It depends on the complexity
-of your visualizations and content. If your plan is to develop a simple graph or table,
-you should go for the `f7SingleLayout()` option. For more complex design, the best is
-`f7TabLayout()`. `f7SplitLayout()` is specific for tablets and desktop apps.
-
-#### Simple Layout
-
-```r
-f7SingleLayout(
-  ..., 
-  navbar, 
-  toolbar = NULL, 
-  panels = NULL,
-  appbar = NULL
-)
+```{r setup, echo=FALSE, message=FALSE}
+library(bslib)
 ```
 
-While only the navbar is mandatory, other components such as the toolbar are 
-optionnal for the `f7SingleLayout()`. 
-
+# Introduction
 
-#### Tabs Layout
+`{shinyMobile}` is built on top of the [framework7](https://framework7.io) template (V5.7.14) and has different purposes:
 
-```r
-f7TabLayout(
-  ..., 
-  navbar, 
-  panels = NULL, 
-  appbar = NULL
-)
-```
+  - Develop __mobile-ready__ shinyapps.
+  - Develop __progressive web shinyapps__ (PWA, similar to native apps).
+  - Develop desktop shinyapps.
   
-The ... argument requires `f7Tabs(..., id = NULL, swipeable = FALSE, animated = TRUE)`.
-The id argument is mandatory if you want to exploit the `updateF7Tabs()` function.
-`f7Tabs()` expect to have `f7Tab(..., tabName, icon = NULL, active = FALSE)` passed inside.
-
+# Custom skins
 
-#### Split Layout (similar to sidebarLayout in {shiny})
+`{shinyMobile}` offers 3 skins:
 
-```r
-f7SplitLayout(.
-  ..., 
-  navbar, 
-  sidebar, 
-  toolbar = NULL, 
-  panels = NULL,
-  appbar = NULL
-)
-```
+  - __aurora__ for desktop apps.
+  - __ios__ and __md__ for mobile apps.
 
-The main content goes in the ... parameter. Navigation items are gathered in the
-sidebar slot. The sidebar expect a `f7Panel`. Importantly, the side parameter must
-be set to "left" and the style to "reveal". The navigation menu is organized as follows:
+It automatically detects if the app is running with android or iOS and accordingly adapts the layout. It is of course possible to apply the iOS skin on an android device and inversely, although not recommended.
 
-```r
-f7PanelMenu(
-  id = "menu",
-  f7PanelItem(
-    tabName = "tab1", 
-    title = "Tab 1", 
-    icon = f7Icon("email"), 
-    active = TRUE
-  ),
-  f7PanelItem(
-    tabName = "tab2", 
-    title = "Tab 2", 
-    icon = f7Icon("home")
-  )
-)
-```
+`{shinyMobile}` also provides 2 themes, namely light and dark.
 
-The __id__ argument is important if you want to get the currently selected item or
-update the select tab. Each `f7PanelItem` has a mandatory __tabName__. The associated input
-will be `input$menu` in that example, with "tab1" for value since the first tab was
-set to an active state. To adequately link the body and the sidebar, you must wrap the
-body content in `f7Items()` containing as many `f7Item()` as sidebar items. The __tabName__ must
-correspond!
+# Layouts
 
+`{shinyMobile}` brings 3 out of the box layouts:
 
-#### Core Layout Components
+  - `f7SingleLayout()`: develop __simple__ apps (best choice for iOS/android Apps).
+  - `f7TabLayout()`: develop complex __multi-tabbed__ apps (best choice for iOS/android Apps).
+  - `f7SplitLayout()`: for __tablets__ and desktop with a sidebar, navbar and a main panel
+
+# UI elements
+## Inputs: brief comparison side by side with `{shiny}`
+
+`{shinyMobile}` has its own custom input widgets with unique design for each skin (iOS/android/aurora). Below we summarise all known shiny inputs and their
+equivalent with `{shinyMobile}`.
+
+|  Features (sample)  |      shiny      |  shinyMobile |
+|----------|:-------------:|------:|
+| Range slider | `sliderInput()` | `f7Slider()` |
+| Text input | `textInput()`, `textAreaInput()` | `f7Text()`, `f7Password()`, `f7TextArea()` |
+| Checkbox | `checkboxInput()`, `checkboxGroupInput()` | `f7Checkbox()`, `f7CheckboxGroup()`|
+| Radio | `radioButtons()` | `f7Radio()` |
+| Toggle switch | ❌ (see `{bslib}`) | `f7Toggle()` |
+| Numeric | `numericInput()` | `f7Stepper()` |
+| Select | `selectInput()` | `f7Select()`, `f7SmartSelect()`, `f7Picker()` |
+| Autocomplete | ❌ | `f7AutoComplete()` |
+| Action button | `actionButton()` | `f7Button()` `f7Fab()`|
+| Date | `dateInput()`, `dateRangeInput()` | `f7DatePicker()`|
+| Color | ❌ | `f7ColorPicker()`|
+| Download | `downloadButton()` | `f7DownloadButton()`|
+
+## Containers
+  
+# Create your first App
 
-#### Page
-It is the main skeleton of the template.
+## Page
+It is the main template skeleton.
 
-```r
+```{r, eval=FALSE}
 f7Page(
   ..., 
-  options = list(
-    theme = c("ios", "md", "auto", "aurora"),
-    dark = TRUE,
-    filled = FALSE,
-    color = "#007aff",
-    touch = list(
-      tapHold = TRUE,
-      tapHoldDelay = 750,
-      iosTouchRipple = FALSE
-    ),
-    iosTranslucentBars = FALSE,
-    navbar = list(
-      iosCenterTitle = TRUE,
-      hideOnPageScroll = TRUE
-    ),
-    toolbar = list(
-      hideOnPageScroll = FALSE
-    ),
-    pullToRefresh = FALSE
-  ),
-  title = NULL, 
-  preloader = FALSE, 
-  loading_duration = 3,
+  options = list(...),
+  title = NULL,
   allowPWA = FALSE
 )
 ```
 
-__options__ sets up the app look and feel. __preloader__ is useful
-in case you want to display a loading screen. `f7Page()` accepts any `{shinyMobile}` layout.
+__options__ sets up the app look and feel (See dedicated section below). `f7Page()` accepts any `{shinyMobile}` layout (See below).
 
-##### Navbar
+### Navbar
 The __navbar__ is a mandatory element of any `{shinyMobile}` layout.
-It contains a title, a subtitle, triggers for both right and left panels (`f7Panel()`) as well
-as a subnavbar (`f7SubNavbar()`).
+It contains a title, a subtitle and triggers for both right and left panels (`f7Panel()`).
 
-```r
+```{r, eval=FALSE}
 f7Navbar(
   ..., 
   subNavbar = NULL, 
@@ -227,22 +96,20 @@ f7Navbar(
   hairline = TRUE, 
   shadow = TRUE, 
   bigger = FALSE,
+  transparent = FALSE,
   leftPanel = FALSE, 
   rightPanel = FALSE
 )
 ```
 
-For complex apps, it might be interesting to add a `f7SubNavbar(...)`. It may contain
-any element like `f7Button()` or text. `f7Navbar()` has also styling parameters such as
-shadow and hairline.
+For complex apps, you can even add it a sub-navbar with `f7SubNavbar(...)`, which may contain any element like `f7Button()` or text. `f7Navbar()` exposes styling parameters such as shadow and hairline.
 
-##### The Toolbar
+### The Toolbar
 
 This is an option if you decide not to embed a `f7SubNavbar()`. The toolbar is the
-rigth place to add `f7Button()`, `f7Link()`, `f7Badge()`... Its position is controlled
-with the position parameter (either top or bottom).
+right place to add `f7Button()`, `f7Link()`, `f7Badge()`... Its location is controlled with the position parameter (either top or bottom).
 
-```r
+```{r, eval=FALSE}
 f7Toolbar(
   ..., 
   position = c("top", "bottom"), 
@@ -253,13 +120,13 @@ f7Toolbar(
 )
 ```
 
-Under the hood, `f7Tabs()` is a custom `f7Toolbar()`!
+Under the hood, `f7Tabs()` is a custom `f7Toolbar()`.
 
-##### Panels
+### Panels
 
-Panels are also called sidebars. `f7Panel()` is the corresponding function.
+Panels are also called sidebars, `f7Panel()` being the corresponding function.
 
-```r
+```{r, eval=FALSE}
 f7Panel(
   ..., 
   id = NULL,
@@ -271,27 +138,26 @@ f7Panel(
 )
 ```
 
-Although the App has a __theme__ option, `f7Panel()` has an independent __theme__ option.
-For instance, it is definitely possible to create a dark `f7Panel()` while the page
-theme is light, and conversely. Its behaviour is controlled via the effect argument:
+`f7Panel()` has a __theme__ option, regardless of the main app theme.
+For instance, it is entirely possible to create a dark `f7Panel()` while the page
+theme is light, and conversely. Its behavior is controlled via the effect argument:
 
-  - __reveal__ will make the body content move and resize
-  - __cover__ will cover the body content
+  - __reveal__ makes the body content move and resize.
+  - __cover__ covers the body content.
   
 The __resizable__ argument allows to dynamically resize the panel.
 
 Note that for the moment, there is no option to control the width of each panel.
   
-As stated previously for the `f7SplitLayout()`, the `f7Panel()` may also be considered
-as a sidebar. In that case, we may include `f7PanelMenu()`.
+As stated previously for the `f7SplitLayout()`, the `f7Panel()` may also be considered as a sidebar. In that case, we may include `f7PanelMenu()`.
 Finally do not forget to set up the `f7Navbar()` so that panels are allowed!
 
-##### The appbar
+### The appbar
 
 `f7Appbar()` is displayed on top of the `f7Navbar()`. It is a best choice to embed
 `f7Searchbar()`. `f7Appbar()` may also trigger `f7Panel()`. 
 
-```r
+```{r, eval=FALSE}
 f7Appbar(
   ..., 
   leftPanel = FALSE, 
@@ -300,11 +166,483 @@ f7Appbar(
 )
 ```
 
-#### Options
+## Select a template
+
+This choice is crucial when you are developing an App. It depends on the complexity of your visualizations and content. If your plan is to develop a simple graph or table, you should go for the `f7SingleLayout()` option. For more complex design, the best is `f7TabLayout()`. `f7SplitLayout()` is specific for tablets and desktop apps.
+
+#### Simple Layout
 
-This is probably the most important element of the template: 
+`f7SingleLayout()` is dedicated to build simple, one-page apps or gadgets.
+
+```{r, eval=FALSE}
+f7SingleLayout(
+  ..., 
+  navbar, 
+  toolbar = NULL, 
+  panels = NULL,
+  appbar = NULL
+)
+```
+
+While only the navbar is mandatory, other components such as the toolbar are 
+optional for the `f7SingleLayout()`.
+
+The app below runs with specific options:
 
 ```r
+f7Page(
+  options = list(dark = FALSE, filled = FALSE, theme = "md"),
+  ...
+)
+```
+
+```{r, eval=TRUE, echo=FALSE}
+card(
+  shinyMobile:::create_app_link(
+    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGGiGzNuzRwAHgW4tyjFWPUcAJqmqsjIkxPYBzB5aKkATCpFmopKOyFgcMQQRDC0BJwA+tQkDgEqQSSh4VExEA4ABAA8ALQZiSFhEdGxGQCkAHxlIhkZDoxEAK6okfQcAG4stFD0SgLlVTUZnHQEcOzsEOwCOQCMAAzzAohTAp4QIlL8AILo-hC1jbQZALwZAGYA7AAKUA7jQ7VEqKS0JJynGXScpOzejABrT4AMW2ABkAMoAUVwF0USjMIPB0NhpG4cHgnwCMDM8Vwjwyr1ISixYBkrAyaFQAXxB1qF0uEL4DiUYKgrCavwJtWg7XoLE+VwAclA+Sx9vTJYTaMS4KSmekSWyOY1SDTufT9LRGHQIHKzgAVLAAVRhGtqPCgZiIAHdPkbTRqBLSpYSiERqPzGILLgb3Z7xeaMqgiJwZW8DmcAvRXKRQuq6a6rmC+AD2NQenBqKSUxAgbMaRluIw4OdSdxSKRUJxEAB6Ws2xsYBzullwDDEGB4oPJ1PpzPZqNgXNAtyF4ul8uV6t1htNltENsd+NgFSu50agDEGRgUD4GWC5DIGquEP01ptEtdGT4R7DpApZ1mADYXdfuER2nBvYaTWbE1KVwAMIsGYV7XtKsqkiBjCIuiVrfgmEG1Fouj6IwpAAPKqqgqr+CgJZQEB6FqquQZrlKFG1BRG50pw35fj+FyNBABCvCQ7B8LhpCwpy3H9CABJ8aqAAkLBwERJHZHkJYQGY367DoegGOwgkAShqA6OBUreL4nwFMkxRpA4b6ug+mmkuJUBIdeu7oMynxQHAnDaa62ifLpcCmdej4ZJ01CNHA8yzN5Sbwp8nSMN0vRwORToDNU6n0lA2iRKwKW0C58kELQu7UJwACSEDAjEPifB4CUZNuECNDA9DfhkRBltluVQPlboZACcBwNSSUoalykYVwvgEF1iK-qa-SVIlEEpWlGUubu7lnAALKi4QAtsMBNGQnwrVRGQAL4UYdIgCGAh0ALpAA", #nolint
+    "app",
+    header = FALSE
+  ),
+  full_screen = TRUE
+)
+```
+
+```{r, eval=FALSE}
+library(shiny)
+library(shinyMobile)
+library(apexcharter)
+library(dplyr)
+library(ggplot2)
+
+data("economics_long")
+economics_long <- economics_long %>%
+  group_by(variable) %>%
+  slice((n()-100):n())
+
+
+shinyApp(
+  ui = f7Page(
+    title = "My app",
+    options = list(dark = FALSE, filled = FALSE, theme = "md"),
+    f7SingleLayout(
+      navbar = f7Navbar(
+        title = "Single Layout",
+        hairline = TRUE,
+        shadow = TRUE
+      ),
+      toolbar = f7Toolbar(
+        position = "bottom",
+        f7Link(label = "Link 1", href = "https://www.google.com"),
+        f7Link(label = "Link 2", href = "https://www.google.com")
+      ),
+      # main content
+      f7Shadow(
+        intensity = 16,
+        hover = TRUE,
+        f7Card(
+          title = "Card header",
+          apexchartOutput("areaChart")
+        )
+      )
+    )
+  ),
+  server = function(input, output) {
+    output$areaChart <- renderApexchart({
+      apex(
+        data = economics_long,
+        type = "area",
+        mapping = aes(
+          x = date,
+          y = value01,
+          fill = variable
+        )
+      ) %>%
+        ax_yaxis(decimalsInFloat = 2) %>% # number of decimals to keep
+        ax_chart(stacked = TRUE) %>%
+        ax_yaxis(max = 4, tickAmount = 4)
+    })
+  }
+)
+```
+
+#### Tabs Layout
+
+Choose this layout to develop complex __multi-tabbed__ apps (best choice for iOS/android Apps).
+
+```{r, eval=FALSE}
+f7TabLayout(
+  ..., 
+  navbar,
+  messagebar = NULL,
+  panels = NULL, 
+  appbar = NULL
+)
+```
+  
+The ... argument requires `f7Tabs(..., id = NULL, swipeable = FALSE, animated = TRUE)`. The id argument is mandatory if you want to exploit the `updateF7Tabs()` function. `f7Tabs()` expect to have `f7Tab(..., tabName, icon = NULL, active = FALSE)` passed inside.
+
+The app below runs with specific options:
+
+```r
+f7Page(
+  options = list(dark = FALSE, filled = FALSE, theme = "md"),
+  ...
+)
+```
+
+```{r, eval=TRUE, echo=FALSE}
+card(
+  shinyMobile:::create_app_link(
+    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGGiGzNuzRwAHgW4tyjFSNRFq1AAQAeALQWAJlFJQMAM2bx2IixagROAO5wjBYAvBYEXmAAmnCcQngWCQByRAkCuN4WEGER7ABMAKwALLgW+QDMABwqxv68-ACC6F45FgCutLmuAOwAClAA5nCtPj5EqKS0JJy5dJyk7I6MANa5AGKNADIAygCiZa6KSvYb2-tlpNxw8LkJMPbpmW0+U6RKd2AyrL7oCc9jCy9AAqUHoWygrCI7UWWUBqD8cGos3CzkGW1oC1GgLGvQGECR7DeH3CCS2cFcpAs+KR-wsnFo9jgnyUlLpVxuzNJNFog24pDpCQAQtQwaK6RTXHACFTucQAG7BJ5wnF4xHUIm0d5cpJgLC8-nU9V0hlMz6MA0CxIc27c5YrQVgEViqAS1xSmWfBVKsAqHEWDIqnzQeX0FjdHrJKChljY-3EnUJUH0eJ4INjfS0Rh0Am5YFYACqB3TPh4UHsRACecLxZeONZpBplnC+aLAP9FgtfMb6urRfTgbrPhBYM4cZxfloMCccFOLZr7f9AGJArRUHAxTrW7WO0Cesnx-GtSTdcmLABGf4lsbOehR22nsGXtNDnG0Yg5cK9ACSH6irjMJlGGVV9ASgGVaEVPta2vYceh2fQKwCQ8Oz4ch-C1H5wnPAAGRddwsbgiEVEJ5zbWDcR6ABhFh7BQ3cE0+GjGFOa5yx9fCCN+HQ9AMAB5GFUBhKJUFoOB0gonw-QI6T-UHXcR3oeib2PRMwDPfIr1Am8wXvNTk00l8uPfEgI1-EgohWOBWHoIhaJArjwKmKDwk2XYdwI3oEPLStlMBNCKAZUgsIvPDJMI4jgmgziO16Zi6PC15VKY2jCI3ICtK4sD110fRGFIATSCE2EwE4AgnEMCTtMBWSO1qmqYrgg8KMY7kzwqTKCNvPTPmTDqjIIkzPz3cyICiUVWGCTgAH0oGoK15IIpzIJ1NyLgorzEN88KAow4LclwxqcSIkjovCuLaL8nFWt1eK0vY4CBqyvcdmnfKdiRaVYWqjsEnlFhaE3Trnp8BIADUAc3WZSCIekiICRBgZByIEio1gcyA1MvXRpGQdPZh-BgTEGRIBJPlgXGQYSABxDdGCx7lhhYBy8YsCYKG-YaEh4OA4CtI7dxgdp5rXE9t0SgMBeuzdCuKqJHGcKrnvqnEVakgcVWkxbOGCU6v3aCAIIsvhirKaEiphModc4EmIAECwQBEFUl07FaQlQagiAFOsFbiaw7EYDcIMVLg4AARwwAARGd2B2VhOCjmP7bsCo8IsOOE+j8h2AyCx6BCk2YQAEnzgQ6kBc3iqL0TmVsTsKCA5oeLyxZHdfLRtGUhWoFyUxzCO4L10+GvKZ8ad0D4QZcigOJ2G0af-CCRgyhCu2NbrABfcuxkr4uyoqqK68DiBG5y3j8vYNv-Q7runB78IYFIcr6YH1gh+5ffSEqp6cXH0SICnuEGeY4KLz3CAEUgUsQowFQIMKWRxzC5AIDjbSKtapbydhAZ2Dg763iUCqXepAi7d39vXE+wRkxKEvumR+z9ODADKCjMAMDBh0kLkQ-6FpNy53sIwCYZx3IAF0VQbzKHwgI0B4AogsNuaSG8RACDABvQRQA", #nolint
+    "app",
+    header = FALSE
+  ),
+  full_screen = TRUE
+)
+```
+
+```{r, eval=FALSE}
+library(shiny)
+library(shinyMobile)
+library(apexcharter)
+
+poll <- data.frame(
+  answer = c("Yes", "No"),
+  n = c(254, 238)
+)
+
+shinyApp(
+  ui = f7Page(
+    options = list(dark = FALSE, filled = FALSE, theme = "md"),
+    title = "My app",
+    f7TabLayout(
+      panels = tagList(
+        f7Panel(title = "Left Panel", side = "left", theme = "light", "Blabla", effect = "cover"),
+        f7Panel(title = "Right Panel", side = "right", theme = "dark", "Blabla", effect = "cover")
+      ),
+      navbar = f7Navbar(
+        title = "Tabs",
+        hairline = TRUE,
+        shadow = TRUE,
+        leftPanel = TRUE,
+        rightPanel = TRUE
+      ),
+      f7Tabs(
+        animated = TRUE,
+        #swipeable = TRUE,
+        f7Tab(
+          title = "Tab 1",
+          tabName = "Tab1",
+          icon = f7Icon("folder"),
+          active = TRUE,
+
+          f7Shadow(
+            intensity = 10,
+            hover = TRUE,
+            f7Card(
+              title = "Card header",
+              apexchartOutput("pie")
+            )
+          )
+        ),
+        f7Tab(
+          title = "Tab 2",
+          tabName = "Tab2",
+          icon = f7Icon("keyboard"),
+          active = FALSE,
+          f7Shadow(
+            intensity = 10,
+            hover = TRUE,
+            f7Card(
+              title = "Card header",
+              apexchartOutput("scatter")
+            )
+          )
+        ),
+        f7Tab(
+          title = "Tab 3",
+          tabName = "Tab3",
+          icon = f7Icon("layers_alt"),
+          active = FALSE,
+          f7Shadow(
+            intensity = 10,
+            hover = TRUE,
+            f7Card(
+              title = "Card header",
+              f7SmartSelect(
+                "variable",
+                "Variables to show:",
+                c("Cylinders" = "cyl",
+                  "Transmission" = "am",
+                  "Gears" = "gear"),
+                openIn = "sheet",
+                multiple = TRUE
+              ),
+              tableOutput("data")
+            )
+          )
+        )
+      )
+    )
+  ),
+  server = function(input, output, session) {
+
+    # river plot
+    dates <- reactive(seq.Date(Sys.Date() - 30, Sys.Date(), by = input$by))
+
+    output$pie <- renderApexchart({
+      apex(
+        data = poll,
+        type = "pie",
+        mapping = aes(x = answer, y = n)
+      )
+    })
+
+    output$scatter <- renderApexchart({
+      apex(
+        data = mtcars,
+        type = "scatter",
+        mapping = aes(
+          x = wt,
+          y = mpg,
+          fill = cyl
+        )
+      )
+    })
+
+
+    # datatable
+    output$data <- renderTable({
+      mtcars[, c("mpg", input$variable), drop = FALSE]
+    }, rownames = TRUE)
+  }
+)
+```
+
+#### Split Layout
+
+`f7SplitLayout()` is the third layout introduced with `{shinyMobile}`, similar to `sidebarLayout` with {shiny}. This template is focused for 
+tablet/desktop use. It is composed of a sidebar, and a main panel.
+
+```{r, eval=FALSE}
+f7SplitLayout(
+  ..., 
+  navbar, 
+  sidebar, 
+  toolbar = NULL, 
+  panels = NULL,
+  appbar = NULL
+)
+```
+
+The main content goes in the __...__ parameter. Navigation items are gathered in the sidebar slot. The sidebar expect a `f7Panel()`. Importantly, the side parameter must be set to `left` and the style to `reveal`. The navigation menu is organized as follows:
+
+```{r, eval=FALSE}
+f7PanelMenu(
+  id = "menu",
+  f7PanelItem(
+    tabName = "tab1", 
+    title = "Tab 1", 
+    icon = f7Icon("email"), 
+    active = TRUE
+  ),
+  f7PanelItem(
+    tabName = "tab2", 
+    title = "Tab 2", 
+    icon = f7Icon("home")
+  )
+)
+```
+
+The __id__ argument is important if you want to get the currently selected item or
+update the select tab. Each `f7PanelItem()` has a mandatory __tabName__. The associated input
+will be `input$menu` in that example, with `tab1` for value since the first tab was set to an active state. To adequately link the body and the sidebar, you must wrap the body content in `f7Items()` containing as many `f7Item()` as sidebar items. The __tabName__ must correspond.
+
+```{r, eval=TRUE, echo=FALSE}
+card(
+  shinyMobile:::create_app_link(
+    "NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw4BzSampFSAJmGiGzNl178AskXq1qcZWLUc0cAB4FuLcoyOqJ7UtzgwopWgWUiAZowCutKScAAQAPAC0IQAm7lAYfrBw7CIhIdDwIQC8IQTsAOQAgugGnPm4IfkA8swQknBlFfkAQlDQ0I2VzXCMjLQN+QK4qSEAblDU-nDZuewALHMVAKxLFQBsAOwVABwAzMreZC5uHgQA+jx8HD4kpDNCKP6kRA+HEHAA7mcwpAQsoZEQowGtZUMkRrFSFAZi4oNF2D8-oxOEMRrRouNGPcwDAiNE4NQHsMIGlMaw+JIZnROKR2HkHtFmKQiSEHh9mWABKiSSEPPBQjl6WBGe4WWyOdy0tFaMCCB4SNi5HUiSNRhgMg1seNJnAVTzGURUDMhTBUJIxYRWIS8KywNxUBbpTSLQBHThwAgW0acC2wC31FgWpH0V4iQ6XfjFVApHmBGY+DYABSg9RjaTSHlIBmxWlYITQDrwIzShvlEAFIWptOL6ecrmmOQeUH8jCIzD16fTsUYAGsZgAVLAAVQAosTO2kfPoDNEZgAxQoAGQAymOa2liHIsY2wABiAAM+42UB8Pg7E+e-isVNoNLTE4zaAAEkRqLOcoPR+OH7zn6-ogAIgSUB5jkGxLPu34PrQRCcP2RBXtwWC0CUDYhAuK4juuISShOMFwbUnCTAQFCkK0yLzkuq5Qem0CjPQLA3ne2FpPhADCpE9P2QTZh+w5rjyD68PiAByUCjFUEDJvUy4EK21DUAO-HYbhnbPK+DHbpWt7VoJE7CXAYkSVJKZwLJ8mKTkGGripNFpKg-gKfBWBwH4IKUZhNaqSECbLrIQSLiBCG6Q+nDonAmnxkmbQEveD6ZrxtrLuFmnnqF4WKq5HJ2bWxxoQ8dCSNw2UsT50XvNQWgUP4cU-ui2LwBA-hpT+CbJhVACS5AwLVP6-vQYmZDuUL0AAjC1fUJflYD9lA9AhONRZ6X1ngKjkCYdcQEApGAcAuv4ExnAQMoEAYrw5Q+UByrQoxoZ+WHLRO3kPm1MXUF1ri9T+I2DdNI0KBN308dNs3zQDS19Z2q0kutGybSQO17Qd1BHSdZ2cqVaTPROr2dd1X3xXNv3YiNuyA-FwPYqDIRkxDkOsVtUXw9tDxI4dx2MKduoY49nbKH12NpIEVRPA51ZgO6BhynA0RnCN52la5PgencO7ArdEwPLZ2F0ZFsNGZpBO8pTO5+XQdyBawwXkyE1gynQ7wedRpU8HCRAfEpo7a496nUHrZXwRpLBG6gsFBDBMO2vQ8jPDANsJoufA9uw1BzQS2KJxAfaLRU3DAj42LFaQqCcIgAD0ZcfFXGCSEQRCSAYGDEHHnIXWVmfJ6n9DpzuHchODuf54XpDF6XFdVx8Nd1w3cBN0QLf809OW7iEbh8LktykdhG3dZwRs759mP9cTw1zTnR8Js0TzPCzYDPNIBjLi4cDZbaiZyHcqAsEktg+q3F8bCfnAF+RsobvltDwYBpBz68wnF3Hub8P4hGTMweAv8badjbP0Mg7gI7YmjiPeeGD0ycA+ChOA8E2JyHdJ7AS9M0gMQID2A0Ro+JfiPpOQBdB8SMFAROB4ug-5twfA8ES-gYDdyxEQAugiejjDLKXYhnYYDrxyJBVeUBzAzFGoeSCHD0zaimDMCC+59GLwFsIkITB2CC3TLIeQIti5PB2k6Ug795ChlgbYg+PUj4-SSCTOaA8j5mEsNYRgpBHFix2swbsniLGlR8Xw-xQ1bSk2IQmeCD9wSwKhhAMWHVwEPHsaQC43B3ZKMrGnSySVyke3caQAA-JUqwHoewy1oUfWxaRQlWBsFE5xDwYCOQ8GcWJtBNY8wFipLyIxcLukYLdLSPh-AQGugjPgYsKjBS2SEd0nAwokAECEEAIgayyMWXAEct0yDsE2U8AAJPfGeQCX4VFOY9fwqBIRwDnIA5+tJ6o7kgS-Ra5iQgAF9DiYPoAs261zSJ3PyY8wR7zsK0ALkisWDzBHhBCCY45Hy+oJhEvIDFySLCqxCF-GkcB9w7X7C4PZ3CehjAmEY28IQSDUDzCye5pAcWwoqA8DAyCDBQHdPo+hIQ+ByTgBK6YQQFa5JlYzWGzMdrR2oKUqcCllX0ymtiQoBgInEKmshIqpB+yUpmMuVgnAMAAXcMkcFfNsIQprFCs5ekdmPNiYxQEwIIA8OKBYPpET2BEonKEo2kJoQ5HeF8RE-w26kFYGCbE-rGA2zcOgCkMwoAND4VonIuJ8TUEsaBNlOpLGSFbF8mYfJDAzL0l6iA5zRaPMlirGWcs5rhCiEGnhQ4OqRuwk+fsWhFzsBpeQelDxCgEBIgc3kTKCAtiDVmPM3bpazhGogW0FQaStjqFix5jV-BcnBW2jtTiBWuIaQOoEFAeENLHY9VxT7GAQDbD1flgqUTYV4HeVx17oXpl9QK4Z2raBjLhBMxSgaX09FDWEmw77oKYv-SUsp7tCWlRjXG+MAQgicAqGmjNat4MTHIiyXNqB805ELXvEt6QkgVCrYYwwrrIWevAx6iAAgwAQoALpAA", #nolint
+    "app",
+    header = FALSE
+  ),
+  full_screen = TRUE
+)
+```
+
+```{r, eval=FALSE}
+library(shiny)
+library(ggplot2)
+library(shinyMobile)
+library(apexcharter)
+library(thematic)
+
+fruits <- data.frame(
+  name = c('Apples', 'Oranges', 'Bananas', 'Berries'),
+  value = c(44, 55, 67, 83)
+)
+
+thematic_shiny(font = "auto")
+
+new_mtcars <- reshape(
+  data = head(mtcars),
+  idvar = "model",
+  varying = list(c("drat", "wt")),
+  times = c("drat", "wt"),
+  direction = "long",
+  v.names = "value",
+  drop = c("mpg", "cyl", "hp", "dist", "qsec", "vs", "am", "gear", "carb")
+)
+
+shinyApp(
+  ui = f7Page(
+    title = "My app",
+    options = list(
+      theme = "aurora",
+      dark = TRUE,
+      filled = FALSE,
+      color = "#007aff",
+      touch = list(
+        tapHold = TRUE,
+        tapHoldDelay = 750,
+        iosTouchRipple = FALSE
+      ),
+      iosTranslucentBars = FALSE,
+      navbar = list(
+        iosCenterTitle = TRUE,
+        hideNavOnPageScroll = TRUE
+      ),
+      toolbar = list(
+        hideNavOnPageScroll = FALSE
+      ),
+      pullToRefresh = FALSE
+    ),
+    f7SplitLayout(
+      sidebar = f7Panel(
+        title = "Sidebar",
+        side = "left",
+        theme = "light",
+        f7PanelMenu(
+          id = "menu",
+          f7PanelItem(
+            tabName = "tab1",
+            title = "Tab 1",
+            icon = f7Icon("equal_circle"),
+            active = TRUE
+          ),
+          f7PanelItem(
+            tabName = "tab2",
+            title = "Tab 2",
+            icon = f7Icon("equal_circle")
+          ),
+          f7PanelItem(
+            tabName = "tab3",
+            title = "Tab 3",
+            icon = f7Icon("equal_circle")
+          )
+        ),
+        uiOutput("selected_tab"),
+        effect = "reveal"
+      ),
+      navbar = f7Navbar(
+        title = "Split Layout",
+        hairline = FALSE,
+        shadow = TRUE
+      ),
+      toolbar = f7Toolbar(
+        position = "bottom",
+        f7Link(label = "Link 1", href = "https://www.google.com"),
+        f7Link(label = "Link 2", href = "https://www.google.com")
+      ),
+      # main content
+      f7Items(
+        f7Item(
+          tabName = "tab1",
+          f7Button("toggleSheet", "Plot parameters"),
+          f7Sheet(
+            id = "sheet1",
+            label = "Plot Parameters",
+            orientation = "bottom",
+            swipeToClose = TRUE,
+            backdrop = TRUE,
+            f7Slider(
+              "obs",
+              "Number of observations:",
+              min = 0, max = 1000,
+              value = 500
+            )
+          ),
+          br(),
+          plotOutput("distPlot")
+        ),
+        f7Item(
+          tabName = "tab2",
+          apexchartOutput("radar")
+        ),
+        f7Item(
+          tabName = "tab3",
+          f7Toggle(
+            inputId = "plot_show",
+            label = "Show Plot?",
+            checked = TRUE
+          ),
+          apexchartOutput("multi_radial")
+        )
+      )
+    )
+  ),
+  server = function(input, output, session) {
+
+    observeEvent(input$toggleSheet, {
+      updateF7Sheet(id = "sheet1")
+    })
+
+    observeEvent(input$obs, {
+      if (input$obs < 500) {
+        f7Notif(
+          text = paste0("The slider value is only ", input$obs, ". Please
+                        increase it"),
+          icon = f7Icon("bolt_fill"),
+          title = "Alert",
+          titleRightText = Sys.Date()
+        )
+      }
+    })
+
+    output$radar <- renderApexchart({
+      apex(
+        data = new_mtcars,
+        type = "radar",
+        mapping = aes(
+          x = model,
+          y = value,
+          group = time)
+      )
+    })
+
+    output$selected_tab <- renderUI({
+      HTML(paste0("Access the currently selected tab: ", strong(input$menu)))
+    })
+
+    output$distPlot <- renderPlot({
+      dist <- rnorm(input$obs)
+      hist(dist)
+    })
+
+    output$multi_radial <- renderApexchart({
+      if (input$plot_show) {
+        apex(data = fruits, type = "radialBar", mapping = aes(x = name, y = value))
+      }
+    })
+
+  }
+)
+```
+
+## Options
+
+This is where you can customize the global app behavior: 
+
+```{r, eval=FALSE}
 options = list(
     theme = c("ios", "md", "auto", "aurora"),
     dark = TRUE,
@@ -327,12 +665,17 @@ options = list(
   )
 ```
 
-As stated above, you may choose between 3 skins and 2 color themes. There is a third option
-called __filled__ that allows to fill the navbar and toolbar if enabled. The __color__ options simply
-changes the color of elements such as buttons, panel triggers, tabs triggers, ... 
-`{shinyMobile}` brings a lot of different colors. __hideOnPageScroll__ allow to hide/show the navbar and toolbar
-which is useful to focus on the content. The __tapHold__ parameter ensure that the "long-press" feature is activated. 
-Framework7 has many more options which can be passed through this __options__ parameter
+As stated above, you may choose between 3 skins and 2 color themes. There is a third option called __filled__ that allows to fill the navbar and toolbar if enabled. The __color__ options simply changes the color of elements such as buttons, panel triggers, tabs triggers, ... 
+`{shinyMobile}` brings a lot of different colors. __hideOnPageScroll__ allows to hide/show the navbar and toolbar which is useful to focus on the content. The __tapHold__ parameter ensure that the "long-press" feature is activated. __preloader__ is useful in case you want to display a loading screen.
+Framework7 has many more [options](https://v5.framework7.io/docs/app#app-parameters) which can be passed through this __options__ parameter.
 
+## Gadgets
 
+`{shinyMobile}` is particularly well suited to build shiny __gagdets__. 
+To convert an existing app to a gadget, wrap it in the `shiny::runGadget()` function. 
 
+```{r, eval = FALSE}
+library(shiny)
+library(shinyMobile)
+runGadget(shinyAppDir(system.file("examples/tab_layout", package = "shinyMobile")))
+```

From 9a5ed92d524cc81543a1ea403ec37bfb12695415 Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Thu, 25 Jan 2024 23:03:53 +0100
Subject: [PATCH 14/19] collapse long code + reorder titles

---
 docs/articles/shinyMobile.html | 80 +++++++++++++++++++++-------------
 docs/pkgdown.yml               |  2 +-
 vignettes/shinyMobile.Rmd      | 44 ++++++++++++++-----
 3 files changed, 84 insertions(+), 42 deletions(-)

diff --git a/docs/articles/shinyMobile.html b/docs/articles/shinyMobile.html
index 4a4274c8..03b57564 100644
--- a/docs/articles/shinyMobile.html
+++ b/docs/articles/shinyMobile.html
@@ -121,10 +121,9 @@ <h2 id="introduction">Introduction<a class="anchor" aria-label="anchor" href="#i
 native apps).</li>
 <li>Develop desktop shinyapps.</li>
 </ul>
-</div>
-<div class="section level2">
-<h2 id="custom-skins">Custom skins<a class="anchor" aria-label="anchor" href="#custom-skins"></a>
-</h2>
+<div class="section level3">
+<h3 id="custom-skins">Custom skins<a class="anchor" aria-label="anchor" href="#custom-skins"></a>
+</h3>
 <p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> offers 3 skins:</p>
 <ul>
 <li>
@@ -139,9 +138,9 @@ <h2 id="custom-skins">Custom skins<a class="anchor" aria-label="anchor" href="#c
 <p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> also provides 2 themes, namely light and
 dark.</p>
 </div>
-<div class="section level2">
-<h2 id="layouts">Layouts<a class="anchor" aria-label="anchor" href="#layouts"></a>
-</h2>
+<div class="section level3">
+<h3 id="layouts">Layouts<a class="anchor" aria-label="anchor" href="#layouts"></a>
+</h3>
 <p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> brings 3 out of the box layouts:</p>
 <ul>
 <li>
@@ -156,12 +155,12 @@ <h2 id="layouts">Layouts<a class="anchor" aria-label="anchor" href="#layouts"></
 desktop with a sidebar, navbar and a main panel</li>
 </ul>
 </div>
-<div class="section level2">
-<h2 id="ui-elements">UI elements<a class="anchor" aria-label="anchor" href="#ui-elements"></a>
-</h2>
 <div class="section level3">
-<h3 id="inputs-brief-comparison-side-by-side-with-shiny">Inputs: brief comparison side by side with <code>{shiny}</code><a class="anchor" aria-label="anchor" href="#inputs-brief-comparison-side-by-side-with-shiny"></a>
+<h3 id="ui-elements">UI elements<a class="anchor" aria-label="anchor" href="#ui-elements"></a>
 </h3>
+<div class="section level4">
+<h4 id="inputs-brief-comparison-side-by-side-with-shiny">Inputs: brief comparison side by side with <code>{shiny}</code><a class="anchor" aria-label="anchor" href="#inputs-brief-comparison-side-by-side-with-shiny"></a>
+</h4>
 <p><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a> has its own custom input widgets with
 unique design for each skin (iOS/android/aurora). Below we summarise all
 known shiny inputs and their equivalent with
@@ -261,9 +260,10 @@ <h3 id="inputs-brief-comparison-side-by-side-with-shiny">Inputs: brief compariso
 </tbody>
 </table>
 </div>
-<div class="section level3">
-<h3 id="containers">Containers<a class="anchor" aria-label="anchor" href="#containers"></a>
-</h3>
+<div class="section level4">
+<h4 id="containers">Containers<a class="anchor" aria-label="anchor" href="#containers"></a>
+</h4>
+</div>
 </div>
 </div>
 <div class="section level2">
@@ -376,18 +376,19 @@ <h4 id="the-appbar">The appbar<a class="anchor" aria-label="anchor" href="#the-a
 <span>  maximizable <span class="op">=</span> <span class="cn">FALSE</span></span>
 <span><span class="op">)</span></span></code></pre></div>
 </div>
-<div class="section level4">
-<h4 id="select-a-template">Select a template<a class="anchor" aria-label="anchor" href="#select-a-template"></a>
-</h4>
+</div>
+<div class="section level3">
+<h3 id="select-a-template">Select a template<a class="anchor" aria-label="anchor" href="#select-a-template"></a>
+</h3>
 <p>This choice is crucial when you are developing an App. It depends on
 the complexity of your visualizations and content. If your plan is to
 develop a simple graph or table, you should go for the
 <code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code> option. For more complex design, the best
 is <code><a href="../reference/f7TabLayout.html">f7TabLayout()</a></code>. <code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code> is specific
 for tablets and desktop apps.</p>
-<div class="section level5">
-<h5 id="simple-layout">Simple Layout<a class="anchor" aria-label="anchor" href="#simple-layout"></a>
-</h5>
+<div class="section level4">
+<h4 id="simple-layout">Simple Layout<a class="anchor" aria-label="anchor" href="#simple-layout"></a>
+</h4>
 <p><code><a href="../reference/f7SingleLayout.html">f7SingleLayout()</a></code> is dedicated to build simple, one-page
 apps or gadgets.</p>
 <div class="sourceCode" id="cb6"><pre class="downlit sourceCode r">
@@ -413,6 +414,11 @@ <h5 id="simple-layout">Simple Layout<a class="anchor" aria-label="anchor" href="
 <bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
 </bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
 </div>
+<div class="text-center">
+<p><a class="btn btn-primary" data-bs-toggle="collapse" href="#singleLayout" role="button" aria-expanded="false" aria-controls="singleLayout">
+Code </a></p>
+</div>
+<div id="singleLayout" class="collapse">
 <div class="sourceCode" id="cb8"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
 <span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
@@ -470,9 +476,10 @@ <h5 id="simple-layout">Simple Layout<a class="anchor" aria-label="anchor" href="
 <span>  <span class="op">}</span></span>
 <span><span class="op">)</span></span></code></pre></div>
 </div>
-<div class="section level5">
-<h5 id="tabs-layout">Tabs Layout<a class="anchor" aria-label="anchor" href="#tabs-layout"></a>
-</h5>
+</div>
+<div class="section level4">
+<h4 id="tabs-layout">Tabs Layout<a class="anchor" aria-label="anchor" href="#tabs-layout"></a>
+</h4>
 <p>Choose this layout to develop complex <strong>multi-tabbed</strong>
 apps (best choice for iOS/android Apps).</p>
 <div class="sourceCode" id="cb9"><pre class="downlit sourceCode r">
@@ -502,6 +509,11 @@ <h5 id="tabs-layout">Tabs Layout<a class="anchor" aria-label="anchor" href="#tab
 <bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
 </bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
 </div>
+<div class="text-center">
+<p><a class="btn btn-primary" data-bs-toggle="collapse" href="#tabLayout" role="button" aria-expanded="false" aria-controls="tabLayout">
+Code </a></p>
+</div>
+<div id="tabLayout" class="collapse">
 <div class="sourceCode" id="cb11"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
 <span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a></span><span class="op">)</span></span>
@@ -618,9 +630,10 @@ <h5 id="tabs-layout">Tabs Layout<a class="anchor" aria-label="anchor" href="#tab
 <span>  <span class="op">}</span></span>
 <span><span class="op">)</span></span></code></pre></div>
 </div>
-<div class="section level5">
-<h5 id="split-layout">Split Layout<a class="anchor" aria-label="anchor" href="#split-layout"></a>
-</h5>
+</div>
+<div class="section level4">
+<h4 id="split-layout">Split Layout<a class="anchor" aria-label="anchor" href="#split-layout"></a>
+</h4>
 <p><code><a href="../reference/f7SplitLayout.html">f7SplitLayout()</a></code> is the third layout introduced with
 <a href="https://github.com/RinteRface/shinyMobile" class="external-link">shinyMobile</a>, similar to <code>sidebarLayout</code> with
 {shiny}. This template is focused for tablet/desktop use. It is composed
@@ -670,6 +683,11 @@ <h5 id="split-layout">Split Layout<a class="anchor" aria-label="anchor" href="#s
 <bslib-tooltip placement="auto" bsoptions="[]" data-require-bs-version="5" data-require-bs-caller="tooltip()"><template>Expand</template><span class="bslib-full-screen-enter badge rounded-pill bg-dark"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" class="bi bi-arrows-fullscreen " style="height:1em;width:1em;fill:currentColor;vertical-align:-0.125em;" aria-hidden="true" role="img"><path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"></path></svg></span>
 </bslib-tooltip><script data-bslib-card-init>bslib.Card.initializeAllCards();</script>
 </div>
+<div class="text-center">
+<p><a class="btn btn-primary" data-bs-toggle="collapse" href="#splitLayout" role="button" aria-expanded="false" aria-controls="splitLayout">
+Code </a></p>
+</div>
+<div id="splitLayout" class="collapse">
 <div class="sourceCode" id="cb14"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.posit.co/" class="external-link">shiny</a></span><span class="op">)</span></span>
 <span><span class="kw"><a href="https://rdrr.io/r/base/library.html" class="external-link">library</a></span><span class="op">(</span><span class="va"><a href="https://ggplot2.tidyverse.org" class="external-link">ggplot2</a></span><span class="op">)</span></span>
@@ -839,10 +857,11 @@ <h5 id="split-layout">Split Layout<a class="anchor" aria-label="anchor" href="#s
 <span><span class="op">)</span></span></code></pre></div>
 </div>
 </div>
-<div class="section level4">
-<h4 id="options">Options<a class="anchor" aria-label="anchor" href="#options"></a>
-</h4>
-<p>This is probably the most important element of the template:</p>
+</div>
+<div class="section level3">
+<h3 id="app-options">App options<a class="anchor" aria-label="anchor" href="#app-options"></a>
+</h3>
+<p>This is where you can customize the global app behavior:</p>
 <div class="sourceCode" id="cb15"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span><span class="va">options</span> <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html" class="external-link">list</a></span><span class="op">(</span></span>
 <span>    theme <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/c.html" class="external-link">c</a></span><span class="op">(</span><span class="st">"ios"</span>, <span class="st">"md"</span>, <span class="st">"auto"</span>, <span class="st">"aurora"</span><span class="op">)</span>,</span>
@@ -877,7 +896,6 @@ <h4 id="options">Options<a class="anchor" aria-label="anchor" href="#options"></
 which can be passed through this <strong>options</strong> parameter.</p>
 </div>
 </div>
-</div>
 <div class="section level2">
 <h2 id="gadgets">Gadgets<a class="anchor" aria-label="anchor" href="#gadgets"></a>
 </h2>
diff --git a/docs/pkgdown.yml b/docs/pkgdown.yml
index c7a0f3fb..6dd6bbd1 100644
--- a/docs/pkgdown.yml
+++ b/docs/pkgdown.yml
@@ -5,5 +5,5 @@ articles:
   pwa: pwa.html
   shinyMobile-tools: shinyMobile-tools.html
   shinyMobile: shinyMobile.html
-last_built: 2024-01-25T20:48Z
+last_built: 2024-01-25T22:00Z
 
diff --git a/vignettes/shinyMobile.Rmd b/vignettes/shinyMobile.Rmd
index e8cb2c67..a2e6bdb4 100644
--- a/vignettes/shinyMobile.Rmd
+++ b/vignettes/shinyMobile.Rmd
@@ -25,7 +25,7 @@ library(bslib)
   - Develop __progressive web shinyapps__ (PWA, similar to native apps).
   - Develop desktop shinyapps.
   
-# Custom skins
+## Custom skins
 
 `{shinyMobile}` offers 3 skins:
 
@@ -36,7 +36,7 @@ It automatically detects if the app is running with android or iOS and according
 
 `{shinyMobile}` also provides 2 themes, namely light and dark.
 
-# Layouts
+## Layouts
 
 `{shinyMobile}` brings 3 out of the box layouts:
 
@@ -44,8 +44,8 @@ It automatically detects if the app is running with android or iOS and according
   - `f7TabLayout()`: develop complex __multi-tabbed__ apps (best choice for iOS/android Apps).
   - `f7SplitLayout()`: for __tablets__ and desktop with a sidebar, navbar and a main panel
 
-# UI elements
-## Inputs: brief comparison side by side with `{shiny}`
+## UI elements
+### Inputs: brief comparison side by side with `{shiny}`
 
 `{shinyMobile}` has its own custom input widgets with unique design for each skin (iOS/android/aurora). Below we summarise all known shiny inputs and their
 equivalent with `{shinyMobile}`.
@@ -65,7 +65,7 @@ equivalent with `{shinyMobile}`.
 | Color | ❌ | `f7ColorPicker()`|
 | Download | `downloadButton()` | `f7DownloadButton()`|
 
-## Containers
+### Containers
   
 # Create your first App
 
@@ -170,7 +170,7 @@ f7Appbar(
 
 This choice is crucial when you are developing an App. It depends on the complexity of your visualizations and content. If your plan is to develop a simple graph or table, you should go for the `f7SingleLayout()` option. For more complex design, the best is `f7TabLayout()`. `f7SplitLayout()` is specific for tablets and desktop apps.
 
-#### Simple Layout
+### Simple Layout
 
 `f7SingleLayout()` is dedicated to build simple, one-page apps or gadgets.
 
@@ -206,7 +206,13 @@ card(
   full_screen = TRUE
 )
 ```
+<div class="text-center">
+<a class="btn btn-primary" data-bs-toggle="collapse" href="#singleLayout" role="button" aria-expanded="false" aria-controls="singleLayout">
+  Code
+</a>
+</div>
 
+<div class="collapse" id="singleLayout">
 ```{r, eval=FALSE}
 library(shiny)
 library(shinyMobile)
@@ -264,8 +270,9 @@ shinyApp(
   }
 )
 ```
+</div>
 
-#### Tabs Layout
+### Tabs Layout
 
 Choose this layout to develop complex __multi-tabbed__ apps (best choice for iOS/android Apps).
 
@@ -301,6 +308,13 @@ card(
 )
 ```
 
+<div class="text-center">
+<a class="btn btn-primary" data-bs-toggle="collapse" href="#tabLayout" role="button" aria-expanded="false" aria-controls="tabLayout">
+  Code
+</a>
+</div>
+
+<div class="collapse" id="tabLayout">
 ```{r, eval=FALSE}
 library(shiny)
 library(shinyMobile)
@@ -418,8 +432,9 @@ shinyApp(
   }
 )
 ```
+</div>
 
-#### Split Layout
+### Split Layout
 
 `f7SplitLayout()` is the third layout introduced with `{shinyMobile}`, similar to `sidebarLayout` with {shiny}. This template is focused for 
 tablet/desktop use. It is composed of a sidebar, and a main panel.
@@ -469,6 +484,14 @@ card(
 )
 ```
 
+<div class="text-center">
+<a class="btn btn-primary" data-bs-toggle="collapse" href="#splitLayout" role="button" aria-expanded="false" aria-controls="splitLayout">
+  Code
+</a>
+</div>
+
+<div class="collapse" id="splitLayout">
+
 ```{r, eval=FALSE}
 library(shiny)
 library(ggplot2)
@@ -637,8 +660,9 @@ shinyApp(
   }
 )
 ```
+</div>
 
-## Options
+## App options
 
 This is where you can customize the global app behavior: 
 
@@ -669,7 +693,7 @@ As stated above, you may choose between 3 skins and 2 color themes. There is a t
 `{shinyMobile}` brings a lot of different colors. __hideOnPageScroll__ allows to hide/show the navbar and toolbar which is useful to focus on the content. The __tapHold__ parameter ensure that the "long-press" feature is activated. __preloader__ is useful in case you want to display a loading screen.
 Framework7 has many more [options](https://v5.framework7.io/docs/app#app-parameters) which can be passed through this __options__ parameter.
 
-## Gadgets
+# Gadgets
 
 `{shinyMobile}` is particularly well suited to build shiny __gagdets__. 
 To convert an existing app to a gadget, wrap it in the `shiny::runGadget()` function. 

From 63e994ac4be946991867ab842e77f26fa4bda409 Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Thu, 29 Feb 2024 22:07:25 +0100
Subject: [PATCH 15/19] prepare for CRAN

---
 DESCRIPTION                                                     | 2 +-
 R/pwa-dependencies.R                                            | 2 +-
 R/shinyMobile-dependencies.R                                    | 2 +-
 _pkgdown.yml                                                    | 2 +-
 .../css/shinyMobile.css                                         | 0
 inst/{shinyMobile-1.0.0 => shinyMobile-1.0.1}/js/shinyMobile.js | 0
 .../js/shinyMobile.min.js                                       | 0
 .../js/shinyMobile.min.js.map                                   | 0
 8 files changed, 4 insertions(+), 4 deletions(-)
 rename inst/{shinyMobile-1.0.0 => shinyMobile-1.0.1}/css/shinyMobile.css (100%)
 rename inst/{shinyMobile-1.0.0 => shinyMobile-1.0.1}/js/shinyMobile.js (100%)
 rename inst/{shinyMobile-1.0.0 => shinyMobile-1.0.1}/js/shinyMobile.min.js (100%)
 rename inst/{shinyMobile-1.0.0 => shinyMobile-1.0.1}/js/shinyMobile.min.js.map (100%)

diff --git a/DESCRIPTION b/DESCRIPTION
index ab416b88..8202ea07 100644
--- a/DESCRIPTION
+++ b/DESCRIPTION
@@ -1,7 +1,7 @@
 Package: shinyMobile
 Type: Package
 Title: Mobile Ready 'shiny' Apps with Standalone Capabilities
-Version: 1.0.1.9000
+Version: 1.0.1
 Authors@R: c(
   person("David", "Granjon", email = "dgranjon@ymail.com", role = c("aut", "cre")),
   person("Victor", "Perrier", email = "info@dreamrs.fr", role = "aut"),
diff --git a/R/pwa-dependencies.R b/R/pwa-dependencies.R
index 93337373..08892853 100644
--- a/R/pwa-dependencies.R
+++ b/R/pwa-dependencies.R
@@ -11,7 +11,7 @@ add_pwa_deps <- function(tag) {
  pwa_deps <- htmlDependency(
   name = "pwa-utils",
   version = packageVersion("shinyMobile"),
-  src = c(file = "shinyMobile-1.0.0"),
+  src = c(file = "shinyMobile-1.0.1"),
   head = "<link rel=\"manifest\" href=\"manifest.webmanifest\" />
 <link rel=\"icon\" type=\"image/png\" href=\"icons/icon-144.png\" sizes=\"144x144\" />
 <link rel=\"apple-touch-icon\" href=\"icons/apple-touch-icon.png\" />
diff --git a/R/shinyMobile-dependencies.R b/R/shinyMobile-dependencies.R
index d8ace46c..c232b31f 100644
--- a/R/shinyMobile-dependencies.R
+++ b/R/shinyMobile-dependencies.R
@@ -11,7 +11,7 @@ add_shinyMobile_deps <- function(tag) {
  shinyMobile_deps <- htmlDependency(
   name = "shinyMobile",
   version = packageVersion("shinyMobile"),
-  src = c(file = "shinyMobile-1.0.0"),
+  src = c(file = "shinyMobile-1.0.1"),
   script = "js/shinyMobile.min.js",
   stylesheet = "css/shinyMobile.css",
   package = "shinyMobile",
diff --git a/_pkgdown.yml b/_pkgdown.yml
index a479e689..5d3d2a59 100644
--- a/_pkgdown.yml
+++ b/_pkgdown.yml
@@ -298,7 +298,7 @@ navbar:
 
 news:
  releases:
- - text: "shinyMobile 1.0.1.9000"
+ - text: "shinyMobile 1.0.1"
  - text: "shinyMobile 1.0.0"
  - text: "shinyMobile 0.9.1"
  - text: "shinyMobile 0.9.0"
diff --git a/inst/shinyMobile-1.0.0/css/shinyMobile.css b/inst/shinyMobile-1.0.1/css/shinyMobile.css
similarity index 100%
rename from inst/shinyMobile-1.0.0/css/shinyMobile.css
rename to inst/shinyMobile-1.0.1/css/shinyMobile.css
diff --git a/inst/shinyMobile-1.0.0/js/shinyMobile.js b/inst/shinyMobile-1.0.1/js/shinyMobile.js
similarity index 100%
rename from inst/shinyMobile-1.0.0/js/shinyMobile.js
rename to inst/shinyMobile-1.0.1/js/shinyMobile.js
diff --git a/inst/shinyMobile-1.0.0/js/shinyMobile.min.js b/inst/shinyMobile-1.0.1/js/shinyMobile.min.js
similarity index 100%
rename from inst/shinyMobile-1.0.0/js/shinyMobile.min.js
rename to inst/shinyMobile-1.0.1/js/shinyMobile.min.js
diff --git a/inst/shinyMobile-1.0.0/js/shinyMobile.min.js.map b/inst/shinyMobile-1.0.1/js/shinyMobile.min.js.map
similarity index 100%
rename from inst/shinyMobile-1.0.0/js/shinyMobile.min.js.map
rename to inst/shinyMobile-1.0.1/js/shinyMobile.min.js.map

From 41cb3bdc93d0f121835c5fbae85446ffcd3d18dc Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Thu, 29 Feb 2024 22:30:32 +0100
Subject: [PATCH 16/19] update readme

---
 README.md | 18 ++----------------
 1 file changed, 2 insertions(+), 16 deletions(-)

diff --git a/README.md b/README.md
index 7f53b6a9..5ccd96d7 100644
--- a/README.md
+++ b/README.md
@@ -18,21 +18,9 @@ install.packages("shinyMobile")
 devtools::install_github("RinteRface/shinyMobile")
 ```
 
-
-## Cheatsheet
-
-<a href="https://github.com/RinteRface/cheatsheets/tree/master/shinyMobile"><img src="https://raw.githubusercontent.com/rinterface/cheatsheets/master/shinyMobile/png/shinyMobile1.png" width="630" height="487" style="max-width:100%;"></a>
-
-
 ## Demo
 
-A running demo is available here : https://dgranjon.shinyapps.io/miniUI2Demo/. 
-Left side: android demo, right side: iOS demo.
-
-
-![](man/figures/demo.png)
-
-
+A running demo is available [here](https://shinylive.io/r/app/#h=0&code=NobwRAdghgtgpmAXGKAHVA6ASmANGAYwHsIAXOMpMAGwEsAjAJykYE8AKAZwAtaJWAlAB0IdJiw48+rALJF6tanGEQRAYgAEnIgFdGBOBphEAJjqWcRhgDwBaDRQButRiXhl2K1FFLcNdrVZOchgMADNFOHYhMDgAD1hUCwB6AHMoaiU2ZNIoek5kmNwNbwIAayhUwwBeDRipfjkFJRiVTjQkjhENDTpg8MjOaIgenu9fXG7RvgJqHRM4DBMXTg1agDEAQQAZAGUAUUmR0fHyRhHamOwiqZ7aVIgiRkWCKE4ajQAVLABVfamBEcemEdBACKRaCR2GEBBoQFpdPoohElBhxtx2OjijDitQiK9qGsHLCAL4iFTqLS8fgaDoiBqsTboYY9HS0IlhADsAAVKlFbrTMkQAO7cgDqmyJ3z+xSIqAhJFWtT6pHYJhYZSJWz2hw0KKUJi1OwOxVQzzxUAWjClv32gIFXM+eW2UFYulVAp6HXoLA5nKZqB9jBZo1DXPWSji0M5ACEoOV2LlGFVSABJQ2XMC5fJwUitbGcgBy8VVSZT6aJMWz7zzYAE9uOoeBnN2cBYBG4QfYtAzdTA73b3AAjEUNHw6BAPtLdUl43BuERqFbK2BPmwjIYSBpfIYACy+bd5ACErU9GgbTY3nHaVSDfpkcGvfLjwb4qB0ad7MRgrHgT9vLCjrOBgLkucDWpmD7-nA+Znt4k7UEqh6pNstDBCGl5cryCEYZeY5fmA8FwNQ2xwGEtZAnhPQQqQSgrqR5EaNhxE3I2eGcD2HwxEo5GsVR1HcHA8ArnQqTcBRZ6hjEMbUHksl8fxZFhHA4Irs8jhttQMSSeelGYTyUA4Tp1G0LRXFgFg9ziUxhksXgxlaJxalWRJbGXjuwmZuqjBlApVHSbJ9DyfZblNkpKmkCuxAaYw2mhT0KiXheTbQI4d61FyhZQGlLC4aGNF0ZmDJNJEflNpwOj0AV5lhE8Gi7NSrBlaG3BQC4E5Traenla1JgijaMo6TxpDMYStTTt1oaMC5o0DYcOkKKkVQQV8XU6aQzAQJw3jPGQRo6meyVhpy2xEKkfB5dMBF4udEC8lUzWjNVK4AJq6BozwZNQrDbtSmpujoGivCMqREBognPAA-I9wJEEQZwrp8vCrO84KQiMHEwOYPiPrSIxQB+glkLQrwKiMZr4o+nAYF8EMwfFY6rPGpA6F9P2PBoOjvNahmGt417Ck8hrqtmbyLExH4aMKrXkDFGgA1LhmRfQH46X1EAAOSRUo2WGEFhllCeIVUcELCkAA8qgFD7Sah2TRomjPNF4G-YYxB4taqAk2ULtvpLvOc6gIuGDu24lhoPrlKkrigiYZ6aO7dXxsQjDLBAqTfRgZ65KknAACScAQ03ypdPQxHn0KgmjUKwiADkNdIGCWiYADCXOkEQMBQTecAABK81k7BayWtiJ4wGvYlXZPsH+Pe1w5PQVxrahj9y3vgQAahkGsCBgBDXkPkdlNHugQCYo+Lk8E9XnPADcDkkgI9+qAzPQ1qmZDgY4GSV2C0-z6-UYS9aAwFSDvJupANpDyLkQa8Tx7h8GvhrQyJBfy6E4DvZ+-ENAkmKAAVgAAwEIpIA5IyRtxnQzoYWefII6+h9O8Q0W5Q4ED0LtWiP13hKHBHAQ02Z66NSbiYVu7dO7dz5P3M+g8taUKUOIgC49J5-3RjPKmfIAHYLuGEDQqjoJrGqLUDWHYfA7zhAvIBQ81A-hoQo8BPARSeCwZoxeQ8MAd0XEGNxzo+BlAwbvXgCxHHmJJA4RChg66ANDEvKxv41G2P8ZxIJkSLEazcXDagnjsyoQgL4uxC5hRJOcWSQBj8nGXlKTpOKSV7aOjyEMHSPYVzVlzDDPGICca9m1LbBmnBhS0CtnJTqg0GbZg-u+UgnB7bUTyDGUgW0pmHnoC3FgJhJnrW8cENZIy8ifBLAs0ZEBar7LyObHcjBLChUSqMI625TKFT7MVeQpUwAAkotzOWGUp4qL9qQWUH5xnFHeNedGACBSaB+Rob+dARbowFPId5UQImXihT2HG6xORjI-N2CA4yKyZnIHECiY5Dlg0zGKGWcAYqnlCii4O6LMUegZj8vFfZ+a9KFq0044ELh9mAAQ2wABOAAugAKlaeBVwK0Yjm1EOzHQMB6DgVWEkNs7wjaHQFI-EQYKKFLTojYvWLBEBUl0EuDQJBvoR0MMsTgslWC8KlkTc1IxQ4GtWPwti8Kv5wH2BpDwPy87NN+WY0KQKOIkALhQERwQxFxKiKQVgVsmmyLgPIuAQZRwBqDVcnoWqX6hk0FzF27wz4aEnMKG+fI4U5kYBpX1FBVQ-OAMAb8sToJBlsCWuOYAhVCuKEipsOgg5os5Gm+pTKCLWLjZYY2eEVSl1GFyNNC78rh1qAGqd7aWALNDNATyfYAAi2UeytPyom8yJbXLOMEpaF2kE40aF7m2K0p7F1wwRvevR6x33gVfdREsT7b1StXOHQDL7Z3YIJaQb98M719igxoGDZw-20m-kmFc4lSCoE4IgMhBATAQHCMweAgsfKcgwJCZIwF5yLitFRuAcolC2CHEQuILH+XkYAFaoFSFU-iOamwCYSpqkhBa9RQB9hQj6Kk4C0A0h9XmndK1VAuaGL1tbEVnj4LSnGLozjsEIUQoTZbYC4wCAQaIYAN4kw7rFPAfYABSRBuCqDrGePdNh7DtBgCq9gHnJkaCHKJwdw7yDorHQuxpmZN09xnQs+dDkl1xpXU9NdfY00oY80SDzO6nrnrUjJuTvCUPZR8L6TMmHsO4eSPhwjYRiNwFI2UcjlHqOgTo1bRjcBmOsfY4KjA3HeMvMAcZ4TlyRParYpoDa9xlp6jqjdPgAoZtLRdgET6aMNLsAHVNOAABHbF4zA11NzPovsxjawCbzWJxbGNvXWmMGYFobECTUDkE9-koUuSnVuq2DTjB7ZRb7Ld+6MEIPTAeE8OAH9TJzXtitubtQEe-rYsFno7ojscRGOtqN4FuR4lVEkeGXA+DFFsF7YoAAmEVXt6xwv+R+POxBVg47PnjgnmIOfM7JxTjQ1Pado-NQz0ggbw6s6tNyaa-qcWM6gwJjHjO2WkcNOLvHUvG0y5F0roW8vhei8JSwNs-h7C7Ql+rw7suSyG6gLrrDjPbWcWtKrxgku+Aa8x9C8CtuPeO6wIZKoxvpNs5d+bgNDurR+-TsoenduRfBDgOgNbJvcch7dxbuP5BE+MG94zjsKlNTO9d9Lo7efyg55F6X4+MdUCB9N2rtPAbK8nyHeXvOzBlhg0L6HzXbfLSQlbx3PVnmg9m4bz3wfVDW9cIirXlPRf3f2+IhFVvULZ-B-n+nvOKtIEkEp1PmAZsRZQDX1aJ0QVNOhRvSYGepBXjnOAMUCz34eOZp75wA-jAJnEUBBoEwrga8bDGj7BCpXbFCuDCj+ZzRT5L7ghHrkAn717F6M7Byt4EwdzEA+ZKCywZAIGp5IEi4-hoH4idwqrkCC6yToDfTsBDiIBDiU5KLVwQDdgaJNgK6kDNr8zkAEKWbPBxZjgCC9q4G7KEqYhvBcGWYxgfgdyubFDsiTBgCMx9iyGa4cFiFwDcExBVQyH8G9p05sTXajBsF5xezlBfw4HO7CEL4EGJrrzZ4x4l6Xwu62FbyEgWElib4-hjwmE+x2H5qjCaBdquxAyOElC2HErjJSYOa7DVoIr1r4F5yeGOHeHgT9pnhhroyRpnxtwxpdzJYJpJr4ojxjyjgGpEgbqsBeG2FXYkI6qoByhDr2GK71GoAtwkDkB7Rd5j5HZ1HvioCWGC7qZ1p+pWGBoprcjNGpFfY8jNGRYEQ9FDojjg75R3LmQyA-QRDnKRTzGoCtKOjuExDbGWGjgxDjG9HBGfxkDHGrjIyKE-h6grBbHNEOAxTFCphaDChtiMBGw3KhgxQ+gQgwCWHmzC6WbbGtEXGXYar6EDE1pDENqb7bFDiTGXi0DaKb5BpnYnHNEzosGXjbG7C5Asws72Cok6IBqImwgxBygUDFYKHETvDnZ4iMJ8b6SfBEBiEpZ1EcRkzJo7FLFNgIa1CcH8hgCnFDqMxATNEEk+BcyjbnhnjFKhh5o6o8BwCnZE55iep66qm5j47wy4F6mqg7ajDIyqjnBPAwCb46kWz5B6FKkwmxHDHokpoNRqnBrGmsihZwDoqum5jdgETWmLHVGTZiaPAQgRCkzoyqajAUGdDUGIAADMDB08tAuJhhsJPqTpTawAwpGhYAoMhY8MqJmaAhfaESDSxA2OJJaJ7IAApLWXzmdsQnqBipWZZvQIuKQAAPr6itChIMmFg-DbDbAhl4SZRFlhApaCnwaPhXr8QkxbjrqVm5bPRClqGWaFnhkkw+Cwr2apm5YVRVQrEriSiHnVSvrVSWRiSkCWFlE6TGYGG5qC6aAHq0AZBnTRk9CaBhmonblkyfm9AdBUE0FJl6hfJQipkhqXiDGZnwnZm5mWagyvnvlDayGlmTENI1lnZBZQX8RcjIU3QpYmRmQrgEVnS3JmQobTkxBIxoSKGGSCjgSRTLAoUsl4RykhL0mGCkndhnZ764VUT4VvmEXmJA4xCVkbEwBkWoXmKrmHrCXkXnn8nuT5aZgSUuAwBUVpY0U3F0UMXqWMAwC-4KVDYOQcX9ncVYUGIaAJlpn6TSVEX4QrgUw+akDSVUXHmZjSUUUtDKUCmqWsquCuVaWEqIy6VMwlBBXyjGWsXDbYIcUKnBl+Ho4ZlxEjEGVSUmXIlNiOjsnoTTnCmWabBZCRQQpoSICv4OGHIaXSV2mjDKlamx7GFRUbRmbJ7B4-CpjbZaY1nUwQDmDUAIktW1V2WLqxh4jlCfArGJieV9gtx0DlDOoxU3QRxSFbgJnUrlJnhcgyT4hlBTVmQzUkXro94uXyi1UTbJUOwlByhEAxQAUwVpUIm3UxSSE74QDZWhjNzoqnF3XgSzHOUvXgRvXSGtJyj-lEjzqVntGRSZi0WrB6Utkg0kCbWCaXU6odxiEPWpVZnj55XunbWchskck6RcmmTowrgdk76aV+XUVgBvGwC0gUJiE0z7A+AbjqrjbQmjlfm0iMFUhukxHepPUBqgybCMG+kE1THi1kyS0LrRxA4TQNIETMzoyLELLb7SFIQJaAI63OJ02bm-mRko1+WhgLk8pciphtkxB8C1SwTJJjxEiDnDlmW5Z62aJ03uWm3TCVl+hW1QjcQuQqwZI9mKBaR1i5Y9CO21DO0jkjb3lQn2k83mo41wU96q0kBDhdma0kCfXTA1np2MFZ050XC1A4UeljWG2TkOR01vSAyzDrxMIuqCT3GbGrXvWvrm1+3W1gAdnUDdm9kR012zUxBV1-m7krkrFXniS3mZiPDChsWhgPkWVjgF1HYZ0QDF1rWl186jXNgOUORiUoAS2CS5he2T3HVzULWajCQdyAVVx+DH7E3BBGwrkBXiUkCSUXnaVgB11AzX0OrMIt2owkCGgl2L3XIKno2eqp3xG9L9JwAy3ozZ3b151aJklv59JWxIMkAoPvXYV70tlV1Tk-1-0N2mFN1BEbHBDt2g3e1d0ZStkB292dmh2ZD22QYj1gBj3G0yHD1mTT03k-3z0QNjblIr08Vh5YOIOMF4PSF8WENCUoUpZH0b2S3n38P3IxDzXewbhSayQP1M3P2kCv013v2ECf0aXf2hWZhkMAOUOhwgOlrgNxXsVQPc1XWPW43r0n1unSVoMtnGOJhpaFUxDFVMXhGSzlWVWM5qOn1uUmV1VPnJ2FpemRVnS8GrAZowOOlp1HZDrBw8ZIkCWjAFMjqS4ZNUz+nOWpDq2QoZA6AfABplOZ61NJU6otOGDpA6APQ5PC3eOM6dPdNVDFMV2dPooADiBMVQ1T0WrAwzcAdTUKjTZRPeQz0ziz7TU2DgcQ8Ehod+hoG1fTGmItPeoMyyqcAT4znIFz1+R9BzG1bmHjGNKafNKcHenjsDIxYtBA7z6MVzXp6K4tfzAdE6K4ycQsatrS0+PCvYI4XNSdV1qTwcJQtkWkxzcJ8RoMo0ALdKBkOER9REJEZEkJzz2z8DnWqsGLsFcD0jVdAT454ZC6dN5AwQrSDDLZ-tTBmhrDg9PxT0XDPDO5JtCyZ5XDp5lUSl+yU9Lks9fYIjrjS90DamXzVp0j4Tn+DLnIB9IyXD3lUr60P98N9F+MJVy1Z0EDWzKruTtLCDODEAktWr9rctOkCtvYStYLRU6rjBrSJd2taEjK2C7tkGP9QrZMKGHLltPdttRAHDmi0dGgsdrtDkwb-EntJlEbvtjDXLlmok4kwd9AbD4d-Ll4CbSb8dDMxmVr-hkVxE7JVo2NNrIx9iwop0QGATLbP15o9b-1ZYp2mYagZodbQGhpo4CbmhcwYOxmuwQQGAtqapqA7Ae+Z4AS3pPI3bQGiYLAKYK4g7G7EuBOqNyTjV3R+77O+pheHOFdpp7A5phl1BRm1bvNqAC4d9TAIo3MQtJzAzIuE+Sg3Ir7RAWrAH8MRAMY4B3MzLgk+6MQ3kvktN5jpsZ875k4nKgHSET+gCMQlWOGeGBGRGpmTWLWRAVGskIEtG4EyQ20TwEyPWlOu4bGBC9HzGA2L+3t2HkCVWeHdWDWRHFGJHbWFHjAVHdRn+nAdHDHLGzHlOrHMlWHYAOH1WtWBHJGTwzW-HpHc47WlH1HYnEnjHzHCZsnoj8pCL9Vz5GgD4-Vjb-TeTsuKaVnOguLI6jnB6-+fUEBlm7gOgQZyr6ZTbHhFAOgqYIQozhNxDdNYoxEhI6scA3xfnvNnAPsWBKN1L3VoU2mGQqK5Aem-1u4RCxChNuwyXuYzDc7JX0htgKoVxYQt6o4y7ZLYmqENDfACwcQYKXj8JE0JTmgLZzXaYbOUYOqV0IkAbtgrX8QzGZUvX0yyY-bfYagKo43g3tgfbc5vNMZeQxEc0w3AmaguCzqBgUBKTJQA1Umzw9Wj43AOqnX8R8oAOPXw3JQG00pRJgekjp1G0lJYAJtYKT3SjIl2zq6NjqL8eQ893jM1893r3sp3UM31E5jGQTFbFM3e3OCwWxSKgYAJIQqQAA).
 
 ## Progressive Web App (PWA)
 
@@ -74,7 +62,7 @@ you may do something similar. Importantly, Chrome for iOS does not support this
 
 <div class="row">
 <div class="card">
-<a href="#" target="_blank"><img src="man/figures/f7PWA.png"></a>
+<a href="#" target="_blank"><img src="vignettes/figures/f7PWA.png"></a>
 </div>
 </div>
 
@@ -82,13 +70,11 @@ you may do something similar. Importantly, Chrome for iOS does not support this
 It is actually quite complex to guarantee that all mobile platforms are supported.
 The PWA compatibility script will work in most of the case. If not, please open an issue [here](https://github.com/GoogleChromeLabs/pwacompat/issues), to help improving it!
 
-
 ## Acknowledgement
 
 A special thanks to [Vladimir Kharlampidi](https://github.com/nolimits4web) for creating this
 amazing framework7 HTML template.
 
-
 ## Code of Conduct
   
   Please note that the shinyMobile project is released with a [Contributor Code of Conduct](https://contributor-covenant.org/version/2/0/CODE_OF_CONDUCT.html). By contributing to this project, you agree to abide by its terms.

From 730b2c8d684e5deda1f59d4f8492a868ad3a40e6 Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Thu, 29 Feb 2024 22:38:08 +0100
Subject: [PATCH 17/19] fix CRAN note

---
 NEWS.md          | 1 +
 R/f7Messages.R   | 2 +-
 cran-comments.md | 7 ++-----
 man/messages.Rd  | 2 +-
 4 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/NEWS.md b/NEWS.md
index 3fe38419..062f435a 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -9,6 +9,7 @@ apps in the documentation.
 
 ## Bug fixes
 - Fix ignored __height__ in `f7Card()` (Typo).
+- Fix CRAN note.
 
 # shinyMobile 1.0.0
 
diff --git a/R/f7Messages.R b/R/f7Messages.R
index 678fa469..9a1f621f 100644
--- a/R/f7Messages.R
+++ b/R/f7Messages.R
@@ -279,7 +279,7 @@ f7Message <- function(text, name, type = c("sent", "received"),
 #'
 #' \code{updateF7Messages} add messages to an \link{f7Messages} container.
 #'
-#' @param id Reference to link{f7Messages} container.
+#' @param id Reference to \link{f7Messages} container.
 #' @param showTyping Show typing when a new message comes. Default to FALSE.
 #' Does not work yet...
 #' @param messages List of \link{f7Messages}.
diff --git a/cran-comments.md b/cran-comments.md
index 3c3f3e0b..eca8b349 100644
--- a/cran-comments.md
+++ b/cran-comments.md
@@ -1,5 +1,5 @@
 ## Test environments
-* RStudio Workbench, R-4.2.1.
+* RStudio Workbench, R-4.2.2.
 * `rhub::check_for_cran()`.
 * win-builder (devel and release).
 
@@ -7,7 +7,4 @@
 There were no ERRORs or WARNINGs or NOTEs.
 
 ## Note
-This is a re-submission: 
-Reverse dependency LFApp appears to be broken, which was not initially 
-captured by revdepcheck package during the first submission. A pull request was proposed: https://github.com/fpaskali/LFApp/pull/4 to fix the issue. However the package does
-not seem active anymore since about 2 years and the authors did not answer my mail.
+This release also fixes a note in https://cran.r-project.org/web/checks/check_results_shinyMobile.html.
diff --git a/man/messages.Rd b/man/messages.Rd
index 8daacabc..38ee4856 100644
--- a/man/messages.Rd
+++ b/man/messages.Rd
@@ -37,7 +37,7 @@ updateF7Messages(
 )
 }
 \arguments{
-\item{id}{Reference to link{f7Messages} container.}
+\item{id}{Reference to \link{f7Messages} container.}
 
 \item{title}{Optional messages title.}
 

From 10d99d01efa2bd45cffc4f9f4147b21f863962b5 Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Thu, 29 Feb 2024 22:46:20 +0100
Subject: [PATCH 18/19] rev dep checks

---
 revdep/README.md   | 81 +++++++++++++++++++---------------------------
 revdep/cran.md     |  2 +-
 revdep/failures.md | 34 +------------------
 3 files changed, 36 insertions(+), 81 deletions(-)

diff --git a/revdep/README.md b/revdep/README.md
index 31c98c82..1f1196ff 100644
--- a/revdep/README.md
+++ b/revdep/README.md
@@ -1,55 +1,42 @@
 # Platform
 
-|field    |value                                                                |
-|:--------|:--------------------------------------------------------------------|
-|version  |R version 4.2.1 (2022-06-23)                                         |
-|os       |Ubuntu 20.04.4 LTS                                                   |
-|system   |x86_64, linux-gnu                                                    |
-|ui       |RStudio                                                              |
-|language |(EN)                                                                 |
-|collate  |C.UTF-8                                                              |
-|ctype    |C.UTF-8                                                              |
-|tz       |Etc/UTC                                                              |
-|date     |2022-11-14                                                           |
-|rstudio  |2022.07.1+554 Spotted Wakerobin (server)                             |
-|pandoc   |2.18 @ /usr/lib/rstudio-server/bin/quarto/bin/tools/ (via rmarkdown) |
+|field    |value                                       |
+|:--------|:-------------------------------------------|
+|version  |R version 4.2.2 Patched (2022-10-31 r83219) |
+|os       |macOS Ventura 13.6.4                        |
+|system   |x86_64, darwin17.0                          |
+|ui       |RStudio                                     |
+|language |(EN)                                        |
+|collate  |en_US.UTF-8                                 |
+|ctype    |en_US.UTF-8                                 |
+|tz       |Europe/Zurich                               |
+|date     |2024-02-29                                  |
+|rstudio  |2023.12.0+369 Ocean Storm (desktop)         |
+|pandoc   |3.1.4 @ /usr/local/bin/ (via rmarkdown)     |
 
 # Dependencies
 
-|package     |old   |new    |Δ  |
-|:-----------|:-----|:------|:--|
-|shinyMobile |0.9.1 |1.0.0  |*  |
-|bitops      |NA    |1.0-7  |*  |
-|bslib       |NA    |0.4.1  |*  |
-|caTools     |NA    |1.18.2 |*  |
-|cli         |NA    |3.4.1  |*  |
-|commonmark  |NA    |1.8.1  |*  |
-|crayon      |NA    |1.5.2  |*  |
-|curl        |NA    |4.3.3  |*  |
-|digest      |NA    |0.6.30 |*  |
-|fontawesome |NA    |0.4.0  |*  |
-|gplots      |NA    |3.1.3  |*  |
-|gtools      |NA    |3.9.3  |*  |
-|htmltools   |NA    |0.5.3  |*  |
-|httpuv      |NA    |1.6.6  |*  |
-|httr        |NA    |1.4.4  |*  |
-|jsonlite    |NA    |1.8.3  |*  |
-|lifecycle   |NA    |1.0.3  |*  |
-|magrittr    |NA    |2.0.3  |*  |
-|memoise     |NA    |2.0.1  |*  |
-|openssl     |NA    |2.0.4  |*  |
-|Rcpp        |NA    |1.0.9  |*  |
-|rlang       |NA    |1.0.6  |*  |
-|sass        |NA    |0.4.2  |*  |
-|shiny       |NA    |1.7.3  |*  |
-|sys         |NA    |3.4.1  |*  |
-|withr       |NA    |2.5.0  |*  |
+|package     |old   |new     |Δ  |
+|:-----------|:-----|:-------|:--|
+|shinyMobile |1.0.0 |1.0.1   |*  |
+|bslib       |NA    |0.6.1   |*  |
+|cli         |NA    |3.6.2   |*  |
+|commonmark  |NA    |1.9.1   |*  |
+|curl        |NA    |5.2.0   |*  |
+|digest      |NA    |0.6.34  |*  |
+|glue        |NA    |1.7.0   |*  |
+|gplots      |NA    |3.1.3.1 |*  |
+|gtools      |NA    |3.9.5   |*  |
+|htmltools   |NA    |0.5.7   |*  |
+|httpuv      |NA    |1.6.14  |*  |
+|jsonlite    |NA    |1.8.8   |*  |
+|later       |NA    |1.3.2   |*  |
+|lifecycle   |NA    |1.0.4   |*  |
+|Rcpp        |NA    |1.0.12  |*  |
+|rlang       |NA    |1.1.3   |*  |
+|sass        |NA    |0.4.8   |*  |
+|shiny       |NA    |1.8.0   |*  |
+|withr       |NA    |3.0.0   |*  |
 
 # Revdeps
 
-## Failed to check (1)
-
-|package |version |error |warning |note |
-|:-------|:-------|:-----|:-------|:----|
-|LFApp   |?       |      |        |     |
-
diff --git a/revdep/cran.md b/revdep/cran.md
index 62d1ce49..782ef684 100644
--- a/revdep/cran.md
+++ b/revdep/cran.md
@@ -1,6 +1,6 @@
 ## revdepcheck results
 
-We checked 1 reverse dependencies (0 from CRAN + 1 from Bioconductor), comparing R CMD check results across CRAN and dev versions of this package.
+We checked 1 reverse dependencies, comparing R CMD check results across CRAN and dev versions of this package.
 
  * We saw 0 new problems
  * We failed to check 0 packages
diff --git a/revdep/failures.md b/revdep/failures.md
index 9bdbf97f..9a207363 100644
--- a/revdep/failures.md
+++ b/revdep/failures.md
@@ -1,33 +1 @@
-# LFApp
-
-<details>
-
-* Version: 
-* GitHub: https://github.com/RinteRface/shinyMobile
-* Source code: NA
-* Number of recursive dependencies: 0
-
-</details>
-
-## Error before installation
-
-### Devel
-
-```
-
-
-
-
-
-
-```
-### CRAN
-
-```
-
-
-
-
-
-
-```
+*Wow, no problems at all. :)*
\ No newline at end of file

From f225528dc9921419d5a8ddc0401d6da57352eb26 Mon Sep 17 00:00:00 2001
From: DivadNojnarg <dgranjon@ymail.com>
Date: Thu, 29 Feb 2024 23:22:47 +0100
Subject: [PATCH 19/19] broken link in readme

---
 NEWS.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/NEWS.md b/NEWS.md
index 062f435a..ccce8905 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -65,7 +65,7 @@ This release only fixes an issue with Shiny 1.7.0 with a failing unit [test](htt
 
 # shinyMobile 0.9.0
 
-This release also fixes an issue with R CMD check and [htmltools](https://github.com/RinteRface/shinyMobile/runs/3133178817?check_suite_focus=true#step:10:119)
+This release also fixes an issue with R CMD check and htmltools.
 
 ## Breaking change
 - `f7Link()` __icon__ now expects `f7Icon()`. __label__ is not mandatory anymore.